@import url(https://fonts.cdnfonts.com/css/rawline);
@charset "UTF-8";
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}
.autoComplete_wrapper > input {
  width: 370px;
  height: 40px;
  padding-left: 10px;
  font-size: 1rem;
  color: rgb(116, 116, 116);
  border-radius: 4px;
  border: 1px solid rgba(33, 33, 33, 0.2);
  outline: none;
}
.autoComplete_wrapper > input::-moz-placeholder {
  color: rgba(123, 123, 123, 0.5);
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.autoComplete_wrapper > input::placeholder {
  color: rgba(123, 123, 123, 0.5);
  transition: all 0.3s ease;
}
.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0.5rem 0 0 0;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.1);
  z-index: 1000;
  outline: none;
}
.autoComplete_wrapper > ul > li {
  padding: 10px 20px;
  list-style: none;
  text-align: left;
  font-size: 16px;
  color: #212121;
  transition: all 0.1s ease-in-out;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}
.autoComplete_wrapper > ul > li::-moz-selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}
.autoComplete_wrapper > ul > li::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}
.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(123, 123, 123, 0.1);
}
.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: rgba(255, 122, 122, 1);
  font-weight: bold;
}
.autoComplete_wrapper > ul > li mark::-moz-selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}
.autoComplete_wrapper > ul > li mark::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}
.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(123, 123, 123, 0.1);
}
@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: "•";
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}
.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require decidim
 *= require_tree .
 *= require_self
 */
.editor-container {
  margin-bottom: 1.5rem;
}
.editor-container p {
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}
.editor-container ul,
.editor-container ol {
  margin-bottom: 1rem;
}
.ql-editor-display ul li,
.ql-editor-display ol li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}
.ql-editor-display ul li::before,
.ql-editor-display ol li::before {
  content: "•";
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor-display ul li.ql-indent-1,
.ql-editor-display ol li.ql-indent-1 {
  padding-left: 3em;
}
.ql-editor-display ul li.ql-indent-2,
.ql-editor-display ol li.ql-indent-2 {
  padding-left: 6em;
}
.ql-editor-display ul li.ql-indent-3,
.ql-editor-display ol li.ql-indent-3 {
  padding-left: 9em;
}
.ql-editor-display ul li.ql-indent-4,
.ql-editor-display ol li.ql-indent-4 {
  padding-left: 12em;
}
.ql-editor-display ul li.ql-indent-5,
.ql-editor-display ol li.ql-indent-5 {
  padding-left: 15em;
}
.ql-editor-display ul li.ql-indent-6,
.ql-editor-display ol li.ql-indent-6 {
  padding-left: 18em;
}
.ql-editor-display ul li.ql-indent-7,
.ql-editor-display ol li.ql-indent-7 {
  padding-left: 21em;
}
.ql-editor-display ul li.ql-indent-8,
.ql-editor-display ol li.ql-indent-8 {
  padding-left: 24em;
}
.ql-editor-display ul li.ql-indent-9,
.ql-editor-display ol li.ql-indent-9 {
  padding-left: 27em;
}
.ql-editor-display ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor-display ol li::before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-1::before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-2::before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-3::before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-4::before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-5::before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}
.ql-editor-display ol li.ql-indent-6::before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor-display ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}
.ql-editor-display ol li.ql-indent-7::before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor-display ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}
.ql-editor-display ol li.ql-indent-8::before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor-display ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor-display ol li.ql-indent-9::before {
  content: counter(list-9, decimal) ". ";
}
:root {
  --primary: #cb3c29;
  --primary-rgb: 239, 96, 77;
  --secondary: #1351b4;
  --secondary-rgb: 57, 116, 127;
  --success: #57d685;
  --success-rgb: 87, 214, 133;
  --warning: #ffae00;
  --warning-rgb: 255, 174, 0;
  --alert: #ec5840;
  --alert-rgb: 236, 88, 64;
  --highlight: #be6400;
  --highlight-rgb: 190, 100, 0;
  --highlight-alternative: #ff5731;
  --highlight-alternative-rgb: 255, 87, 49;
  --proposals: #238ff7;
  --actions: #57d685;
  --debates: #fa6c96;
  --meetings: #fabc6c;
  --twitter: #55acee;
  --facebook: #3b5998;
  --google: #4285f4;
}
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require decidim
 *= require_tree .
 *= require_self
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
.inline-filters button[data-toggle],
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select,
.inline-filters button[data-toggle] {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}
[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.foundation-mq {
  font-family: "small=0em&smallmedium=28.125em&medium=40em&mediumlarge=50em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
  box-sizing: border-box;
  font-size: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
  background: #fafafa;
  font-family: "Source Sans Pro", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #3d393c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
textarea {
  height: auto;
  min-height: 50px;
  border-radius: 4px;
}
select, .inline-filters button[data-toggle] {
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}
button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 4px;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}
pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
.inline-filters button[data-toggle],
textarea {
  font-family: inherit;
}
.is-visible {
  display: block !important;
}
.is-hidden {
  display: none !important;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #2c2930;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #fafafa;
  cursor: not-allowed;
}
[type=submit],
[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
}
input[type=search] {
  box-sizing: border-box;
}
::-moz-placeholder {
  color: #e8e8e8;
}
::placeholder {
  color: #e8e8e8;
}
[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}
[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}
[type=file] {
  width: 100%;
}
label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #1a181d;
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}
.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #1a181d;
}
.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 4px 0 0 4px;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 4px 4px 0;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .user-nickname label .row > span:last-of-type, .input-group-label, .user-nickname label .row > span:first-of-type {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.input-group-label, .user-nickname label .row > span:first-of-type {
  padding: 0 1rem;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  color: #1a181d;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}
.input-group-label:first-child, .user-nickname label .row > span:first-child:first-of-type {
  border-right: 0;
}
.input-group-label:last-child, .user-nickname label .row > span:last-child:first-of-type {
  border-left: 0;
}
.input-group-field, .user-nickname label .row > span:last-of-type {
  border-radius: 0;
}
.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 2.4375rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}
.input-group .input-group-button {
  display: table-cell;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}
.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #e8e8e8;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}
select, .inline-filters button[data-toggle] {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"32\" height=\"24\" viewBox=\"0 0 32 24\"><polygon points=\"0,0 32,0 16,24\" style=\"fill: rgb%2844, 41, 48%29\"></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select, .inline-filters button[data-toggle] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
  }
}
select:focus, .inline-filters button[data-toggle]:focus {
  outline: none;
  border: 1px solid #2c2930;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled, .inline-filters button[data-toggle]:disabled {
  background-color: #fafafa;
  cursor: not-allowed;
}
select::-ms-expand, .inline-filters button[data-toggle]::-ms-expand {
  display: none;
}
select[multiple], .inline-filters button[multiple][data-toggle] {
  height: auto;
  background-image: none;
}
select:not([multiple]), .inline-filters button[data-toggle]:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}
.is-invalid-input:not(:focus) {
  border-color: #ec5840;
  background-color: #fdeeec;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #ec5840;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #ec5840;
}
.is-invalid-label {
  color: #ec5840;
}
.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #ec5840;
}
.form-error.is-visible {
  display: block;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
em,
i {
  font-style: italic;
  line-height: inherit;
}
strong,
b {
  font-weight: 600;
  line-height: inherit;
}
small {
  font-size: 90%;
  line-height: inherit;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Source Sans Pro", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #8c838a;
}
h1, .h1 {
  font-size: 2.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h2, .h2 {
  font-size: 1.625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h3, .h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h4, .h4 {
  font-size: 1.375rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1351b4;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: #10469b;
}
a img {
  border: 0;
}
hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 6rem auto 5rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #e8e8e8;
  border-left: 0;
}
ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}
li {
  font-size: inherit;
}
ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}
ol {
  margin-left: 1.25rem;
}
ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}
dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: 600;
}
blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #e8e8e8;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #2c2930;
}
abbr, abbr[title] {
  border-bottom: 1px dotted #1a181d;
  cursor: help;
  text-decoration: none;
}
figure {
  margin: 0;
}
kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #1a181d;
  border-radius: 4px;
}
.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #2c2930;
}
.lead {
  font-size: 125%;
  line-height: 1.45;
}
.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}
ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}
.cite-block, cite {
  display: block;
  color: #2c2930;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}
.code-inline, code {
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #1a181d;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.code-block {
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #1a181d;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
@media print, screen and (min-width: 28.125em) {
  .smallmedium-text-left {
    text-align: left;
  }
  .smallmedium-text-right {
    text-align: right;
  }
  .smallmedium-text-center {
    text-align: center;
  }
  .smallmedium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 50em) {
  .mediumlarge-text-left {
    text-align: left;
  }
  .mediumlarge-text-right {
    text-align: right;
  }
  .mediumlarge-text-center {
    text-align: center;
  }
  .mediumlarge-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #2c2930;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 28.125em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 50em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.column, .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  width: 100%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.column, .columns, .column:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}
.column.row.row, .row.row.columns {
  float: none;
}
.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}
.small-1 {
  width: 8.3333333333%;
}
.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}
.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}
.small-offset-0 {
  margin-left: 0%;
}
.small-2 {
  width: 16.6666666667%;
}
.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}
.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}
.small-offset-1 {
  margin-left: 8.3333333333%;
}
.small-3 {
  width: 25%;
}
.small-push-3 {
  position: relative;
  left: 25%;
}
.small-pull-3 {
  position: relative;
  left: -25%;
}
.small-offset-2 {
  margin-left: 16.6666666667%;
}
.small-4 {
  width: 33.3333333333%;
}
.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}
.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}
.small-offset-3 {
  margin-left: 25%;
}
.small-5 {
  width: 41.6666666667%;
}
.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}
.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}
.small-offset-4 {
  margin-left: 33.3333333333%;
}
.small-6 {
  width: 50%;
}
.small-push-6 {
  position: relative;
  left: 50%;
}
.small-pull-6 {
  position: relative;
  left: -50%;
}
.small-offset-5 {
  margin-left: 41.6666666667%;
}
.small-7 {
  width: 58.3333333333%;
}
.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}
.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}
.small-offset-6 {
  margin-left: 50%;
}
.small-8 {
  width: 66.6666666667%;
}
.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}
.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}
.small-offset-7 {
  margin-left: 58.3333333333%;
}
.small-9 {
  width: 75%;
}
.small-push-9 {
  position: relative;
  left: 75%;
}
.small-pull-9 {
  position: relative;
  left: -75%;
}
.small-offset-8 {
  margin-left: 66.6666666667%;
}
.small-10 {
  width: 83.3333333333%;
}
.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}
.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}
.small-offset-9 {
  margin-left: 75%;
}
.small-11 {
  width: 91.6666666667%;
}
.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}
.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}
.small-offset-10 {
  margin-left: 83.3333333333%;
}
.small-12 {
  width: 100%;
}
.small-offset-11 {
  margin-left: 91.6666666667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}
.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}
.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}
.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right;
}
@media print, screen and (min-width: 28.125em) {
  .smallmedium-1 {
    width: 8.3333333333%;
  }
  .smallmedium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .smallmedium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .smallmedium-offset-0 {
    margin-left: 0%;
  }
  .smallmedium-2 {
    width: 16.6666666667%;
  }
  .smallmedium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .smallmedium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .smallmedium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .smallmedium-3 {
    width: 25%;
  }
  .smallmedium-push-3 {
    position: relative;
    left: 25%;
  }
  .smallmedium-pull-3 {
    position: relative;
    left: -25%;
  }
  .smallmedium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .smallmedium-4 {
    width: 33.3333333333%;
  }
  .smallmedium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .smallmedium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .smallmedium-offset-3 {
    margin-left: 25%;
  }
  .smallmedium-5 {
    width: 41.6666666667%;
  }
  .smallmedium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .smallmedium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .smallmedium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .smallmedium-6 {
    width: 50%;
  }
  .smallmedium-push-6 {
    position: relative;
    left: 50%;
  }
  .smallmedium-pull-6 {
    position: relative;
    left: -50%;
  }
  .smallmedium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .smallmedium-7 {
    width: 58.3333333333%;
  }
  .smallmedium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .smallmedium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .smallmedium-offset-6 {
    margin-left: 50%;
  }
  .smallmedium-8 {
    width: 66.6666666667%;
  }
  .smallmedium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .smallmedium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .smallmedium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .smallmedium-9 {
    width: 75%;
  }
  .smallmedium-push-9 {
    position: relative;
    left: 75%;
  }
  .smallmedium-pull-9 {
    position: relative;
    left: -75%;
  }
  .smallmedium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .smallmedium-10 {
    width: 83.3333333333%;
  }
  .smallmedium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .smallmedium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .smallmedium-offset-9 {
    margin-left: 75%;
  }
  .smallmedium-11 {
    width: 91.6666666667%;
  }
  .smallmedium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .smallmedium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .smallmedium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .smallmedium-12 {
    width: 100%;
  }
  .smallmedium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .smallmedium-up-1 > .column, .smallmedium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .smallmedium-up-1 > .column:nth-of-type(1n), .smallmedium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-1 > .column:nth-of-type(1n+1), .smallmedium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .smallmedium-up-1 > .column:last-child, .smallmedium-up-1 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-2 > .column, .smallmedium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .smallmedium-up-2 > .column:nth-of-type(1n), .smallmedium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-2 > .column:nth-of-type(2n+1), .smallmedium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .smallmedium-up-2 > .column:last-child, .smallmedium-up-2 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-3 > .column, .smallmedium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .smallmedium-up-3 > .column:nth-of-type(1n), .smallmedium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-3 > .column:nth-of-type(3n+1), .smallmedium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .smallmedium-up-3 > .column:last-child, .smallmedium-up-3 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-4 > .column, .smallmedium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .smallmedium-up-4 > .column:nth-of-type(1n), .smallmedium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-4 > .column:nth-of-type(4n+1), .smallmedium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .smallmedium-up-4 > .column:last-child, .smallmedium-up-4 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-5 > .column, .smallmedium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .smallmedium-up-5 > .column:nth-of-type(1n), .smallmedium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-5 > .column:nth-of-type(5n+1), .smallmedium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .smallmedium-up-5 > .column:last-child, .smallmedium-up-5 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-6 > .column, .smallmedium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .smallmedium-up-6 > .column:nth-of-type(1n), .smallmedium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-6 > .column:nth-of-type(6n+1), .smallmedium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .smallmedium-up-6 > .column:last-child, .smallmedium-up-6 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-7 > .column, .smallmedium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .smallmedium-up-7 > .column:nth-of-type(1n), .smallmedium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-7 > .column:nth-of-type(7n+1), .smallmedium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .smallmedium-up-7 > .column:last-child, .smallmedium-up-7 > .columns:last-child {
    float: left;
  }
  .smallmedium-up-8 > .column, .smallmedium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .smallmedium-up-8 > .column:nth-of-type(1n), .smallmedium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .smallmedium-up-8 > .column:nth-of-type(8n+1), .smallmedium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .smallmedium-up-8 > .column:last-child, .smallmedium-up-8 > .columns:last-child {
    float: left;
  }
  .smallmedium-collapse > .column, .smallmedium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .smallmedium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .smallmedium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .smallmedium-uncollapse > .column, .smallmedium-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .smallmedium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .smallmedium-centered, .smallmedium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .smallmedium-uncentered, .smallmedium-push-0, .smallmedium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .smallmedium-uncentered, .smallmedium-uncentered:last-child:not(:first-child), .smallmedium-push-0, .smallmedium-push-0:last-child:not(:first-child), .smallmedium-pull-0, .smallmedium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .smallmedium-uncentered:last-child:not(:first-child), .smallmedium-push-0:last-child:not(:first-child), .smallmedium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 50em) {
  .mediumlarge-1 {
    width: 8.3333333333%;
  }
  .mediumlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .mediumlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .mediumlarge-offset-0 {
    margin-left: 0%;
  }
  .mediumlarge-2 {
    width: 16.6666666667%;
  }
  .mediumlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .mediumlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .mediumlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .mediumlarge-3 {
    width: 25%;
  }
  .mediumlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .mediumlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .mediumlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .mediumlarge-4 {
    width: 33.3333333333%;
  }
  .mediumlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .mediumlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .mediumlarge-offset-3 {
    margin-left: 25%;
  }
  .mediumlarge-5 {
    width: 41.6666666667%;
  }
  .mediumlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .mediumlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .mediumlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .mediumlarge-6 {
    width: 50%;
  }
  .mediumlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .mediumlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .mediumlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .mediumlarge-7 {
    width: 58.3333333333%;
  }
  .mediumlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .mediumlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .mediumlarge-offset-6 {
    margin-left: 50%;
  }
  .mediumlarge-8 {
    width: 66.6666666667%;
  }
  .mediumlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .mediumlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .mediumlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .mediumlarge-9 {
    width: 75%;
  }
  .mediumlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .mediumlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .mediumlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .mediumlarge-10 {
    width: 83.3333333333%;
  }
  .mediumlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .mediumlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .mediumlarge-offset-9 {
    margin-left: 75%;
  }
  .mediumlarge-11 {
    width: 91.6666666667%;
  }
  .mediumlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .mediumlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .mediumlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .mediumlarge-12 {
    width: 100%;
  }
  .mediumlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .mediumlarge-up-1 > .column, .mediumlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .mediumlarge-up-1 > .column:nth-of-type(1n), .mediumlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-1 > .column:nth-of-type(1n+1), .mediumlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .mediumlarge-up-1 > .column:last-child, .mediumlarge-up-1 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-2 > .column, .mediumlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .mediumlarge-up-2 > .column:nth-of-type(1n), .mediumlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-2 > .column:nth-of-type(2n+1), .mediumlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .mediumlarge-up-2 > .column:last-child, .mediumlarge-up-2 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-3 > .column, .mediumlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .mediumlarge-up-3 > .column:nth-of-type(1n), .mediumlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-3 > .column:nth-of-type(3n+1), .mediumlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .mediumlarge-up-3 > .column:last-child, .mediumlarge-up-3 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-4 > .column, .mediumlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .mediumlarge-up-4 > .column:nth-of-type(1n), .mediumlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-4 > .column:nth-of-type(4n+1), .mediumlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .mediumlarge-up-4 > .column:last-child, .mediumlarge-up-4 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-5 > .column, .mediumlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .mediumlarge-up-5 > .column:nth-of-type(1n), .mediumlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-5 > .column:nth-of-type(5n+1), .mediumlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .mediumlarge-up-5 > .column:last-child, .mediumlarge-up-5 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-6 > .column, .mediumlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .mediumlarge-up-6 > .column:nth-of-type(1n), .mediumlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-6 > .column:nth-of-type(6n+1), .mediumlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .mediumlarge-up-6 > .column:last-child, .mediumlarge-up-6 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-7 > .column, .mediumlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .mediumlarge-up-7 > .column:nth-of-type(1n), .mediumlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-7 > .column:nth-of-type(7n+1), .mediumlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .mediumlarge-up-7 > .column:last-child, .mediumlarge-up-7 > .columns:last-child {
    float: left;
  }
  .mediumlarge-up-8 > .column, .mediumlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .mediumlarge-up-8 > .column:nth-of-type(1n), .mediumlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .mediumlarge-up-8 > .column:nth-of-type(8n+1), .mediumlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .mediumlarge-up-8 > .column:last-child, .mediumlarge-up-8 > .columns:last-child {
    float: left;
  }
  .mediumlarge-collapse > .column, .mediumlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .mediumlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .mediumlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .mediumlarge-uncollapse > .column, .mediumlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .mediumlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .mediumlarge-centered, .mediumlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .mediumlarge-uncentered, .mediumlarge-push-0, .mediumlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .mediumlarge-uncentered, .mediumlarge-uncentered:last-child:not(:first-child), .mediumlarge-push-0, .mediumlarge-push-0:last-child:not(:first-child), .mediumlarge-pull-0, .mediumlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .mediumlarge-uncentered:last-child:not(:first-child), .mediumlarge-push-0:last-child:not(:first-child), .mediumlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
.column-block {
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}
.button, .meeting-polls__button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button, [data-whatinput=mouse] .meeting-polls__button {
  outline: 0;
}
.button.tiny, .tiny.meeting-polls__button {
  font-size: 0.9rem;
}
.button.small, .meeting-polls__button {
  font-size: 0.9rem;
}
.button.large, .large.meeting-polls__button {
  font-size: 1.25rem;
}
.button.expanded, .expanded.meeting-polls__button {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .meeting-polls__button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #cb3c29;
  color: #fff;
}
.button:hover, .meeting-polls__button:hover, .button:focus, .meeting-polls__button:focus {
  background-color: #ad3323;
  color: #fff;
}
.button.primary, .primary.meeting-polls__button, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #cb3c29;
  color: #fff;
}
.button.primary:hover, .primary.meeting-polls__button:hover, .button.primary:focus, .primary.meeting-polls__button:focus {
  background-color: #a23021;
  color: #fff;
}
.button.secondary, .secondary.meeting-polls__button, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #1351b4;
  color: #fff;
}
.button.secondary:hover, .secondary.meeting-polls__button:hover, .button.secondary:focus, .secondary.meeting-polls__button:focus {
  background-color: #0f4190;
  color: #fff;
}
.button.success, .success.meeting-polls__button, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #57d685;
  color: #1a181d;
}
.button.success:hover, .success.meeting-polls__button:hover, .button.success:focus, .success.meeting-polls__button:focus {
  background-color: #2fc264;
  color: #1a181d;
}
.button.warning, .warning.meeting-polls__button, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #1a181d;
}
.button.warning:hover, .warning.meeting-polls__button:hover, .button.warning:focus, .warning.meeting-polls__button:focus {
  background-color: #cc8b00;
  color: #1a181d;
}
.button.alert, .alert.meeting-polls__button, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #ec5840;
  color: #1a181d;
}
.button.alert:hover, .alert.meeting-polls__button:hover, .button.alert:focus, .alert.meeting-polls__button:focus {
  background-color: #da3116;
  color: #1a181d;
}
.button.hollow, .meeting-polls__button, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .meeting-polls__button, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #cb3c29;
  color: #cb3c29;
}
.button.hollow:hover, .meeting-polls__button:hover, .button.hollow:focus, .meeting-polls__button:focus {
  border-color: #661e15;
  color: #661e15;
}
.button.hollow.primary, .primary.meeting-polls__button, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #cb3c29;
  color: #cb3c29;
}
.button.hollow.primary:hover, .primary.meeting-polls__button:hover, .button.hollow.primary:focus, .primary.meeting-polls__button:focus {
  border-color: #661e15;
  color: #661e15;
}
.button.hollow.secondary, .secondary.meeting-polls__button, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #1351b4;
  color: #1351b4;
}
.button.hollow.secondary:hover, .secondary.meeting-polls__button:hover, .button.hollow.secondary:focus, .secondary.meeting-polls__button:focus {
  border-color: #0a295a;
  color: #0a295a;
}
.button.hollow.success, .success.meeting-polls__button, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #57d685;
  color: #57d685;
}
.button.hollow.success:hover, .success.meeting-polls__button:hover, .button.hollow.success:focus, .success.meeting-polls__button:focus {
  border-color: #1e793f;
  color: #1e793f;
}
.button.hollow.warning, .warning.meeting-polls__button, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .warning.meeting-polls__button:hover, .button.hollow.warning:focus, .warning.meeting-polls__button:focus {
  border-color: #805700;
  color: #805700;
}
.button.hollow.alert, .alert.meeting-polls__button, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #ec5840;
  color: #ec5840;
}
.button.hollow.alert:hover, .alert.meeting-polls__button:hover, .button.hollow.alert:focus, .alert.meeting-polls__button:focus {
  border-color: #881f0e;
  color: #881f0e;
}
.button.clear, .clear.meeting-polls__button, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .clear.meeting-polls__button, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #cb3c29;
}
.button.clear:hover, .clear.meeting-polls__button:hover, .button.clear:focus, .clear.meeting-polls__button:focus {
  color: #661e15;
}
.button.clear.primary, .clear.primary.meeting-polls__button, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #cb3c29;
}
.button.clear.primary:hover, .clear.primary.meeting-polls__button:hover, .button.clear.primary:focus, .clear.primary.meeting-polls__button:focus {
  color: #661e15;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #1351b4;
}
.button.clear.secondary:hover, .clear.secondary.meeting-polls__button:hover, .button.clear.secondary:focus, .clear.secondary.meeting-polls__button:focus {
  color: #0a295a;
}
.button.clear.success, .clear.success.meeting-polls__button, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #57d685;
}
.button.clear.success:hover, .clear.success.meeting-polls__button:hover, .button.clear.success:focus, .clear.success.meeting-polls__button:focus {
  color: #1e793f;
}
.button.clear.warning, .clear.warning.meeting-polls__button, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, .clear.warning.meeting-polls__button:hover, .button.clear.warning:focus, .clear.warning.meeting-polls__button:focus {
  color: #805700;
}
.button.clear.alert, .clear.alert.meeting-polls__button, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #ec5840;
}
.button.clear.alert:hover, .clear.alert.meeting-polls__button:hover, .button.clear.alert:focus, .clear.alert.meeting-polls__button:focus {
  color: #881f0e;
}
.button.disabled, .disabled.meeting-polls__button, .button[disabled], [disabled].meeting-polls__button {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after, .dropdown.meeting-polls__button::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .dropdown.meeting-polls__button::after, .button.dropdown.clear::after {
  border-top-color: #cb3c29;
}
.button.dropdown.hollow.primary::after, .dropdown.primary.meeting-polls__button::after, .button.dropdown.clear.primary::after {
  border-top-color: #cb3c29;
}
.button.dropdown.hollow.secondary::after, .dropdown.secondary.meeting-polls__button::after, .button.dropdown.clear.secondary::after {
  border-top-color: #1351b4;
}
.button.dropdown.hollow.success::after, .dropdown.success.meeting-polls__button::after, .button.dropdown.clear.success::after {
  border-top-color: #57d685;
}
.button.dropdown.hollow.warning::after, .dropdown.warning.meeting-polls__button::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .dropdown.alert.meeting-polls__button::after, .button.dropdown.clear.alert::after {
  border-top-color: #ec5840;
}
.button.arrow-only::after, .arrow-only.meeting-polls__button::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}
a.button:hover, a.meeting-polls__button:hover, a.button:focus, a.meeting-polls__button:focus {
  text-decoration: none;
}
.button-group {
  margin-bottom: 1rem;
  font-size: 0;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
}
.button-group::after {
  clear: both;
}
.button-group .button, .button-group .meeting-polls__button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 1rem;
}
.button-group .button:last-child, .button-group .meeting-polls__button:last-child {
  margin-right: 0;
}
.button-group.tiny .button, .button-group.tiny .meeting-polls__button {
  font-size: 0.9rem;
}
.button-group.small .button, .button-group.meeting-polls__button .button, .button-group.small .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button {
  font-size: 0.9rem;
}
.button-group.large .button, .button-group.large .meeting-polls__button {
  font-size: 1.25rem;
}
.button-group.expanded {
  margin-right: -1px;
}
.button-group.expanded::before, .button-group.expanded::after {
  display: none;
}
.button-group.expanded .button:first-child:last-child, .button-group.expanded .meeting-polls__button:first-child:last-child {
  width: calc(100% - 1px);
}
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(33.3333333333% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(16.6666666667% - 1px);
  margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.primary .button, .button-group.primary .meeting-polls__button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #cb3c29;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .meeting-polls__button:hover, .button-group.primary .button:focus, .button-group.primary .meeting-polls__button:focus {
  background-color: #a23021;
  color: #fff;
}
.button-group.secondary .button, .button-group.secondary .meeting-polls__button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #1351b4;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .meeting-polls__button:hover, .button-group.secondary .button:focus, .button-group.secondary .meeting-polls__button:focus {
  background-color: #0f4190;
  color: #fff;
}
.button-group.success .button, .button-group.success .meeting-polls__button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #57d685;
  color: #1a181d;
}
.button-group.success .button:hover, .button-group.success .meeting-polls__button:hover, .button-group.success .button:focus, .button-group.success .meeting-polls__button:focus {
  background-color: #2fc264;
  color: #1a181d;
}
.button-group.warning .button, .button-group.warning .meeting-polls__button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #1a181d;
}
.button-group.warning .button:hover, .button-group.warning .meeting-polls__button:hover, .button-group.warning .button:focus, .button-group.warning .meeting-polls__button:focus {
  background-color: #cc8b00;
  color: #1a181d;
}
.button-group.alert .button, .button-group.alert .meeting-polls__button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #ec5840;
  color: #1a181d;
}
.button-group.alert .button:hover, .button-group.alert .meeting-polls__button:hover, .button-group.alert .button:focus, .button-group.alert .meeting-polls__button:focus {
  background-color: #da3116;
  color: #1a181d;
}
.button-group.hollow .button, .button-group.meeting-polls__button .button, .button-group.hollow .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.meeting-polls__button .button, .button-group.hollow .meeting-polls__button, .button-group.meeting-polls__button .meeting-polls__button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #cb3c29;
  color: #cb3c29;
}
.button-group.hollow .button:hover, .button-group.meeting-polls__button .button:hover, .button-group.hollow .meeting-polls__button:hover, .button-group.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow .button:focus, .button-group.meeting-polls__button .button:focus, .button-group.hollow .meeting-polls__button:focus, .button-group.meeting-polls__button .meeting-polls__button:focus {
  border-color: #661e15;
  color: #661e15;
}
.button-group.hollow.primary .button, .button-group.primary.meeting-polls__button .button, .button-group.hollow.primary .meeting-polls__button, .button-group.primary.meeting-polls__button .meeting-polls__button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.meeting-polls__button .button.primary, .button-group.hollow .primary.meeting-polls__button, .button-group.meeting-polls__button .primary.meeting-polls__button, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #cb3c29;
  color: #cb3c29;
}
.button-group.hollow.primary .button:hover, .button-group.primary.meeting-polls__button .button:hover, .button-group.hollow.primary .meeting-polls__button:hover, .button-group.primary.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.primary .button:focus, .button-group.primary.meeting-polls__button .button:focus, .button-group.hollow.primary .meeting-polls__button:focus, .button-group.primary.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.primary:hover, .button-group.meeting-polls__button .button.primary:hover, .button-group.hollow .primary.meeting-polls__button:hover, .button-group.meeting-polls__button .primary.meeting-polls__button:hover, .button-group.hollow .button.primary:focus, .button-group.meeting-polls__button .button.primary:focus, .button-group.hollow .primary.meeting-polls__button:focus, .button-group.meeting-polls__button .primary.meeting-polls__button:focus {
  border-color: #661e15;
  color: #661e15;
}
.button-group.hollow.secondary .button, .button-group.secondary.meeting-polls__button .button, .button-group.hollow.secondary .meeting-polls__button, .button-group.secondary.meeting-polls__button .meeting-polls__button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.meeting-polls__button .button.secondary, .button-group.hollow .secondary.meeting-polls__button, .button-group.meeting-polls__button .secondary.meeting-polls__button, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #1351b4;
  color: #1351b4;
}
.button-group.hollow.secondary .button:hover, .button-group.secondary.meeting-polls__button .button:hover, .button-group.hollow.secondary .meeting-polls__button:hover, .button-group.secondary.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.secondary .button:focus, .button-group.secondary.meeting-polls__button .button:focus, .button-group.hollow.secondary .meeting-polls__button:focus, .button-group.secondary.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.secondary:hover, .button-group.meeting-polls__button .button.secondary:hover, .button-group.hollow .secondary.meeting-polls__button:hover, .button-group.meeting-polls__button .secondary.meeting-polls__button:hover, .button-group.hollow .button.secondary:focus, .button-group.meeting-polls__button .button.secondary:focus, .button-group.hollow .secondary.meeting-polls__button:focus, .button-group.meeting-polls__button .secondary.meeting-polls__button:focus {
  border-color: #0a295a;
  color: #0a295a;
}
.button-group.hollow.success .button, .button-group.success.meeting-polls__button .button, .button-group.hollow.success .meeting-polls__button, .button-group.success.meeting-polls__button .meeting-polls__button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.meeting-polls__button .button.success, .button-group.hollow .success.meeting-polls__button, .button-group.meeting-polls__button .success.meeting-polls__button, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #57d685;
  color: #57d685;
}
.button-group.hollow.success .button:hover, .button-group.success.meeting-polls__button .button:hover, .button-group.hollow.success .meeting-polls__button:hover, .button-group.success.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.success .button:focus, .button-group.success.meeting-polls__button .button:focus, .button-group.hollow.success .meeting-polls__button:focus, .button-group.success.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.success:hover, .button-group.meeting-polls__button .button.success:hover, .button-group.hollow .success.meeting-polls__button:hover, .button-group.meeting-polls__button .success.meeting-polls__button:hover, .button-group.hollow .button.success:focus, .button-group.meeting-polls__button .button.success:focus, .button-group.hollow .success.meeting-polls__button:focus, .button-group.meeting-polls__button .success.meeting-polls__button:focus {
  border-color: #1e793f;
  color: #1e793f;
}
.button-group.hollow.warning .button, .button-group.warning.meeting-polls__button .button, .button-group.hollow.warning .meeting-polls__button, .button-group.warning.meeting-polls__button .meeting-polls__button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.meeting-polls__button .button.warning, .button-group.hollow .warning.meeting-polls__button, .button-group.meeting-polls__button .warning.meeting-polls__button, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.warning.meeting-polls__button .button:hover, .button-group.hollow.warning .meeting-polls__button:hover, .button-group.warning.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.warning .button:focus, .button-group.warning.meeting-polls__button .button:focus, .button-group.hollow.warning .meeting-polls__button:focus, .button-group.warning.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.warning:hover, .button-group.meeting-polls__button .button.warning:hover, .button-group.hollow .warning.meeting-polls__button:hover, .button-group.meeting-polls__button .warning.meeting-polls__button:hover, .button-group.hollow .button.warning:focus, .button-group.meeting-polls__button .button.warning:focus, .button-group.hollow .warning.meeting-polls__button:focus, .button-group.meeting-polls__button .warning.meeting-polls__button:focus {
  border-color: #805700;
  color: #805700;
}
.button-group.hollow.alert .button, .button-group.alert.meeting-polls__button .button, .button-group.hollow.alert .meeting-polls__button, .button-group.alert.meeting-polls__button .meeting-polls__button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.meeting-polls__button .button.alert, .button-group.hollow .alert.meeting-polls__button, .button-group.meeting-polls__button .alert.meeting-polls__button, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #ec5840;
  color: #ec5840;
}
.button-group.hollow.alert .button:hover, .button-group.alert.meeting-polls__button .button:hover, .button-group.hollow.alert .meeting-polls__button:hover, .button-group.alert.meeting-polls__button .meeting-polls__button:hover, .button-group.hollow.alert .button:focus, .button-group.alert.meeting-polls__button .button:focus, .button-group.hollow.alert .meeting-polls__button:focus, .button-group.alert.meeting-polls__button .meeting-polls__button:focus, .button-group.hollow .button.alert:hover, .button-group.meeting-polls__button .button.alert:hover, .button-group.hollow .alert.meeting-polls__button:hover, .button-group.meeting-polls__button .alert.meeting-polls__button:hover, .button-group.hollow .button.alert:focus, .button-group.meeting-polls__button .button.alert:focus, .button-group.hollow .alert.meeting-polls__button:focus, .button-group.meeting-polls__button .alert.meeting-polls__button:focus {
  border-color: #881f0e;
  color: #881f0e;
}
.button-group.clear .button, .button-group.clear .meeting-polls__button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .meeting-polls__button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #cb3c29;
}
.button-group.clear .button:hover, .button-group.clear .meeting-polls__button:hover, .button-group.clear .button:focus, .button-group.clear .meeting-polls__button:focus {
  color: #661e15;
}
.button-group.clear.primary .button, .button-group.clear.primary .meeting-polls__button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .primary.meeting-polls__button, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #cb3c29;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .meeting-polls__button:hover, .button-group.clear.primary .button:focus, .button-group.clear.primary .meeting-polls__button:focus, .button-group.clear .button.primary:hover, .button-group.clear .primary.meeting-polls__button:hover, .button-group.clear .button.primary:focus, .button-group.clear .primary.meeting-polls__button:focus {
  color: #661e15;
}
.button-group.clear.secondary .button, .button-group.clear.secondary .meeting-polls__button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .secondary.meeting-polls__button, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #1351b4;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .meeting-polls__button:hover, .button-group.clear.secondary .button:focus, .button-group.clear.secondary .meeting-polls__button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .secondary.meeting-polls__button:hover, .button-group.clear .button.secondary:focus, .button-group.clear .secondary.meeting-polls__button:focus {
  color: #0a295a;
}
.button-group.clear.success .button, .button-group.clear.success .meeting-polls__button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .success.meeting-polls__button, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #57d685;
}
.button-group.clear.success .button:hover, .button-group.clear.success .meeting-polls__button:hover, .button-group.clear.success .button:focus, .button-group.clear.success .meeting-polls__button:focus, .button-group.clear .button.success:hover, .button-group.clear .success.meeting-polls__button:hover, .button-group.clear .button.success:focus, .button-group.clear .success.meeting-polls__button:focus {
  color: #1e793f;
}
.button-group.clear.warning .button, .button-group.clear.warning .meeting-polls__button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .warning.meeting-polls__button, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .meeting-polls__button:hover, .button-group.clear.warning .button:focus, .button-group.clear.warning .meeting-polls__button:focus, .button-group.clear .button.warning:hover, .button-group.clear .warning.meeting-polls__button:hover, .button-group.clear .button.warning:focus, .button-group.clear .warning.meeting-polls__button:focus {
  color: #805700;
}
.button-group.clear.alert .button, .button-group.clear.alert .meeting-polls__button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .alert.meeting-polls__button, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #ec5840;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .meeting-polls__button:hover, .button-group.clear.alert .button:focus, .button-group.clear.alert .meeting-polls__button:focus, .button-group.clear .button.alert:hover, .button-group.clear .alert.meeting-polls__button:hover, .button-group.clear .button.alert:focus, .button-group.clear .alert.meeting-polls__button:focus {
  color: #881f0e;
}
.button-group.no-gaps .button, .button-group.no-gaps .meeting-polls__button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button, .button-group.no-gaps .meeting-polls__button + .button, .button-group.no-gaps .button + .meeting-polls__button, .button-group.no-gaps .meeting-polls__button + .meeting-polls__button {
  border-left-color: transparent;
}
.button-group.stacked .button, .button-group.stacked .meeting-polls__button, .button-group.stacked-for-small .button, .button-group.stacked-for-small .meeting-polls__button, .button-group.stacked-for-medium .button, .button-group.stacked-for-medium .meeting-polls__button {
  width: 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked .meeting-polls__button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-small .meeting-polls__button:last-child, .button-group.stacked-for-medium .button:last-child, .button-group.stacked-for-medium .meeting-polls__button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded, .button-group.stacked-for-small.expanded, .button-group.stacked-for-medium.expanded {
  margin-right: -1px;
}
.button-group.stacked.expanded::before, .button-group.stacked.expanded::after, .button-group.stacked-for-small.expanded::before, .button-group.stacked-for-small.expanded::after, .button-group.stacked-for-medium.expanded::before, .button-group.stacked-for-medium.expanded::after {
  display: none;
}
.button-group.stacked.expanded .button:first-child:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:last-child, .button-group.stacked-for-small.expanded .button:first-child:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:last-child, .button-group.stacked-for-medium.expanded .button:first-child:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:last-child {
  width: calc(100% - 1px);
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(50% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(33.3333333333% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(25% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(20% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6), .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button {
  display: inline-block;
  width: calc(16.6666666667% - 1px);
  margin-right: 1px;
}
.button-group.stacked.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-small.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child, .button-group.stacked-for-medium.expanded .meeting-polls__button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .meeting-polls__button:last-child {
  margin-right: -6px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button, .button-group.stacked-for-small .meeting-polls__button {
    width: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button, .button-group.stacked-for-medium .meeting-polls__button {
    width: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 28.12375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-small.expanded .meeting-polls__button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button, .button-group.stacked-for-medium.expanded .meeting-polls__button {
    display: block;
    margin-right: 0;
  }
}
.close-button {
  position: absolute;
  z-index: 10;
  color: #2c2930;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #cb3c29;
}
.close-button.small, .close-button.meeting-polls__button {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}
.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}
.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #cb3c29;
  color: #fff;
}
.label.primary {
  background: #cb3c29;
  color: #fff;
}
.label.secondary {
  background: #1351b4;
  color: #fff;
}
.label.success {
  background: #57d685;
  color: #1a181d;
}
.label.warning {
  background: #ffae00;
  color: #1a181d;
}
.label.alert {
  background: #ec5840;
  color: #1a181d;
}
.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  background-color: #e8e8e8;
}
.progress.primary .progress-meter {
  background-color: #cb3c29;
}
.progress.secondary .progress-meter {
  background-color: #1351b4;
}
.progress.success .progress-meter {
  background-color: #57d685;
}
.progress.warning .progress-meter {
  background-color: #ffae00;
}
.progress.alert .progress-meter {
  background-color: #ec5840;
}
.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #cb3c29;
  border-radius: 4px;
}
.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  border-radius: 4px;
}
.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #fafafa;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #e8e8e8;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}
.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 4px;
  background-color: #cb3c29;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: #ad3323;
}
.slider-handle.is-dragging {
  transition: all 0s linear;
  cursor: grabbing;
}
.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}
.switch {
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 2rem;
}
.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}
.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 4px;
  background: #e8e8e8;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 4px;
  background: #fff;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #57d685;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}
.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}
.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}
.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}
.switch.small, .switch.meeting-polls__button {
  height: 1.75rem;
}
.switch.small .switch-paddle, .switch.meeting-polls__button .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after, .switch.meeting-polls__button .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after, .switch.meeting-polls__button input:checked ~ .switch-paddle::after {
  left: 2rem;
}
.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 4px;
}
thead,
tbody,
tfoot {
  border: 1px solid #f2f2f2;
  background-color: #fff;
}
caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 600;
}
thead {
  background: #f9f9f9;
  color: #3d393c;
}
tfoot {
  background: #f2f2f2;
  color: #3d393c;
}
thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 600;
  text-align: left;
}
tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}
tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2;
}
table.unstriped tbody {
  background-color: #fff;
}
table.unstriped tbody tr {
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}
@media print, screen and (max-width: 49.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}
table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}
table.hover thead tr:hover {
  background-color: #f4f4f4;
}
table.hover tfoot tr:hover {
  background-color: #ededed;
}
table.hover tbody tr:hover {
  background-color: #fafafa;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed;
}
.table-scroll {
  overflow-x: auto;
}
.badge {
  display: inline-block;
  min-width: 1.5em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #cb3c29;
  color: #fff;
}
.badge.primary {
  background: #cb3c29;
  color: #fff;
}
.badge.secondary {
  background: #1351b4;
  color: #fff;
}
.badge.success {
  background: #57d685;
  color: #1a181d;
}
.badge.warning {
  background: #ffae00;
  color: #1a181d;
}
.badge.alert {
  background: #ec5840;
  color: #1a181d;
}
.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #1a181d;
  cursor: default;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #e8e8e8;
}
.breadcrumbs a {
  color: #cb3c29;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #e8e8e8;
  cursor: not-allowed;
}
.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 0;
  border-radius: 0;
  background-color: white;
  color: #3d393c;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #fbebe9;
  color: #3d393c;
}
.callout.secondary {
  background-color: #e3edfc;
  color: #3d393c;
}
.callout.success {
  background-color: #eefbf3;
  color: #3d393c;
}
.callout.warning {
  background-color: #fff7e6;
  color: #3d393c;
}
.callout.alert {
  background-color: #fdeeec;
  color: #3d393c;
}
.callout.small, .callout.meeting-polls__button {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}
.card, .chart-tooltip, .conference-registration, .conference-speaker .speaker-bio, .add-message, .comment-thread {
  margin-bottom: 1rem;
  border: 1px solid #fafafa;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  color: #3d393c;
}
.card > :last-child, .chart-tooltip > :last-child, .conference-registration > :last-child, .conference-speaker .speaker-bio > :last-child, .add-message > :last-child, .comment-thread > :last-child {
  margin-bottom: 0;
}
.card-divider {
  padding: 1rem;
  background: #fafafa;
}
.card-divider > :last-child {
  margin-bottom: 0;
}
.card-section {
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}
.card-image {
  min-height: 1px;
}
.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fafafa;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}
.dropdown-pane.tiny {
  width: 100px;
}
.dropdown-pane.small, .dropdown-pane.meeting-polls__button {
  width: 200px;
}
.dropdown-pane.large {
  width: 400px;
}
.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 4px;
  font-size: 1rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 4px;
  color: #3d393c;
}
.pagination a:hover,
.pagination button:hover {
  background: #e8e8e8;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1351b4;
  color: #fff;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #8c838a;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #3d393c;
}
.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 4px;
  background-color: #1a181d;
  font-size: 90%;
  color: #fff;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-top-width: 0;
  border-color: transparent transparent #1a181d;
  bottom: 100%;
}
.tooltip.bottom.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-color: #1a181d transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1a181d;
  left: 100%;
}
.tooltip.left.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before, .aspect-ratio-16-9 > .tooltip::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75rem;
  content: "";
  border-left-width: 0;
  border-color: transparent #1a181d transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before, .aspect-ratio-16-9 > .tooltip.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}
.accordion {
  margin-left: 0;
  background: #cb3c29;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}
.accordion-item:first-child > :first-child {
  border-radius: 4px 4px 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 4px 4px;
}
.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #fafafa;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #fff;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #fafafa;
  border-radius: 0 0 4px 4px;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #fafafa;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}
.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #fafafa;
  border-bottom: 0;
  background-color: #fff;
  color: inherit;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #fafafa;
}
.media-object {
  display: block;
  margin-bottom: 1rem;
}
.media-object img {
  max-width: none;
}
.media-object-section {
  display: table-cell;
  vertical-align: top;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 28.12375em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    display: block;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.middle {
  vertical-align: middle;
}
.media-object-section.bottom, .aspect-ratio-16-9 > .media-object-section {
  vertical-align: bottom;
}
.orbit {
  position: relative;
}
.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}
.orbit-figure {
  margin: 0;
}
.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(26, 24, 29, 0.5);
  color: #fff;
}
.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fff;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(26, 24, 29, 0.5);
}
.orbit-previous {
  left: 0;
}
.orbit-next {
  left: auto;
  right: 0;
}
.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #e8e8e8;
}
.orbit-bullets button:hover {
  background-color: #2c2930;
}
.orbit-bullets button.is-active {
  background-color: #2c2930;
}
.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}
.tabs {
  margin: 0;
  border: 1px solid transparent;
  background: #f4f4f4;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
}
.tabs::after {
  clear: both;
}
.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}
.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}
.tabs.primary {
  background: #1351b4;
}
.tabs.primary > li > a {
  color: #fff;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1457c2;
}
.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 1rem;
  line-height: 1;
  color: #cb3c29;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fff;
  color: #af3423;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #fff;
  color: #cb3c29;
}
.tabs-content {
  border: 1px solid transparent;
  border-top: 0;
  background: #fff;
  color: inherit;
  transition: all 0.5s ease;
}
.tabs-content.vertical {
  border: 1px solid transparent;
  border-left: 0;
}
.tabs-panel {
  display: none;
  padding: 0;
}
.tabs-panel.is-active {
  display: block;
}
.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #e8e8e8;
  line-height: 0;
}
a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 0 1px #cb3c29;
}
a.thumbnail image {
  box-shadow: none;
}
.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button,
.menu .meeting-polls__button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu .inline-filters button[data-toggle],
.inline-filters .menu button[data-toggle],
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu li, .menu.horizontal li {
  display: inline-block;
}
.menu.vertical li {
  display: block;
}
.menu.expanded {
  display: table;
  width: 100%;
}
.menu.expanded > li {
  display: table-cell;
  vertical-align: middle;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 28.125em) {
  .menu.smallmedium-horizontal li {
    display: inline-block;
  }
  .menu.smallmedium-vertical li {
    display: block;
  }
  .menu.smallmedium-expanded {
    display: table;
    width: 100%;
  }
  .menu.smallmedium-expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.smallmedium-simple {
    display: table;
    width: 100%;
  }
  .menu.smallmedium-simple > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal li {
    display: inline-block;
  }
  .menu.medium-vertical li {
    display: block;
  }
  .menu.medium-expanded {
    display: table;
    width: 100%;
  }
  .menu.medium-expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.medium-simple {
    display: table;
    width: 100%;
  }
  .menu.medium-simple > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 50em) {
  .menu.mediumlarge-horizontal li {
    display: inline-block;
  }
  .menu.mediumlarge-vertical li {
    display: block;
  }
  .menu.mediumlarge-expanded {
    display: table;
    width: 100%;
  }
  .menu.mediumlarge-expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.mediumlarge-simple {
    display: table;
    width: 100%;
  }
  .menu.mediumlarge-simple > li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal li {
    display: inline-block;
  }
  .menu.large-vertical li {
    display: block;
  }
  .menu.large-expanded {
    display: table;
    width: 100%;
  }
  .menu.large-expanded > li {
    display: table-cell;
    vertical-align: middle;
  }
  .menu.large-simple {
    display: table;
    width: 100%;
  }
  .menu.large-simple > li {
    display: table-cell;
    vertical-align: middle;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons img,
.menu.icons i,
.menu.icons svg {
  vertical-align: middle;
}
.menu.icons img + span,
.menu.icons i + span,
.menu.icons svg + span {
  vertical-align: middle;
}
.menu.icon-top img,
.menu.icon-top i,
.menu.icon-top svg, .menu.icon-right img,
.menu.icon-right i,
.menu.icon-right svg, .menu.icon-bottom img,
.menu.icon-bottom i,
.menu.icon-bottom svg, .menu.icon-left img,
.menu.icon-left i,
.menu.icon-left svg {
  vertical-align: middle;
}
.menu.icon-top img + span,
.menu.icon-top i + span,
.menu.icon-top svg + span, .menu.icon-right img + span,
.menu.icon-right i + span,
.menu.icon-right svg + span, .menu.icon-bottom img + span,
.menu.icon-bottom i + span,
.menu.icon-bottom svg + span, .menu.icon-left img + span,
.menu.icon-left i + span,
.menu.icon-left svg + span {
  vertical-align: middle;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
  display: inline-block;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
  display: inline-block;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  text-align: center;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  text-align: center;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  display: block;
  margin: 0.25rem auto 0;
}
.menu .is-active > a {
  background: #cb3c29;
  color: #fff;
}
.menu .active > a {
  background: #cb3c29;
  color: #fff;
}
.menu.align-left {
  text-align: left;
}
.menu.align-right {
  text-align: right;
}
.menu.align-right .submenu li {
  text-align: left;
}
.menu.align-right.vertical .submenu li {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center {
  text-align: center;
}
.menu.align-center .submenu li {
  text-align: left;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.menu-centered > .menu {
  text-align: center;
}
.menu-centered > .menu .submenu li {
  text-align: left;
}
.no-js [data-responsive-menu] ul {
  display: none;
}
.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: "";
}
.menu-icon:hover::after {
  background: #e8e8e8;
  box-shadow: 0 7px 0 #e8e8e8, 0 14px 0 #e8e8e8;
}
.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #1a181d;
  box-shadow: 0 7px 0 #1a181d, 0 14px 0 #1a181d;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #2c2930;
  box-shadow: 0 7px 0 #2c2930, 0 14px 0 #2c2930;
}
.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #cb3c29 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
  position: relative;
}
.has-submenu-toggle > a {
  margin-right: 40px;
}
.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #cb3c29 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}
.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}
.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}
.drilldown a {
  padding: 0.7rem 1rem;
  background: #fff;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #cb3c29;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1351b4;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1351b4 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #cb3c29 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #1351b4 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  background: #fff;
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1351b4;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1351b4 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1351b4;
}
@media print, screen and (min-width: 28.125em) {
  .dropdown.menu.smallmedium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.smallmedium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.smallmedium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.smallmedium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1351b4 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.smallmedium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.smallmedium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1351b4 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.smallmedium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1351b4;
  }
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1351b4 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1351b4 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1351b4;
  }
}
@media print, screen and (min-width: 50em) {
  .dropdown.menu.mediumlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.mediumlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.mediumlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1351b4 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.mediumlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.mediumlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1351b4 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.mediumlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1351b4;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1351b4 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1351b4 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1351b4;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}
.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}
.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1351b4 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1351b4;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}
.is-off-canvas-open {
  overflow: hidden;
}
.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}
.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}
.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fafafa;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(26, 24, 29, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #fafafa;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(26, 24, 29, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}
.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}
.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(26, 24, 29, 0.25);
}
.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}
.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(26, 24, 29, 0.25);
}
.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}
.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(26, 24, 29, 0.25);
}
.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}
.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(26, 24, 29, 0.25);
}
.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}
@media print, screen and (min-width: 28.125em) {
  .position-left.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-smallmedium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-smallmedium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-smallmedium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-smallmedium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-smallmedium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-smallmedium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-smallmedium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 50em) {
  .position-left.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-mediumlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-mediumlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-mediumlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-mediumlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 28.125em) {
  .off-canvas.in-canvas-for-smallmedium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-smallmedium.position-left, .off-canvas.in-canvas-for-smallmedium.position-right, .off-canvas.in-canvas-for-smallmedium.position-top, .off-canvas.in-canvas-for-smallmedium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-smallmedium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 50em) {
  .off-canvas.in-canvas-for-mediumlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-mediumlarge.position-left, .off-canvas.in-canvas-for-mediumlarge.position-right, .off-canvas.in-canvas-for-mediumlarge.position-top, .off-canvas.in-canvas-for-mediumlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-mediumlarge .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}
.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(26, 24, 29, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fafafa;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small, .reveal.meeting-polls__button {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 28.12375em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}
.sticky-container {
  position: relative;
}
.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}
.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}
.title-bar {
  padding: 1rem 0.5rem;
  background: #1a181d;
  color: #fff;
}
.title-bar::before, .title-bar::after {
  display: table;
  content: " ";
}
.title-bar::after {
  clear: both;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.title-bar-left {
  float: left;
}
.title-bar-right {
  float: right;
  text-align: right;
}
.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.top-bar {
  padding: 0.5rem;
}
.top-bar::before, .top-bar::after {
  display: table;
  content: " ";
}
.top-bar::after {
  clear: both;
}
.top-bar,
.top-bar ul {
  background-color: #1a181d;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field, .top-bar .user-nickname label .row > span:last-of-type, .user-nickname label .top-bar .row > span:last-of-type {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button, .top-bar input.meeting-polls__button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: auto;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .top-bar.stacked-for-smallmedium .top-bar-left,
  .top-bar.stacked-for-smallmedium .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-mediumlarge .top-bar-left,
  .top-bar.stacked-for-mediumlarge .top-bar-right {
    width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    width: 100%;
  }
}
.top-bar-title {
  display: inline-block;
  float: left;
  padding: 1rem;
}
.top-bar-title .menu-icon {
  bottom: 2px;
}
.top-bar-left {
  float: left;
}
.top-bar-right {
  float: right;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
}
.clearfix::after {
  clear: both;
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
@media print, screen and (max-width: 28.12375em) {
  .hide-for-small-only {
    display: none !important;
  }
}
@media screen and (max-width: 0em), screen and (min-width: 28.125em) {
  .show-for-small-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 28.125em) {
  .hide-for-smallmedium {
    display: none !important;
  }
}
@media screen and (max-width: 28.12375em) {
  .show-for-smallmedium {
    display: none !important;
  }
}
@media print, screen and (min-width: 28.125em) and (max-width: 39.99875em) {
  .hide-for-smallmedium-only {
    display: none !important;
  }
}
@media screen and (max-width: 28.12375em), screen and (min-width: 40em) {
  .show-for-smallmedium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}
@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 49.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}
@media screen and (max-width: 39.99875em), screen and (min-width: 50em) {
  .show-for-medium-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 50em) {
  .hide-for-mediumlarge {
    display: none !important;
  }
}
@media screen and (max-width: 49.99875em) {
  .show-for-mediumlarge {
    display: none !important;
  }
}
@media print, screen and (min-width: 50em) and (max-width: 63.99875em) {
  .hide-for-mediumlarge-only {
    display: none !important;
  }
}
@media screen and (max-width: 49.99875em), screen and (min-width: 64em) {
  .show-for-mediumlarge-only {
    display: none !important;
  }
}
@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}
@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}
.show-for-dark-mode {
  display: none;
}
.hide-for-dark-mode {
  display: block;
}
@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}
.is-stuck .show-for-sticky {
  display: block;
}
.is-stuck .hide-for-sticky {
  display: none;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.display-table {
  display: table !important;
}
.display-table-cell {
  display: table-cell !important;
}
.margin-0 {
  margin: 0rem !important;
}
.margin-top-0 {
  margin-top: 0rem !important;
}
.margin-right-0 {
  margin-right: 0rem !important;
}
.margin-bottom-0 {
  margin-bottom: 0rem !important;
}
.margin-left-0 {
  margin-left: 0rem !important;
}
.margin-horizontal-0 {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.margin-vertical-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.padding-0 {
  padding: 0rem !important;
}
.padding-top-0 {
  padding-top: 0rem !important;
}
.padding-right-0 {
  padding-right: 0rem !important;
}
.padding-bottom-0 {
  padding-bottom: 0rem !important;
}
.padding-left-0 {
  padding-left: 0rem !important;
}
.padding-horizontal-0 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.padding-vertical-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.margin-1 {
  margin: 1rem !important;
}
.margin-top-1 {
  margin-top: 1rem !important;
}
.margin-right-1 {
  margin-right: 1rem !important;
}
.margin-bottom-1 {
  margin-bottom: 1rem !important;
}
.margin-left-1 {
  margin-left: 1rem !important;
}
.margin-horizontal-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.margin-vertical-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.padding-1, .meeting-polls__question summary, .meeting-polls__question--admin summary {
  padding: 1rem !important;
}
.padding-top-1 {
  padding-top: 1rem !important;
}
.padding-right-1 {
  padding-right: 1rem !important;
}
.padding-bottom-1 {
  padding-bottom: 1rem !important;
}
.padding-left-1 {
  padding-left: 1rem !important;
}
.padding-horizontal-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.padding-vertical-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.margin-2 {
  margin: 2rem !important;
}
.margin-top-2 {
  margin-top: 2rem !important;
}
.margin-right-2 {
  margin-right: 2rem !important;
}
.margin-bottom-2 {
  margin-bottom: 2rem !important;
}
.margin-left-2 {
  margin-left: 2rem !important;
}
.margin-horizontal-2 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.margin-vertical-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.padding-2 {
  padding: 2rem !important;
}
.padding-top-2 {
  padding-top: 2rem !important;
}
.padding-right-2 {
  padding-right: 2rem !important;
}
.padding-bottom-2 {
  padding-bottom: 2rem !important;
}
.padding-left-2 {
  padding-left: 2rem !important;
}
.padding-horizontal-2 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.padding-vertical-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.margin-3 {
  margin: 3rem !important;
}
.margin-top-3 {
  margin-top: 3rem !important;
}
.margin-right-3 {
  margin-right: 3rem !important;
}
.margin-bottom-3 {
  margin-bottom: 3rem !important;
}
.margin-left-3 {
  margin-left: 3rem !important;
}
.margin-horizontal-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.margin-vertical-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.padding-3 {
  padding: 3rem !important;
}
.padding-top-3 {
  padding-top: 3rem !important;
}
.padding-right-3 {
  padding-right: 3rem !important;
}
.padding-bottom-3 {
  padding-bottom: 3rem !important;
}
.padding-left-3 {
  padding-left: 3rem !important;
}
.padding-horizontal-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.padding-vertical-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/decidim-packs/media/images/Source_Sans_Pro_400-c60b44947671d757833d.woff2) format("woff2"), url(/decidim-packs/media/images/Source_Sans_Pro_400-f8eb0fd7380512a226cd.woff) format("woff"), url(/decidim-packs/media/images/Source_Sans_Pro_400-9c6e4dfdd59c9f0df0f8.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/decidim-packs/media/images/Source_Sans_Pro_600-079db4a1c8da8ec06700.woff2) format("woff2"), url(/decidim-packs/media/images/Source_Sans_Pro_600-321eaeac03e6321b823f.woff) format("woff"), url(/decidim-packs/media/images/Source_Sans_Pro_600-a2c16f2d0995dcf36831.ttf) format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/decidim-packs/media/images/Source_Sans_Pro_900-d5a56e0c3bdd31eaadd4.woff2) format("woff2"), url(/decidim-packs/media/images/Source_Sans_Pro_900-7852ed941061eb34f8a3.woff) format("woff"), url(/decidim-packs/media/images/Source_Sans_Pro_900-cdf7b11440b90af6a688.ttf) format("truetype");
}
.list-reset, .reveal__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  vertical-align: top;
}
.list-inline > dt {
  clear: both;
  margin-right: 0.3em;
}
.list-inline > dt,
.list-inline > dd {
  float: left;
  margin-bottom: 0;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-center > :first-child {
  margin-right: 0.5rem;
}
.flex-center > :last-child {
  margin-left: 0.5rem;
}
.flex--cc, .badge-tip > :first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex--sbc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex--sbe {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex--fsc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex--fsb {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.flex--cb {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.scroll {
  max-height: 50vh;
  overflow-y: scroll;
}
.absolutes, .aspect-ratio-16-9 {
  position: relative;
}
.absolutes .left, .aspect-ratio-16-9 .left, .aspect-ratio-16-9 > *,
.absolutes .right,
.aspect-ratio-16-9 .right,
.absolutes .top,
.aspect-ratio-16-9 .top,
.absolutes .bottom,
.aspect-ratio-16-9 .bottom {
  position: absolute;
}
.absolutes .left, .aspect-ratio-16-9 .left, .aspect-ratio-16-9 > * {
  left: 0;
}
.absolutes .right, .aspect-ratio-16-9 .right, .aspect-ratio-16-9 > * {
  right: 0;
}
.absolutes .top, .aspect-ratio-16-9 .top, .aspect-ratio-16-9 > * {
  top: 0;
}
.absolutes .bottom, .aspect-ratio-16-9 .bottom, .aspect-ratio-16-9 > * {
  bottom: 0;
}
.absolutes .left.center, .aspect-ratio-16-9 .left.center, .aspect-ratio-16-9 > .center,
.absolutes .right.center,
.aspect-ratio-16-9 .right.center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.absolutes .top.center, .aspect-ratio-16-9 .top.center, .aspect-ratio-16-9 > .center,
.absolutes .bottom.center,
.aspect-ratio-16-9 .bottom.center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.aspect-ratio-16-9 {
  padding-bottom: 56.25%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-spin {
  to {
    transform: rotate(1turn);
  }
}
.toggle-show {
  display: none;
}
.toggle-show.is-expanded {
  display: block;
}
.expanded-text .text-toggle__short {
  display: none;
}
.expanded-text .text-toggle__long {
  display: block;
}
.text-toggle__long {
  display: none;
}
.section {
  margin-bottom: 2rem;
  word-wrap: break-word;
}
@media print, screen and (min-width: 64em) {
  .section {
    margin-bottom: 3rem;
  }
}
.m-bottom {
  margin-bottom: 1rem;
}
.p-none {
  padding: 0 !important;
}
.pt-none {
  padding-top: 0 !important;
}
.pr-none {
  padding-right: 0 !important;
}
.pb-none {
  padding-bottom: 0 !important;
}
.pl-none {
  padding-left: 0 !important;
}
.p-xs, .chart-tooltip .tooltip-content {
  padding: 0.5rem !important;
}
.pt-xs {
  padding-top: 0.5rem !important;
}
.pr-xs {
  padding-right: 0.5rem !important;
}
.pb-xs {
  padding-bottom: 0.5rem !important;
}
.pl-xs {
  padding-left: 0.5rem !important;
}
.p-s, .reveal__list li {
  padding: 1rem !important;
}
.pt-s {
  padding-top: 1rem !important;
}
.pr-s {
  padding-right: 1rem !important;
}
.pb-s {
  padding-bottom: 1rem !important;
}
.pl-s {
  padding-left: 1rem !important;
}
.p-sm {
  padding: 2rem !important;
}
.pt-sm {
  padding-top: 2rem !important;
}
.pr-sm {
  padding-right: 2rem !important;
}
.pb-sm {
  padding-bottom: 2rem !important;
}
.pl-sm {
  padding-left: 2rem !important;
}
.p-m, .conversation .conversation-header {
  padding: 3rem !important;
}
.pt-m {
  padding-top: 3rem !important;
}
.pr-m {
  padding-right: 3rem !important;
}
.pb-m {
  padding-bottom: 3rem !important;
}
.pl-m {
  padding-left: 3rem !important;
}
.p-l {
  padding: 5rem !important;
}
.pt-l {
  padding-top: 5rem !important;
}
.pr-l {
  padding-right: 5rem !important;
}
.pb-l {
  padding-bottom: 5rem !important;
}
.pl-l {
  padding-left: 5rem !important;
}
.m-none {
  margin: 0 !important;
}
.mt-none {
  margin-top: 0 !important;
}
.mr-none {
  margin-right: 0 !important;
}
.mb-none {
  margin-bottom: 0 !important;
}
.ml-none {
  margin-left: 0 !important;
}
.m-xs {
  margin: 0.5rem !important;
}
.mt-xs, .badge-tip {
  margin-top: 0.5rem !important;
}
.mr-xs, .badge-tip {
  margin-right: 0.5rem !important;
}
.mb-xs {
  margin-bottom: 0.5rem !important;
}
.ml-xs {
  margin-left: 0.5rem !important;
}
.m-s {
  margin: 1rem !important;
}
.mt-s, .conversation .conversation-reply, .conversation .conversation-chat {
  margin-top: 1rem !important;
}
.mr-s {
  margin-right: 1rem !important;
}
.mb-s {
  margin-bottom: 1rem !important;
}
.ml-s {
  margin-left: 1rem !important;
}
.m-sm {
  margin: 2rem !important;
}
.mt-sm {
  margin-top: 2rem !important;
}
.mr-sm {
  margin-right: 2rem !important;
}
.mb-sm {
  margin-bottom: 2rem !important;
}
.ml-sm {
  margin-left: 2rem !important;
}
.m-m {
  margin: 3rem !important;
}
.mt-m {
  margin-top: 3rem !important;
}
.mr-m {
  margin-right: 3rem !important;
}
.mb-m {
  margin-bottom: 3rem !important;
}
.ml-m {
  margin-left: 3rem !important;
}
.m-l {
  margin: 5rem !important;
}
.mt-l {
  margin-top: 5rem !important;
}
.mr-l {
  margin-right: 5rem !important;
}
.mb-l {
  margin-bottom: 5rem !important;
}
.ml-l {
  margin-left: 5rem !important;
}
/* Variables */
/* Typography - Foundation overrides */
button,
input {
  font-family: inherit;
}
a {
  color: #1351b4;
  font-weight: normal;
}
a:hover {
  color: #10469b;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
a:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
}
button:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.heading1 {
  font-weight: 600;
  line-height: 1.2;
  font-size: 2.5em;
  line-height: 1.1;
}
@media print, screen and (min-width: 40em) {
  .heading1 {
    font-size: 3em;
  }
}
.subheading1 {
  text-align: center;
  font-size: 1.25rem;
  margin: 0 auto;
  max-width: 600px;
  padding-bottom: 2rem;
  margin-top: -3rem;
}
.heading2, .card--full .card__title {
  line-height: 1.2;
  font-size: 1.625em;
}
@media print, screen and (min-width: 40em) {
  .heading2, .card--full .card__title {
    font-size: 2em;
  }
}
.heading3 {
  line-height: 1.2;
  font-size: 1.5em;
}
@media print, screen and (min-width: 40em) {
  .heading3 {
    font-size: 1.75em;
  }
}
.heading4 {
  line-height: 1.2;
  font-size: 1.375em;
}
@media print, screen and (min-width: 40em) {
  .heading4 {
    font-size: 1.5em;
  }
}
.heading5, .author-data--big .author__name, .card__title {
  line-height: 1.2;
  font-size: 1.25em;
}
@media print, screen and (min-width: 40em) {
  .heading5, .author-data--big .author__name, .card__title {
    font-size: 1.25em;
  }
}
.heading6 {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1em;
}
@media print, screen and (min-width: 40em) {
  .heading6 {
    font-size: 1em;
  }
}
.heading-small {
  font-size: 1rem;
  line-height: 1.4;
}
hr {
  width: 50%;
}
hr.reset {
  width: 100%;
}
/* New typographic styles */
.section-heading {
  position: relative;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.section-heading::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1.35em;
  background-color: #1351b4;
  background-color: var(--primary);
  margin-right: 0.5rem;
  margin-bottom: -0.5rem;
  vertical-align: top;
}
.section-heading.collapse {
  margin: 0;
}
.section-heading span {
  font-weight: normal;
}
.mini-title {
  color: #726a70;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.mini-title__strong {
  color: #3d393c;
  font-size: 1.2rem;
  font-weight: 800;
}
.mini-title__strong--highlight {
  font-size: 1.4rem;
}
.data-title__over {
  color: #726a70;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.data-title__main {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0;
}
.data-title__sub {
  color: #726a70;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
}
.page-title-wrapper {
  text-align: center;
}
.page-title {
  margin-bottom: 3rem;
}
.page-title a:hover {
  text-decoration: underline;
}
.text-highlight {
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.text-highlight.heading1 {
  font-weight: 800;
}
.text-highlight > a {
  color: inherit;
}
.text-highlight > a:hover {
  color: #1351b4;
  color: var(--primary);
}
.text-primary {
  color: #cb3c29;
}
.bg-primary {
  background-color: #ecaaa1;
}
.text-secondary {
  color: #1351b4;
}
.bg-secondary {
  background-color: #70a1f0;
}
.text-success {
  color: #57d685;
}
.bg-success {
  background-color: #d2f4de;
}
.text-warning {
  color: #ffae00;
}
.bg-warning {
  background-color: #ffdf99;
}
.text-alert {
  color: #ec5840;
}
.bg-alert {
  background-color: #fad2cb;
}
.text-muted {
  color: #726a70;
}
.bg-muted, .meeting-polls__iframe {
  background-color: #bdb8bc;
}
.text-large {
  font-size: 130%;
}
.text-medium, .chart-tooltip .tooltip-content {
  font-size: 90%;
}
.text-small {
  font-size: 80%;
}
.text-sm {
  font-size: 80%;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.text-compact {
  line-height: 1;
}
.word-wrapper {
  display: inline-block;
}
/* HTML inline text elements. Modifiers color text */
a.primary,
abbr.primary,
acronym.primary,
b.primary,
bdo.primary,
big.primary,
br.primary,
button.primary,
cite.primary,
code.primary,
dfn.primary,
em.primary,
i.primary,
img.primary,
input.primary,
kbd.primary,
label.primary,
map.primary,
object.primary,
q.primary,
samp.primary,
script.primary,
select.primary,
.inline-filters button.primary[data-toggle],
small.primary,
span.primary,
strong.primary,
sub.primary,
sup.primary,
textarea.primary,
time.primary,
tt.primary,
var.primary {
  color: #1351b4;
  color: var(--primary);
}
a.secondary,
abbr.secondary,
acronym.secondary,
b.secondary,
bdo.secondary,
big.secondary,
br.secondary,
button.secondary,
cite.secondary,
code.secondary,
dfn.secondary,
em.secondary,
i.secondary,
img.secondary,
input.secondary,
kbd.secondary,
label.secondary,
map.secondary,
object.secondary,
q.secondary,
samp.secondary,
script.secondary,
select.secondary,
.inline-filters button.secondary[data-toggle],
small.secondary,
span.secondary,
strong.secondary,
sub.secondary,
sup.secondary,
textarea.secondary,
time.secondary,
tt.secondary,
var.secondary {
  color: #1351b4;
  color: var(--secondary);
}
a.success,
abbr.success,
acronym.success,
b.success,
bdo.success,
big.success,
br.success,
button.success,
cite.success,
code.success,
dfn.success,
em.success,
i.success,
img.success,
input.success,
kbd.success,
label.success,
map.success,
object.success,
q.success,
samp.success,
script.success,
select.success,
.inline-filters button.success[data-toggle],
small.success,
span.success,
strong.success,
sub.success,
sup.success,
textarea.success,
time.success,
tt.success,
var.success {
  color: #168821;
  color: var(--success);
}
a.warning,
abbr.warning,
acronym.warning,
b.warning,
bdo.warning,
big.warning,
br.warning,
button.warning,
cite.warning,
code.warning,
dfn.warning,
em.warning,
i.warning,
img.warning,
input.warning,
kbd.warning,
label.warning,
map.warning,
object.warning,
q.warning,
samp.warning,
script.warning,
select.warning,
.inline-filters button.warning[data-toggle],
small.warning,
span.warning,
strong.warning,
sub.warning,
sup.warning,
textarea.warning,
time.warning,
tt.warning,
var.warning {
  color: #ffcd07;
  color: var(--warning);
}
a.alert,
abbr.alert,
acronym.alert,
b.alert,
bdo.alert,
big.alert,
br.alert,
button.alert,
cite.alert,
code.alert,
dfn.alert,
em.alert,
i.alert,
img.alert,
input.alert,
kbd.alert,
label.alert,
map.alert,
object.alert,
q.alert,
samp.alert,
script.alert,
select.alert,
.inline-filters button.alert[data-toggle],
small.alert,
span.alert,
strong.alert,
sub.alert,
sup.alert,
textarea.alert,
time.alert,
tt.alert,
var.alert {
  color: #ec5840;
  color: var(--alert);
}
a.muted,
abbr.muted,
acronym.muted,
b.muted,
bdo.muted,
big.muted,
br.muted,
button.muted,
cite.muted,
code.muted,
dfn.muted,
em.muted,
i.muted,
img.muted,
input.muted,
kbd.muted,
label.muted,
map.muted,
object.muted,
q.muted,
samp.muted,
script.muted,
select.muted,
.inline-filters button.muted[data-toggle],
small.muted,
span.muted,
strong.muted,
sub.muted,
sup.muted,
textarea.muted,
time.muted,
tt.muted,
var.muted {
  color: #726a70;
}
ul.no-bullet-indented,
ol.no-bullet-indented {
  list-style-type: none;
}
.title-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
}
.title-action__title {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  margin-bottom: 0;
}
.title-action__title.section-heading {
  margin-bottom: 0;
}
.title-action__action {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.title-action__action .icon {
  width: 11px;
  height: 11px;
  margin-left: 0.3rem;
}
/* Foundation button overrides */
.button.small, .meeting-polls__button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.button.small.compact, .compact.meeting-polls__button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  letter-spacing: 0;
  white-space: nowrap;
}
.button.tiny, .tiny.meeting-polls__button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.button.tiny.compact, .tiny.compact.meeting-polls__button {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  letter-spacing: 0;
}
.button.button--right, .button--right.meeting-polls__button {
  float: right;
}
.button a, .meeting-polls__button a {
  color: inherit;
}
.button a:hover, .meeting-polls__button a:hover {
  text-decoration: none;
}
.button, .meeting-polls__button {
  position: relative;
  background-color: #1351b4;
  background-color: var(--primary);
}
.button.focus, .focus.meeting-polls__button, .button:focus, .meeting-polls__button:focus {
  background-color: #1351b4;
  background-color: var(--primary);
  box-shadow: none;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
  filter: brightness(95%);
}
.button.hover, .hover.meeting-polls__button, .button:hover, .meeting-polls__button:hover {
  background-color: #1351b4;
  background-color: var(--primary);
  filter: brightness(95%);
  text-decoration: none;
}
.button.active, .active.meeting-polls__button, .button:active, .meeting-polls__button:active {
  filter: brightness(85%);
}
.button.disabled, .disabled.meeting-polls__button, .button.disabled:active, .button.disabled:hover, .button.disabled:focus, .button[disabled], [disabled].meeting-polls__button, .button[disabled]:active, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1351b4;
  background-color: var(--primary);
}
.button.hollow, .meeting-polls__button {
  background-color: transparent;
  color: #1351b4;
  color: var(--primary);
  border-color: #1351b4;
  border-color: var(--primary);
  text-decoration: none;
}
.button.hollow.hover, .hover.meeting-polls__button, .button.hollow:hover, .meeting-polls__button:hover, .button.hollow.focus, .focus.meeting-polls__button, .button.hollow:focus, .meeting-polls__button:focus {
  border-color: #1351b4;
  border-color: var(--primary);
  background-color: #1351b4;
  background-color: var(--primary);
  color: #fff;
}
.button.hollow.disabled, .disabled.meeting-polls__button, .button.hollow.disabled:active, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], [disabled].meeting-polls__button, .button.hollow[disabled]:active, .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
  border-color: #1351b4;
  border-color: var(--primary);
  color: #1351b4;
  color: var(--primary);
  box-shadow: none;
  text-decoration: none;
}
.button.hollow.light.hover, .light.hover.meeting-polls__button, .button.hollow.light:hover, .light.meeting-polls__button:hover, .button.hollow.light.focus, .light.focus.meeting-polls__button, .button.hollow.light:focus, .light.meeting-polls__button:focus {
  border-color: #1351b4;
  border-color: var(--primary);
  background-color: #1351b4;
  background-color: var(--primary);
  color: #fff;
}
.button.hollow.light.disabled, .light.disabled.meeting-polls__button, .button.hollow.light.disabled:active, .button.hollow.light.disabled:hover, .button.hollow.light.disabled:focus, .button.hollow.light[disabled], .light[disabled].meeting-polls__button, .button.hollow.light[disabled]:active, .button.hollow.light[disabled]:hover, .button.hollow.light[disabled]:focus {
  border-color: #fff;
  color: #fff;
}
.button.secondary, .secondary.meeting-polls__button {
  background-color: #1351b4;
  background-color: var(--secondary);
}
.button.secondary.hover, .secondary.hover.meeting-polls__button, .button.secondary:hover, .secondary.meeting-polls__button:hover, .button.secondary.focus, .secondary.focus.meeting-polls__button, .button.secondary:focus, .secondary.meeting-polls__button:focus {
  background-color: #1351b4;
  background-color: var(--secondary);
}
.button.secondary.disabled, .secondary.disabled.meeting-polls__button, .button.secondary.disabled:active, .button.secondary.disabled:hover, .button.secondary.disabled:focus, .button.secondary[disabled], .secondary[disabled].meeting-polls__button, .button.secondary[disabled]:active, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus {
  background-color: #1351b4;
  background-color: var(--secondary);
}
.button.secondary.hollow, .secondary.meeting-polls__button {
  background-color: transparent;
  color: #1351b4;
  color: var(--secondary);
  border-color: #1351b4;
  border-color: var(--secondary);
}
.button.secondary.hollow.hover, .secondary.hover.meeting-polls__button, .button.secondary.hollow:hover, .secondary.meeting-polls__button:hover, .button.secondary.hollow.focus, .secondary.focus.meeting-polls__button, .button.secondary.hollow:focus, .secondary.meeting-polls__button:focus {
  border-color: #1351b4;
  border-color: var(--secondary);
  background-color: #1351b4;
  background-color: var(--secondary);
  color: #fff;
}
.button.secondary.hollow.disabled, .secondary.disabled.meeting-polls__button, .button.secondary.hollow.disabled:active, .button.secondary.hollow.disabled:hover, .button.secondary.hollow.disabled:focus, .button.secondary.hollow[disabled], .secondary[disabled].meeting-polls__button, .button.secondary.hollow[disabled]:active, .button.secondary.hollow[disabled]:hover, .button.secondary.hollow[disabled]:focus {
  background-color: transparent;
  border-color: #1351b4;
  border-color: var(--secondary);
  color: #1351b4;
  color: var(--secondary);
  box-shadow: none;
  text-decoration: none;
}
.button.success, .success.meeting-polls__button {
  background-color: #168821;
  background-color: var(--success);
}
.button.success.hover, .success.hover.meeting-polls__button, .button.success:hover, .success.meeting-polls__button:hover, .button.success.focus, .success.focus.meeting-polls__button, .button.success:focus, .success.meeting-polls__button:focus {
  background-color: #168821;
  background-color: var(--success);
}
.button.success.disabled, .success.disabled.meeting-polls__button, .button.success.disabled:active, .button.success.disabled:hover, .button.success.disabled:focus, .button.success[disabled], .success[disabled].meeting-polls__button, .button.success[disabled]:active, .button.success[disabled]:hover, .button.success[disabled]:focus {
  background-color: #168821;
  background-color: var(--success);
}
.button.success.hollow, .success.meeting-polls__button {
  background-color: transparent;
  color: #168821;
  color: var(--success);
  border-color: #168821;
  border-color: var(--success);
}
.button.success.hollow.hover, .success.hover.meeting-polls__button, .button.success.hollow:hover, .success.meeting-polls__button:hover, .button.success.hollow.focus, .success.focus.meeting-polls__button, .button.success.hollow:focus, .success.meeting-polls__button:focus {
  border-color: #168821;
  border-color: var(--success);
  background-color: #168821;
  background-color: var(--success);
  color: #fff;
}
.button.success.hollow.disabled, .success.disabled.meeting-polls__button, .button.success.hollow.disabled:active, .button.success.hollow.disabled:hover, .button.success.hollow.disabled:focus, .button.success.hollow[disabled], .success[disabled].meeting-polls__button, .button.success.hollow[disabled]:active, .button.success.hollow[disabled]:hover, .button.success.hollow[disabled]:focus {
  background-color: transparent;
  border-color: #168821;
  border-color: var(--success);
  color: #168821;
  color: var(--success);
  box-shadow: none;
  text-decoration: none;
}
.button.alert, .alert.meeting-polls__button {
  background-color: #ec5840;
  background-color: var(--alert);
}
.button.alert.hover, .alert.hover.meeting-polls__button, .button.alert:hover, .alert.meeting-polls__button:hover, .button.alert.focus, .alert.focus.meeting-polls__button, .button.alert:focus, .alert.meeting-polls__button:focus {
  background-color: #ec5840;
  background-color: var(--alert);
}
.button.alert.disabled, .alert.disabled.meeting-polls__button, .button.alert.disabled:active, .button.alert.disabled:hover, .button.alert.disabled:focus, .button.alert[disabled], .alert[disabled].meeting-polls__button, .button.alert[disabled]:active, .button.alert[disabled]:hover, .button.alert[disabled]:focus {
  background-color: #ec5840;
  background-color: var(--alert);
}
.button.alert.hollow, .alert.meeting-polls__button {
  background-color: transparent;
  color: #ec5840;
  color: var(--alert);
  border-color: #ec5840;
  border-color: var(--alert);
}
.button.alert.hollow.hover, .alert.hover.meeting-polls__button, .button.alert.hollow:hover, .alert.meeting-polls__button:hover, .button.alert.hollow.focus, .alert.focus.meeting-polls__button, .button.alert.hollow:focus, .alert.meeting-polls__button:focus {
  border-color: #ec5840;
  border-color: var(--alert);
  background-color: #ec5840;
  background-color: var(--alert);
  color: #fff;
}
.button.alert.hollow.disabled, .alert.disabled.meeting-polls__button, .button.alert.hollow.disabled:active, .button.alert.hollow.disabled:hover, .button.alert.hollow.disabled:focus, .button.alert.hollow[disabled], .alert[disabled].meeting-polls__button, .button.alert.hollow[disabled]:active, .button.alert.hollow[disabled]:hover, .button.alert.hollow[disabled]:focus {
  background-color: transparent;
  border-color: #ec5840;
  border-color: var(--alert);
  color: #ec5840;
  color: var(--alert);
  box-shadow: none;
  text-decoration: none;
}
.button.warning, .warning.meeting-polls__button {
  background-color: #ffcd07;
  background-color: var(--warning);
}
.button.warning.hover, .warning.hover.meeting-polls__button, .button.warning:hover, .warning.meeting-polls__button:hover, .button.warning.focus, .warning.focus.meeting-polls__button, .button.warning:focus, .warning.meeting-polls__button:focus {
  background-color: #ffcd07;
  background-color: var(--warning);
}
.button.warning.disabled, .warning.disabled.meeting-polls__button, .button.warning.disabled:active, .button.warning.disabled:hover, .button.warning.disabled:focus, .button.warning[disabled], .warning[disabled].meeting-polls__button, .button.warning[disabled]:active, .button.warning[disabled]:hover, .button.warning[disabled]:focus {
  background-color: #ffcd07;
  background-color: var(--warning);
}
.button.warning.hollow, .warning.meeting-polls__button {
  background-color: transparent;
  color: #ffcd07;
  color: var(--warning);
  border-color: #ffcd07;
  border-color: var(--warning);
}
.button.warning.hollow.hover, .warning.hover.meeting-polls__button, .button.warning.hollow:hover, .warning.meeting-polls__button:hover, .button.warning.hollow.focus, .warning.focus.meeting-polls__button, .button.warning.hollow:focus, .warning.meeting-polls__button:focus {
  border-color: #ffcd07;
  border-color: var(--warning);
  background-color: #ffcd07;
  background-color: var(--warning);
  color: #fff;
}
.button.warning.hollow.disabled, .warning.disabled.meeting-polls__button, .button.warning.hollow.disabled:active, .button.warning.hollow.disabled:hover, .button.warning.hollow.disabled:focus, .button.warning.hollow[disabled], .warning[disabled].meeting-polls__button, .button.warning.hollow[disabled]:active, .button.warning.hollow[disabled]:hover, .button.warning.hollow[disabled]:focus {
  background-color: transparent;
  border-color: #ffcd07;
  border-color: var(--warning);
  color: #ffcd07;
  color: var(--warning);
  box-shadow: none;
  text-decoration: none;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button, .button.clear.success, .clear.success.meeting-polls__button, .button.clear.alert, .clear.alert.meeting-polls__button, .button.clear.warning, .clear.warning.meeting-polls__button {
  background-color: transparent;
}
.button.clear.secondary.hover, .clear.secondary.hover.meeting-polls__button, .button.clear.secondary:hover, .clear.secondary.meeting-polls__button:hover, .button.clear.secondary.focus, .clear.secondary.focus.meeting-polls__button, .button.clear.secondary:focus, .clear.secondary.meeting-polls__button:focus, .button.clear.success.hover, .clear.success.hover.meeting-polls__button, .button.clear.success:hover, .clear.success.meeting-polls__button:hover, .button.clear.success.focus, .clear.success.focus.meeting-polls__button, .button.clear.success:focus, .clear.success.meeting-polls__button:focus, .button.clear.alert.hover, .clear.alert.hover.meeting-polls__button, .button.clear.alert:hover, .clear.alert.meeting-polls__button:hover, .button.clear.alert.focus, .clear.alert.focus.meeting-polls__button, .button.clear.alert:focus, .clear.alert.meeting-polls__button:focus, .button.clear.warning.hover, .clear.warning.hover.meeting-polls__button, .button.clear.warning:hover, .clear.warning.meeting-polls__button:hover, .button.clear.warning.focus, .clear.warning.focus.meeting-polls__button, .button.clear.warning:focus, .clear.warning.meeting-polls__button:focus {
  background-color: transparent;
}
.button.clear.secondary, .clear.secondary.meeting-polls__button {
  color: #1351b4;
  color: var(--secondary);
}
.button.clear.success, .clear.success.meeting-polls__button {
  color: #168821;
  color: var(--success);
}
.button.clear.alert, .clear.alert.meeting-polls__button {
  color: #ec5840;
  color: var(--alert);
}
.button.clear.warning, .clear.warning.meeting-polls__button {
  color: #ffcd07;
  color: var(--warning);
}
.progress-meter {
  background-color: #1351b4;
  background-color: var(--primary);
}
.button.hollow:disabled:hover.success, .meeting-polls__button:disabled:hover.success,
.button.hollow.disabled:hover.success,
.disabled.meeting-polls__button:hover.success {
  border-color: #168821;
  border-color: var(--success);
  color: #168821;
  color: var(--success);
}
.button.hollow:disabled:hover.alert, .meeting-polls__button:disabled:hover.alert,
.button.hollow.disabled:hover.alert,
.disabled.meeting-polls__button:hover.alert {
  border-color: #ec5840;
  border-color: var(--alert);
  color: #ec5840;
  color: var(--alert);
}
.button.hollow:disabled:hover.warning, .meeting-polls__button:disabled:hover.warning,
.button.hollow.disabled:hover.warning,
.disabled.meeting-polls__button:hover.warning {
  border-color: #ffcd07;
  border-color: var(--warning);
  color: #ffcd07;
  color: var(--warning);
}
.button.light:not(.hollow):not(.meeting-polls__button).primary, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).primary {
  color: #1351b4;
  color: var(--primary);
}
.button.light:not(.hollow):not(.meeting-polls__button).secondary, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).secondary {
  color: #fff;
}
.button.light:not(.hollow):not(.meeting-polls__button).success, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).success {
  color: #fff;
}
.button.light:not(.hollow):not(.meeting-polls__button).warning, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).warning {
  color: #ffcd07;
  color: var(--warning);
}
.button.light:not(.hollow):not(.meeting-polls__button).alert, .light.meeting-polls__button:not(.hollow):not(.meeting-polls__button).alert {
  color: #ec5840;
  color: var(--alert);
}
.button.light.hollow, .light.meeting-polls__button {
  border-color: #fff;
  color: #fff;
}
.button-group--collapse {
  text-align: left;
  margin-bottom: 0;
  display: flex;
}
.button-group--collapse > :last-child {
  flex: 1 1;
}
.button-group--collapse > :first-child,
.button-group--collapse > :first-child * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group--collapse > :last-child,
.button-group--collapse > :last-child * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group--collapse > :not(:first-child):not(:last-child),
.button-group--collapse > :not(:first-child):not(:last-child) * {
  border-radius: 0;
}
.button-group--collapse.no-gaps .button, .button-group--collapse.no-gaps .meeting-polls__button {
  margin-right: 0;
}
.buttons__row {
  display: flex;
  flex-direction: row;
}
.buttons__row > * {
  margin: 0 0.25rem;
}
.buttons__row > :first-child {
  margin-left: 0;
}
.buttons__row > :last-child {
  margin-right: 0;
}
.buttons__column {
  display: flex;
  flex-direction: column;
}
.buttons__column > * {
  margin: 0.25rem 0;
}
.buttons__column > :first-child {
  margin-top: 0;
}
.buttons__column > :last-child {
  margin-bottom: 0;
}
/* Extra buttons styles */
.button--shadow.primary {
  color: #fff;
  background-color: #661e15;
}
.button--shadow.secondary {
  color: #fff;
  background-color: #0a295a;
}
.button--shadow.success {
  color: #fff;
  background-color: #2c6b43;
}
.button--shadow.warning {
  color: #fff;
  background-color: #805700;
}
.button--shadow.alert {
  color: #fff;
  background-color: #762c20;
}
.button--shadow.muted {
  color: #fff;
  background-color: #393538;
}
.button--icon {
  display: flex;
  align-items: center;
  position: relative;
}
.button--icon .icon-wrap {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.85em;
  border-right: 1px solid #fff;
  height: 100%;
  min-width: 3.5em;
  white-space: no-wrap;
  padding-right: 5px;
}
.button--icon .icon-wrap .icon {
  margin: 0;
  vertical-align: bottom;
}
.button--icon .text-wrap {
  display: block;
  margin-left: 2rem;
}
.button--icon .icon {
  margin: 0 2px;
}
.button--icon.hollow .icon-wrap, .button--icon.meeting-polls__button .icon-wrap {
  border-right: 1px solid #1351b4;
  border-right: 1px solid var(--primary);
}
.button--icon.hollow.secondary .icon-wrap, .button--icon.secondary.meeting-polls__button .icon-wrap {
  border-right: 1px solid #1351b4;
  border-right: 1px solid var(--secondary);
}
.button--icon.small .icon-wrap, .button--icon.meeting-polls__button .icon-wrap {
  padding: 0.5rem;
  min-width: 2.5rem;
}
.button--icon.small .icon, .button--icon.meeting-polls__button .icon {
  width: 12px;
  height: 12px;
}
.button--nomargin, .meeting-polls__button {
  margin: 0;
}
.button--frosted {
  background-color: rgba(255, 255, 255, 0.65);
  color: #1351b4;
  color: var(--primary);
}
.button--muted {
  background-color: #726a70;
}
.button--muted:hover {
  background-color: #1351b4;
  background-color: var(--primary);
}
.button--muted.hollow, .button--muted.meeting-polls__button {
  border-color: #726a70;
}
.button--sc {
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
}
.button--sc.hollow, .button--sc.meeting-polls__button {
  letter-spacing: 0.01em;
}
.button--sc.large {
  font-size: 1rem;
}
.button__info {
  text-transform: none;
  font-weight: normal;
  font-size: 80%;
  margin-top: 0.25rem;
  display: block;
}
.link {
  cursor: pointer;
  color: #1351b4;
  color: var(--secondary);
  font-weight: normal;
}
.link:hover {
  color: #10469b;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.link-alt {
  cursor: pointer;
  color: #1351b4;
  font-weight: normal;
}
.link-alt:hover {
  color: #10469b;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.muted-link {
  font-weight: 600;
  color: #726a70;
}
.muted-link:hover {
  color: #1351b4;
  text-decoration: underline;
}
.show-more {
  text-align: center;
  margin-bottom: 1rem;
}
/* Social buttons */
.button--social {
  position: relative;
  padding: 0 1.5rem 0 0;
  text-align: left;
  display: block;
  min-width: 250px;
}
.button--social::after {
  content: "";
  clear: both;
}
.button--social__icon,
.button--social__text {
  display: block;
  padding: 0.85em 1rem;
}
.button--social__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  padding: 0.85em 1rem;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
  margin-right: 0.5rem;
  min-width: 3rem;
  text-align: center;
}
.button--social__text {
  margin-left: 3rem;
}
.button--social--mini {
  padding: 0;
  min-width: 0;
}
.button--social--mini .button--social__icon {
  border: 0;
  padding: 0.85em 0;
  margin-right: 0;
}
.button--twitter {
  background-color: #55acee;
  background-color: var(--twitter);
}
.button--twitter:hover {
  background-color: #55acee;
  background-color: var(--twitter);
  filter: brightness(90%);
}
.button--facebook {
  background-color: #3b5998;
  background-color: var(--facebook);
}
.button--facebook:hover {
  background-color: #3b5998;
  background-color: var(--facebook);
  filter: brightness(90%);
}
.button--google {
  background-color: #4285f4;
  background-color: var(--google);
  font-family: Roboto;
}
.button--google:hover {
  background-color: #4285f4;
  background-color: var(--google);
  filter: brightness(90%);
}
.button--google .button--social__icon {
  padding: 0;
}
.button--google .button--social__icon svg.icon {
  fill: inherit;
  width: inherit;
  height: inherit;
  margin-top: 2px;
  /*
   * This is a hack to comply with google guidelines
   * https://developers.google.com/identity/branding-guidelines
   * Currently the icons.svg file have the wrong google icon, until that's fixed
   * google icon can be specified in secrets.yml with icon_path: decidim/brands/google.svg
   * however to facilitate upgrades this provides a fallback
   */
  max-width: 42px;
  max-height: 42px;
}
.button--google .button--social__icon svg.icon.icon--google {
  background-image: url(/decidim-packs/media/images/google-b8225d6a9b718fa1749f.svg);
}
.button--google .button--social__icon svg.icon.icon--google > use {
  display: none;
}
.button--google.button--social--mini .button--social__icon {
  font-size: 0;
  min-width: auto;
  padding: 0;
}
.button--google.button--social--mini .button--social__icon svg.icon {
  margin: 1px;
}
/* Froms foundation overwrites */
.input-group .input-group-field:focus, .input-group .user-nickname label .row > span:focus:last-of-type, .user-nickname label .input-group .row > span:focus:last-of-type {
  position: relative;
  z-index: 10;
}
.input-group-button button {
  height: 2.5rem;
  padding: 0.5rem 1rem;
}
label.has-tribute,
.field.has-tribute {
  position: relative;
}
label.has-tribute .tribute-container,
.field.has-tribute .tribute-container {
  top: auto;
  margin-top: -1rem;
  max-width: none;
  width: 100%;
}
.help-text {
  display: block;
  line-height: 1.2;
  margin: -0.5rem 0 1rem;
}
.form-input-extra-before,
.form-input-extra-after {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: -1rem;
}
#registration_user_nickname_characters {
  margin-top: 1rem;
}
.form-input-extra-before {
  margin-bottom: 0.5rem;
}
.form-input-extra-after {
  margin-bottom: 1rem;
}
label > [type=checkbox],
label > [type=radio] {
  margin-bottom: 0;
}
/* Switch additional styles */
.switch-with-label > label {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.switch-with-label .switch-paddle {
  display: inline-block;
  margin-right: 1rem;
  flex-shrink: 0;
}
.switch-with-label, .switch-with-label.tiny {
  height: auto;
}
.switch input.switch-input:active + .switch-paddle, .switch input.switch-input:focus + .switch-paddle {
  outline: 2px solid #1351b4;
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.checkboxes {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.checkboxes::after {
  /* Align last row to left */
  min-width: 200px;
  content: "";
}
.checkboxes label {
  min-width: 200px;
}
.checkboxes label input[type=checkbox] {
  vertical-align: middle;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea,
select,
.inline-filters button[data-toggle],
input[type=file],
input[type=checkbox],
input[type=radio] {
  outline: 0;
}
[type=text]:active, [type=text]:focus, [type=password]:active, [type=password]:focus, [type=date]:active, [type=date]:focus, [type=datetime]:active, [type=datetime]:focus, [type=datetime-local]:active, [type=datetime-local]:focus, [type=month]:active, [type=month]:focus, [type=week]:active, [type=week]:focus, [type=email]:active, [type=email]:focus, [type=number]:active, [type=number]:focus, [type=search]:active, [type=search]:focus, [type=tel]:active, [type=tel]:focus, [type=time]:active, [type=time]:focus, [type=url]:active, [type=url]:focus, [type=color]:active, [type=color]:focus,
textarea:active,
textarea:focus,
select:active,
.inline-filters button[data-toggle]:active,
select:focus,
.inline-filters button[data-toggle]:focus,
input[type=file]:active,
input[type=file]:focus,
input[type=checkbox]:active,
input[type=checkbox]:focus,
input[type=radio]:active,
input[type=radio]:focus {
  outline: 2px solid #1351b4;
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.emoji__container {
  position: relative;
}
.emoji__trigger {
  position: relative;
  top: -1rem;
}
.emoji__button {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.emoji__button svg {
  width: 1em;
}
.icon {
  width: 0.875em;
  height: 0.875em;
  fill: currentColor;
}
.icon.primary {
  color: #1351b4;
  color: var(--primary);
}
.icon.secondary {
  color: #1351b4;
  color: var(--secondary);
}
.icon.success {
  color: #168821;
  color: var(--success);
}
.icon.warning {
  color: #ffcd07;
  color: var(--warning);
}
.icon.alert {
  color: #ec5840;
  color: var(--alert);
}
.icon.muted {
  color: #726a70;
}
.icon--small {
  width: 0.625em;
  height: 0.625em;
}
.icon--big {
  width: 1.5em;
  height: 1.5em;
}
.icon--large {
  width: 1.875em;
  height: 1.875em;
}
.icon--action {
  fill: rgba(0, 0, 0, 0.2);
}
.icon--container {
  display: inline-flex;
  align-items: center;
}
.icon--action:hover,
a:hover .icon--action {
  fill: currentColor;
}
.icon--after {
  margin-left: 0.3rem;
}
.icon--before {
  margin-right: 0.3rem;
}
.icon--share {
  margin-bottom: -2px;
  width: 12px;
  height: 12px;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/* Reveal foundation overwrites */
@media print, screen and (max-width: 28.12375em) {
  .reveal {
    width: 95%;
    left: 2.5%;
    top: 2rem;
    height: auto;
    min-height: auto;
  }
}
.reveal__header {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem;
}
.reveal__header.reveal__header--nomargin {
  margin-bottom: 0;
}
.reveal .calendar-url-description {
  margin-bottom: 0.5rem;
}
.reveal .calendar_url_input {
  margin-top: 1rem;
}
.reveal #urlCalendarUrl {
  cursor: auto;
}
.reveal__footer {
  border-top: 1px solid #e8e8e8;
}
.reveal__footer .buttons {
  display: flex;
  justify-content: center;
  padding: 10px 0 50px;
}
@media print, screen and (min-width: 40em) {
  .reveal__footer .buttons {
    padding-bottom: 0;
    margin-bottom: -1rem;
  }
}
.reveal__bg {
  background-color: #f4f4f4;
}
.reveal__title {
  margin-top: -6px;
}
.reveal__list li {
  display: flex;
}
.reveal__list li.selected {
  background-color: rgba(255, 174, 0, 0.3);
  justify-content: space-between;
}
.reveal__list li.selected svg {
  color: #57d685;
  align-self: center;
}
.reveal__list li:hover {
  cursor: pointer;
}
.reveal__list li:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
.reveal__trigger {
  cursor: pointer;
}
.reveal__buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}
.external-domain-warning .card-section {
  padding: 0;
}
.external-domain-warning .buttons {
  display: flex;
  justify-content: center;
}
.external-domain-warning .buttons .button, .external-domain-warning .buttons .meeting-polls__button {
  margin: 0;
}
.wrapper {
  padding: 1.2rem 1rem;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .wrapper {
    padding: 3rem 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.wrapper-mini {
  padding: 1.2rem 1rem 0;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .wrapper-mini {
    padding: 2rem 1.5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .wrapper-mini {
    padding: 3rem 4rem 0;
  }
}
.wrapper--inner {
  background: #f4f4f4;
  padding-top: 1rem;
}
html {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
  body {
    background-color: #2c2930;
  }
}
.footer-separator {
  flex-grow: 1;
}
.off-canvas-wrapper {
  background-color: #fafafa;
}
.off-canvas-wrapper,
.off-canvas-wrapper-inner,
.off-canvas-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.off-canvas {
  background-color: #2c2930;
}
.off-canvas .close-button {
  color: #fafafa;
  padding: 0.2rem 0.5rem;
  margin-right: -0.5rem;
}
.translation-bar a.button, .translation-bar a.meeting-polls__button {
  margin-bottom: 0;
  margin-top: -4px;
  margin-right: 5px;
}
/* Variables */
/* Navigation */
.navbar {
  background: #2c2930;
}
.navbar a:focus,
.navbar .button:focus,
.navbar .meeting-polls__button:focus {
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
/* Title bar */
.title-bar {
  position: relative;
}
@media print, screen and (max-width: 39.99875em) {
  .title-bar {
    border-top: 2.125rem solid #2c2930;
  }
}
.title-bar .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.title-bar .skip:focus, .title-bar .skip:active {
  background-color: #cb3c29;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}
.title-bar .skip:focus {
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
.title-bar a:focus,
.title-bar .button:focus,
.title-bar .meeting-polls__button:focus {
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
.logo-cityhall {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  margin-top: -1.95rem;
  text-align: right;
}
.logo-cityhall img {
  width: auto;
  height: 22px !important;
}
@media print, screen and (min-width: 40em) {
  .logo-cityhall {
    top: 50%;
    margin-top: -19px;
  }
  .logo-cityhall img {
    height: 38px !important;
  }
}
.topbar__search {
  position: relative;
  max-width: 220px;
}
.topbar__search input {
  color: #fff;
  border-color: transparent;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.02);
  margin-top: 8px;
  display: inline-block;
  border-radius: 4px 0 0 4px;
  transition: 0.3s all;
  height: 2.5rem;
}
.topbar__search input:focus {
  color: #fff;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.02);
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
@media print, screen and (min-width: 40em) {
  .topbar__search input {
    background: #2c2930;
  }
}
.topbar__search .input-group-button {
  position: relative;
  height: 1px;
  vertical-align: top;
}
.topbar__search .button-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.topbar__search button {
  padding: 5px 10px;
  border-radius: 0 4px 4px 0;
  transition: 0.3s all;
}
.topbar__search form:first-child {
  display: inline-flex;
}
.topbar__search .input-group {
  margin-bottom: 0;
}
.topbar__search:not(:focus-within) button {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.5);
}
@media print, screen and (min-width: 40em) {
  .topbar__search:not(:focus-within) button {
    background: #2c2930;
  }
}
.topbar__search:focus-within input {
  background-color: #fafafa;
  color: #3d393c;
  border: 0;
}
.topbar__search:focus-within input::-moz-placeholder {
  color: #3d393c;
}
.topbar__search:focus-within input::placeholder {
  color: #3d393c;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .topbar__search {
    overflow: hidden;
  }
}
/* Top bar */
.topbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.topbar > div {
  flex: 0 0 auto;
  display: flex;
}
.topbar > div.logo-wrapper {
  flex: 1 0 auto;
}
.logo-wrapper {
  line-height: 0;
}
.logo-wrapper a {
  display: inline-block;
}
.logo-wrapper img {
  display: block;
  max-height: 33px;
}
@media print, screen and (min-width: 50em) {
  .logo-wrapper img {
    max-height: 45px;
  }
}
/* Dropmenus in topbar */
.topbar__dropmenu {
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
  margin-left: 2rem;
}
.topbar__dropmenu .dropdown > li > a {
  background: transparent;
  padding-left: 0;
}
.topbar__dropmenu .dropdown {
  display: inline-block;
  vertical-align: middle;
}
.topbar__dropmenu .is-dropdown-submenu {
  z-index: 701;
  text-align: left;
  padding: 0;
  background-color: #fff;
  border: 1px solid #fafafa;
  border-radius: 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  min-width: 150px;
}
.topbar__dropmenu .is-dropdown-submenu::after, .topbar__dropmenu .is-dropdown-submenu::before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.topbar__dropmenu .is-dropdown-submenu::after {
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.topbar__dropmenu .is-dropdown-submenu::before {
  border-color: rgba(250, 250, 250, 0);
  border-bottom-color: #fff;
  border-width: 11px;
  margin-left: -11px;
}
.topbar__dropmenu .is-dropdown-submenu li {
  padding: 0.5rem;
}
.topbar__dropmenu .is-dropdown-submenu li a {
  padding: 0.5rem;
  color: #1351b4;
}
.topbar__dropmenu .is-dropdown-submenu li a:hover, .topbar__dropmenu .is-dropdown-submenu li a:focus {
  color: #726a70;
  text-decoration: underline;
}
.topbar__dropmenu .is-dropdown-submenu li:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
.topbar__dropmenu .is-dropdown-submenu li:hover, .topbar__dropmenu .is-dropdown-submenu li:focus {
  cursor: pointer;
  background-color: rgba(57, 116, 127, 0.05);
  background-color: rgba(var(--secondary-rgb), 0.05);
  text-decoration: underline;
}
.topbar__dropmenu #topbar__language-choose .is-dropdown-submenu {
  transform: translateX(-12%);
  top: 110%;
}
.topbar__dropmenu #topbar__user-notifications .is-dropdown-submenu {
  transform: translateX(-47%);
  top: 110%;
}
.topbar__dropmenu #topbar__user-profile .is-dropdown-submenu {
  transform: translateX(-40%);
  top: 110%;
}
.topbar__dropmenu > ul > li > a {
  color: #e8e8e8;
}
.topbar__dropmenu > ul > li > a:hover {
  text-decoration: underline;
}
.topbar__dropmenu > ul > li > a::after {
  margin-top: -1px !important;
  border-top-color: #e8e8e8 !important;
}
@media print, screen and (max-width: 39.99875em) {
  .language-choose {
    font-size: 0.8rem;
    position: absolute;
    top: -2.2rem;
    left: 0.5rem;
    margin-left: 0;
  }
  .language-choose:hover, .language-choose:focus {
    text-decoration: underline;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-width: 3px;
    right: 10px;
    margin-top: 0;
  }
  .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover, .language-choose .dropdown.menu > li.is-dropdown-submenu-parent > a::after:focus {
    text-decoration: underline;
  }
}
.topbar__user {
  display: inline-block;
  padding-right: 2.5rem;
  margin-left: 2rem;
}
@media (min-width: 81.25em) {
  .topbar__user {
    padding-right: 0;
  }
}
.topbar__user__logged {
  text-align: right;
  padding-right: 2.5rem;
  display: none;
}
.topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .topbar__user__logged {
    display: block;
  }
  .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
  }
  .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after:hover, .topbar__user__logged .dropdown.menu > li.is-dropdown-submenu-parent > a::after:focus {
    text-decoration: underline;
  }
}
@media (min-width: 81.25em) {
  .topbar__user__logged {
    padding-right: 0;
  }
}
.topbar__user__logged__picture {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  -o-object-fit: cover;
     object-fit: cover;
}
.topbar__user__logged__name {
  color: #3d393c;
}
.topbar__user__logged__name > * {
  display: block;
}
.topbar__notifications,
.topbar__conversations {
  margin-right: 1rem;
  vertical-align: -4px;
}
.topbar__notifications .icon,
.topbar__conversations .icon {
  fill: #fff;
  opacity: 0.3;
}
.topbar__notifications.is-active .icon,
.topbar__conversations.is-active .icon {
  fill: #ffae00;
  opacity: 1;
}
.topbar__notifications__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #726a70;
  width: 250px;
  display: flex;
  flex-direction: row;
}
.topbar__notifications__item > * {
  margin: 0 0.5rem;
}
.topbar__notifications__item > :first-child {
  margin-left: 0;
}
.topbar__notifications__item > :last-child {
  margin-right: 0;
}
.topbar__notifications__item strong {
  color: #1351b4;
}
.topbar__notifications__item :last-child {
  flex: 1 1;
}
.topbar__notifications__item :last-child > * {
  display: block;
}
.topbar__notifications__item--more {
  text-align: center;
  background-color: #f4f4f4;
  color: #1351b4;
  font-size: 90%;
}
.topbar__user__login {
  text-align: right;
  line-height: 1.2;
}
.topbar__user__login a {
  color: #e8e8e8;
  font-weight: 600;
}
@media print, screen and (min-width: 40em) {
  .topbar__user__login a {
    margin-left: 1rem;
  }
}
.topbar__user__login a:hover {
  text-decoration: underline;
}
.topbar__user__login a::before {
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: inline-block;
  width: 1px;
  height: 2px;
  border-left: 1px solid #e8e8e8;
  vertical-align: middle;
}
@media print, screen and (min-width: 40em) {
  .topbar__user__login a::before {
    display: none;
  }
}
@media print, screen and (min-width: 40em) {
  .topbar__user__login a:first-of-type {
    margin-left: 0;
  }
}
.topbar__user__login a:first-of-type::before {
  display: none;
}
/* Menu icon and off-canvas */
.topbar__menu {
  text-align: right;
  font-size: 20px;
  margin-right: 0.1rem;
}
.topbar__menu button {
  color: inherit;
}
.topbar__admin__link a {
  color: #e8e8e8;
}
.topbar__admin__link a:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
}
.topbar__admin__link ~ .topbar__admin__link {
  margin-left: 1rem;
}
.usermenu-off-canvas-holder .usermenu-off-canvas {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.usermenu-off-canvas-holder .usermenu-off-canvas.is-dropdown-submenu {
  display: block;
  position: static;
  background: transparent;
  border-left: 0;
  border-right: 0;
}
.usermenu-off-canvas-holder .usermenu-off-canvas a {
  display: block;
  padding: 1em 2em;
  color: rgba(255, 255, 255, 0.5);
}
.usermenu-off-canvas-holder .usermenu-off-canvas a:hover, .usermenu-off-canvas-holder .usermenu-off-canvas a:focus {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  text-decoration: underline;
}
.off-canvas .topbar__user__login {
  text-align: center;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
/* Main nav */
.main-nav ul {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media print, screen and (min-width: 40em) {
  .main-nav ul {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: flex;
  }
  .main-nav ul > li {
    display: inline-block;
    flex: 1 1;
    text-align: center;
  }
}
.main-nav__link a {
  position: relative;
  display: block;
  padding: 1em 2em;
  color: rgba(255, 255, 255, 0.5);
}
.main-nav__link a:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  text-decoration: underline;
}
.main-nav__link a:focus {
  z-index: 1;
  color: #fff;
  text-decoration: underline;
  outline-offset: -2px;
}
@media print, screen and (min-width: 40em) {
  .main-nav__link a {
    padding: 0.75em 2em;
  }
}
.main-nav__link--active a {
  box-shadow: inset 4px 0 0 0 #1351b4;
  box-shadow: inset 4px 0 0 0 var(--primary);
  color: #fff;
  background: rgba(255, 255, 255, 0.02);
}
@media print, screen and (min-width: 40em) {
  .main-nav__link--active a {
    box-shadow: inset 0 4px 0 0 #1351b4;
    box-shadow: inset 0 4px 0 0 var(--primary);
  }
}
/* Variables */
/* Main container */
.main-container {
  background: #fff;
  border: 1px solid #e8e8e8;
}
.main-container__content {
  padding: 1rem 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .main-container__content {
    padding: 2rem 2rem;
  }
}
/* Main container side panel */
@media print, screen and (min-width: 40em) {
  .main-container--side-panel {
    display: flex;
  }
}
.side-panel {
  background-color: #f4f4f4;
  min-height: 100%;
  border-bottom: 1px solid #e8e8e8;
}
@media print, screen and (min-width: 40em) {
  .side-panel {
    border-bottom: 0;
    border-right: 1px solid #e8e8e8;
  }
}
.side-panel__tabs {
  border: none;
}
.side-panel__tabs .tabs-title {
  border-bottom: 1px solid #e8e8e8;
}
@media print, screen and (min-width: 40em) {
  .side-panel__tabs .tabs-title:last-of-type {
    margin-bottom: 4rem;
  }
}
.side-panel__tabs .tabs-title > [role=tab],
.side-panel__tabs .tabs-title > a {
  color: #3d393c;
}
.side-panel__tabs .tabs-title > [role=tab]:hover,
.side-panel__tabs .tabs-title > a:hover {
  color: #1351b4;
}
.side-panel__tabs .tabs-title.is-active > [role=tab], .side-panel__tabs .tabs-title.is-active > a {
  color: #1351b4;
  box-shadow: inset 4px 0 0 #1351b4;
  box-shadow: inset 4px 0 0 var(--primary);
}
.main-footer,
.mini-footer {
  color: #e8e8e8;
}
.main-footer .link-separator,
.mini-footer .link-separator {
  margin: 0 0.5rem;
}
.main-footer a,
.mini-footer a {
  color: #828282;
}
.main-footer a:hover,
.mini-footer a:hover {
  color: #b5b5b5;
  text-decoration: underline;
}
.main-footer a:focus,
.mini-footer a:focus {
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
.main-footer {
  background-color: #1a181d;
  position: relative;
  padding: 1rem 0;
  min-height: 76px;
}
.main-footer__badge {
  display: block;
  width: 140px;
}
@media print, screen and (min-width: 64em) {
  .main-footer__badge {
    position: absolute;
  }
}
.main__footer__nav {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .main__footer__nav {
    text-align: left;
  }
}
@media print, screen and (min-width: 64em) {
  .main__footer__nav {
    text-align: center;
  }
}
.footer-nav {
  list-style: none;
  padding-top: 0.5rem;
  margin: 0 0 0 -1rem;
}
.footer-nav li {
  display: inline-block;
  padding: 0 1rem;
}
@media print, screen and (min-width: 64em) {
  .footer-nav {
    margin-left: 0;
  }
}
.main__footer__social {
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .main__footer__social {
    text-align: right;
  }
}
.footer-social {
  list-style: none;
  padding-top: 0.5rem;
  margin: 0;
}
.footer-social li {
  display: inline-block;
  padding-left: 1rem;
}
.footer-social li:first-child {
  padding-left: 0;
}
.footer-social__icon .icon {
  width: 16px;
  height: 16px;
}
.mini-footer {
  padding: 1rem 0;
  background-color: #1a181d;
}
.cc-badge {
  margin-right: 0.5rem;
}
.decidim-logo {
  display: block;
  width: 140px;
  margin-right: auto;
  margin-left: auto;
}
@media print, screen and (min-width: 40em) {
  .static-with-nav {
    display: flex;
  }
}
.static-nav {
  min-height: 100%;
}
.static-nav .list-latin {
  list-style-type: upper-latin;
}
.static-nav ul {
  margin-left: 0.5rem;
}
.static-nav li {
  color: #9c9c9c;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}
.static-nav a {
  color: #3d393c;
}
.static-nav a:hover {
  color: #1351b4;
}
.static__message {
  text-align: center;
  padding: 2rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .static__message {
    padding: 4rem 1.5rem;
  }
}
.static__message__cta {
  margin-top: 2rem;
}
.card-grid {
  display: flex;
  flex-wrap: wrap;
}
.card-grid::before {
  width: 0;
}
.card-grid .column, .card-grid .columns {
  margin-bottom: 30px;
}
.card-grid .card, .card-grid .chart-tooltip, .card-grid .conference-registration, .card-grid .conference-speaker .speaker-bio, .conference-speaker .card-grid .speaker-bio, .card-grid .add-message, .card-grid .comment-thread {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-grid .card__content, .card-grid .badge-card__content {
  flex-grow: 1;
}
/* Variables */
/* Cards */
.card, .chart-tooltip, .conference-registration, .conference-speaker .speaker-bio, .add-message, .comment-thread {
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  overflow: visible;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.card.primary, .primary.chart-tooltip, .primary.conference-registration, .conference-speaker .primary.speaker-bio, .primary.add-message, .primary.comment-thread {
  border-top-width: 8px;
  border-top-color: #1351b4;
  border-top-color: var(--primary);
}
.card.secondary, .secondary.chart-tooltip, .secondary.conference-registration, .conference-speaker .secondary.speaker-bio, .secondary.add-message, .secondary.comment-thread {
  border-top-width: 8px;
  border-top-color: #1351b4;
  border-top-color: var(--secondary);
}
.card.success, .success.chart-tooltip, .success.conference-registration, .conference-speaker .success.speaker-bio, .success.add-message, .success.comment-thread {
  border-top-width: 8px;
  border-top-color: #168821;
  border-top-color: var(--success);
}
.card.warning, .warning.chart-tooltip, .warning.conference-registration, .conference-speaker .warning.speaker-bio, .warning.add-message, .warning.comment-thread {
  border-top-width: 8px;
  border-top-color: #ffcd07;
  border-top-color: var(--warning);
}
.card.alert, .alert.chart-tooltip, .alert.conference-registration, .conference-speaker .alert.speaker-bio, .alert.add-message, .alert.comment-thread {
  border-top-width: 8px;
  border-top-color: #ec5840;
  border-top-color: var(--alert);
}
.card.muted, .muted.chart-tooltip, .muted.conference-registration, .conference-speaker .muted.speaker-bio, .muted.add-message, .muted.comment-thread {
  border-top-width: 8px;
  border-top-color: rgba(114, 106, 112, 0.3);
}
.card--nomargin {
  margin-bottom: 0;
}
.card--secondary {
  background: #f4f4f4;
  box-shadow: none;
}
.card__content, .badge-card__content {
  padding: 1rem;
}
.card__content:not(:only-child), .badge-card__content:not(:only-child) {
  padding-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .card__content, .badge-card__content {
    padding: 1.5rem;
  }
  .card__content:not(:only-child), .badge-card__content:not(:only-child) {
    padding-bottom: 0.75rem;
  }
}
.card__content--center {
  text-align: center;
}
.card__extra {
  background: #f4f4f4;
  padding: 1rem;
}
a.card__title:hover,
a .card__title:hover {
  text-decoration: underline;
}
.card__header {
  margin-bottom: 0.75rem;
}
.card__header .card__title {
  margin-bottom: 0.5rem;
}
.card__header.collapse {
  margin-bottom: 0;
}
.card__button {
  margin-bottom: 0;
  cursor: pointer;
}
.card__type {
  background: #f4f4f4;
  padding: 0.1rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: -0.75rem;
  font-size: 80%;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #726a70;
  display: flex;
  align-self: flex-start;
  align-items: center;
}
.card__type .icon {
  width: 14px;
  height: 14px;
  fill: #726a70;
  margin-right: 0.2rem;
}
.card__text:first-child {
  margin-top: -0.25em;
}
.card__text a:hover {
  color: #092758;
  text-decoration: underline;
}
.card__text .card__text--status {
  font-weight: bold;
  text-transform: uppercase;
}
.card__text .card__text--status::after {
  content: " ";
}
.card__text .card__text--status.primary {
  color: #1351b4;
  color: var(--primary);
}
.card__text .card__text--status.secondary {
  color: #1351b4;
  color: var(--secondary);
}
.card__text .card__text--status.success {
  color: #168821;
  color: var(--success);
}
.card__text .card__text--status.warning {
  color: #ffcd07;
  color: var(--warning);
}
.card__text .card__text--status.alert {
  color: #ec5840;
  color: var(--alert);
}
.card__text .card__text--status.muted {
  color: #726a70;
}
.card__text .card__text--category {
  display: block;
  margin-top: 0.5rem;
}
.card__text:not(:last-child) {
  margin-bottom: 0.5rem;
}
.card__text.card--picture-offset {
  margin-left: calc(3.375rem + .5rem);
}
.card__text--separated-mid-dot > *:not(:last-child)::after {
  content: " · ";
}
.card__image, .badge-container .badge__logo, .badge-container .badge__logo--small {
  width: 100%;
  max-height: 10rem;
  min-height: 5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__image.card__image--smaller, .badge-container .card__image--smaller.badge__logo, .badge-container .card__image--smaller.badge__logo--small {
  max-height: 5rem;
}
.card__image.card__image--larger, .badge-container .card__image--larger.badge__logo, .badge-container .card__image--larger.badge__logo--small {
  max-height: 20rem;
  min-height: 10rem;
}
/* Card datetime */
.card__datetime {
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 1rem;
  padding: 0.5rem;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  border-left: 4px solid #1351b4;
  border-left: 4px solid var(--primary);
  background: #f4f4f4;
  line-height: 1;
}
.card__datetime__date {
  font-size: 1.4rem;
  margin-right: 1rem;
}
.card__datetime__month {
  text-transform: lowercase;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  font-size: 1.2rem;
}
.card__datetime__time {
  font-size: 0.8rem;
}
/* Card footer */
.card__footer, .card__top {
  background: #f4f4f4;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
  clear: both;
}
.card__footer .card__content, .card__footer .badge-card__content, .card__top .card__content, .card__top .badge-card__content {
  display: flex;
}
.card__footer--transparent {
  background: transparent;
}
.card__footer--data {
  display: flex;
  align-items: center;
}
.card__footer--data .card__content, .card__footer--data .badge-card__content {
  flex-grow: 1;
}
.card__footer--data .card-data {
  flex-direction: column;
}
.card__footer--data .card-data__item {
  flex-basis: auto;
  border-right: none;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.card__footer--data .card-data__item:last-of-type {
  border-bottom: none;
}
.card__author {
  margin-bottom: 0.5rem;
}
.card__author [data-toggler] {
  margin-bottom: -0.5rem;
}
.card__author.inline-block {
  display: inline-block;
}
.card__voting {
  display: inline-block;
  text-align: center;
}
.card__vote-number {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
}
/* Card activity date */
.card__activity-date {
  margin-bottom: 0.5rem;
}
.card__activity-date.inline-block {
  display: inline-block;
}
.card__activity-date.inline-block.before-content::before {
  content: "";
  margin-right: 0.8rem;
  border-right: 1px solid #e8e8e8;
  height: 0.7rem;
  display: inline-block;
  vertical-align: middle;
}
/* Card data */
.card-data {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.card-data a:hover {
  text-decoration: underline;
}
.card-data span:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.card-data__item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 33.33%;
  flex-grow: 1;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1;
  color: #726a70;
  padding: 0.5em;
  border-right: 1px solid #e8e8e8;
  margin-right: -1px;
  border-top: 1px solid #e8e8e8;
  margin-top: -1px;
}
.card-data__item .card-data__item--centerblock {
  margin: 0 auto;
}
.card-data__item.card-data__item--expand {
  line-height: 1.5;
}
.card-data__item.creation_date_status strong {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #3d393c;
}
.card-data__item [data-toggle] {
  margin-bottom: 0;
}
.card-data__item__number, .budget-list__data__votes, .budget-list__data__number, .card--list__data__number {
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #3d393c;
  margin-bottom: 0.2rem;
}
.card-data__item--multiple {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.card-data__item--multiple > * {
  margin: 0 0.5rem;
}
.card-data__item--multiple > :first-child {
  margin-left: 0;
}
.card-data__item--multiple > :last-child {
  margin-right: 0;
}
.card-data__item--multiple > div {
  text-align: left;
  display: block;
}
/* Card popularity */
.card__popularity {
  padding: 1.5rem;
  text-align: center;
}
.card__popularity .icon {
  fill: #e8e8e8;
}
.card__popularity__data {
  text-align: center;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.2rem;
  color: #726a70;
}
/* Card support */
.card__support {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
@media print, screen and (min-width: 40em) {
  .card__support {
    padding: 1.5rem;
  }
}
.card__support > *:only-child {
  margin-left: auto;
}
.card__support .card__button {
  font-size: 90%;
}
.card__support__data, .card__support__data--left {
  text-align: center;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.2rem;
  color: #726a70;
}
.card__support__data--left {
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
  color: #726a70;
  max-width: 60%;
}
.card__support__data--left strong {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card__support__number, .progress__bar .progress__bar__title .progress__bar__number, .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number {
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #3d393c;
}
/* Card with image */
.card__img {
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .card__img {
    float: right;
    width: 35%;
  }
}
@media print, screen and (min-width: 64em) {
  .card__content--img {
    float: left;
    width: 60%;
  }
}
/* Card Link */
.card__link {
  color: #1351b4;
}
.card__link:hover {
  color: #1351b4;
  text-decoration: underline;
}
.card__link:focus {
  z-index: 2;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
}
.card__link--block {
  display: block;
}
/* Card list */
.card--list .card--list__item:not(:last-child),
.card--list *:not(:last-child) .card--list__item {
  border-bottom: 1px solid #e8e8e8;
}
.card--list__item {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}
.card--list--mini .card--list__item {
  padding-left: 1rem;
}
.card--list--mini .card--list__item .card__link {
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 40em) {
  .card--list__item {
    padding-left: 1.5rem;
  }
}
.card--list__item svg {
  flex-basis: 15%;
  flex-shrink: 0;
}
.card--list__item svg + div {
  max-width: calc(85% - 1rem);
  overflow-wrap: break-word;
}
.card--list__icon {
  display: none;
  fill: #1351b4;
}
.card--list__icon.primary {
  fill: #1351b4;
  fill: var(--primary);
}
.card--list__icon.secondary {
  fill: #1351b4;
  fill: var(--secondary);
}
.card--list__icon.success {
  fill: #168821;
  fill: var(--success);
}
.card--list__icon.warning {
  fill: #ffcd07;
  fill: var(--warning);
}
.card--list__icon.alert {
  fill: #ec5840;
  fill: var(--alert);
}
@media print, screen and (min-width: 40em) {
  .card--list__icon {
    margin-right: 1rem;
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
}
.card--list__text, .card--list__titled-text, .card--list__author {
  flex-grow: 1;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
  padding: 1rem 1rem 1rem 0;
  overflow: visible;
}
.card--list__text.card--list__text--top, .card--list__text--top.card--list__titled-text, .card--list__text--top.card--list__author {
  align-items: start;
}
.card--list--mini .card--list__text, .card--list--mini .card--list__titled-text, .card--list--mini .card--list__author {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.card--list--mini .card--list__text > *, .card--list--mini .card--list__titled-text > *, .card--list--mini .card--list__author > * {
  flex-grow: 1;
}
.card--list__text .author, .card--list__titled-text .author, .card--list__author .author {
  margin-top: 0.3rem;
  margin-right: 1rem;
}
.card--list__heading {
  margin-bottom: 0;
  display: block;
}
.card--list__heading.heading6 {
  text-transform: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}
@media print, screen and (max-width: 49.99875em) {
  .card--list .tags {
    display: none;
  }
}
.card--list__data {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 85%;
  min-width: 7rem;
  line-height: 1;
  color: #726a70;
  padding: 1rem;
  background: #f4f4f4;
}
@media print, screen and (min-width: 40em) {
  .card--list__data {
    padding: 1rem 1.5rem;
  }
}
.card--list--mini .card--list__data {
  padding: 0.5rem 1rem;
}
.card--list__data-added {
  background-color: #ddf7e7;
}
.card--list__data-added a {
  color: #3d393c;
}
.card--list__check {
  margin-bottom: 0;
  border-radius: 50%;
  align-self: center;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.card--list__check--disabled {
  pointer-events: none;
}
.card--list__check--inline {
  display: inline-block;
}
.card--list__check svg {
  flex-basis: auto;
}
.card--list__data__icon .icon, .card--list__data__icon--lg .icon {
  width: 20px;
  height: 20px;
  fill: #726a70;
}
.card--list__data__icon:hover .icon, .card--list__data__icon--lg:hover .icon {
  fill: #1351b4;
}
.card--list__data__icon--lg .icon {
  width: 36px;
  height: 36px;
}
.card--list__data__number {
  font-size: 1.5rem;
}
.card--list__titled-text, .card--list__author {
  flex-wrap: wrap;
}
.card--list__titled-text .card--list__heading, .card--list__author .card--list__heading {
  margin-bottom: 5px;
  width: calc(100% - 28px);
}
.card--list__titled-text .card--list__annotation, .card--list__author .card--list__annotation {
  letter-spacing: 0.03em;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  width: 28px;
}
.card--list__titled-text .card--list__counter, .card--list__author .card--list__counter {
  background-color: #1351b4;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  width: 20px;
}
.card--list__titled-text .card--list__counter span, .card--list__author .card--list__counter span {
  display: block;
  line-height: 20px;
  text-align: center;
}
.card--list__author {
  padding: 0.5rem 1rem 0.5rem 0;
  margin-left: -0.5rem;
}
.card--list__author .author {
  margin: 0;
}
.card--list__author .author__avatar img {
  border-radius: 2px;
}
/* Card full width variant */
.card--full {
  margin-bottom: 60px;
}
.card--full:last-child {
  margin-bottom: 0;
}
.card--full .card__title:hover {
  text-decoration: underline;
}
.card--full .card__title:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.card--full .card__content, .card--full .badge-card__content {
  padding: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  .card--full .card__content, .card--full .badge-card__content {
    padding: 3rem;
  }
}
.card--full__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media print, screen and (min-width: 40em) and (max-width: 49.99875em) {
  .card--full__image {
    min-height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.card--full__image > .card__content, .card--full__image > .badge-card__content {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 40em) and (max-width: 49.99875em) {
  .card--full__image > .card__content, .card--full__image > .badge-card__content {
    min-width: 50%;
  }
}
@media print, screen and (min-width: 50em) {
  .card--full__image > .card__content, .card--full__image > .badge-card__content {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.card__image-top {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 10rem;
}
.card--process .card__image-top {
  display: none;
}
@media print, screen and (min-width: 50em) {
  .card--process .card__image-top {
    display: block;
  }
}
/* Card full width process variant */
@media print, screen and (min-width: 50em) {
  .card--process__row {
    display: flex;
  }
  .card--process__column {
    position: relative;
  }
  .card--process__column .card--full__image-wrapper {
    height: 100%;
    overflow: hidden;
  }
  .card--process__column .card--full__image {
    height: 100%;
    position: absolute;
    right: -1px;
    left: 0;
  }
  .card--process__column .card--full__image > img {
    min-height: 100%;
    max-width: none;
    max-width: initial;
    position: absolute;
  }
}
.card--process__small {
  font-size: 90%;
}
.card--process__small:last-child {
  margin-bottom: 0;
}
.card--mini .card__content, .card--mini .badge-card__content {
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card--mini .card__image-top {
  display: block;
  height: 8rem;
}
.card--mini .card--process__small {
  margin-top: auto;
}
.card__status .card-data__item {
  flex-basis: 20%;
  flex-basis: initial;
  padding: 1em 0.5em;
}
.card__status .card-data__item:empty {
  border-right: 0;
}
.card__status .card-data__item:empty + .card-data__item:not(:empty) {
  border-left: 1px solid #e8e8e8;
}
.card__label {
  display: inline-flex;
  color: #e8e8e8;
  padding: 0 0.5rem;
  font-size: 90%;
  font-weight: bold;
  position: absolute;
  background-color: transparent;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  margin-top: -0.6rem;
  margin-left: 1rem;
  z-index: 0;
}
.card__label::before {
  content: " ";
  height: 1px;
  display: inline-block;
  background-color: #fafafa;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 0.5rem;
}
.card.success .card__label, .success.chart-tooltip .card__label, .success.conference-registration .card__label, .conference-speaker .success.speaker-bio .card__label, .success.add-message .card__label, .success.comment-thread .card__label, .card.secondary .card__label, .secondary.chart-tooltip .card__label, .secondary.conference-registration .card__label, .conference-speaker .secondary.speaker-bio .card__label, .secondary.add-message .card__label, .secondary.comment-thread .card__label, .card.muted .card__label, .muted.chart-tooltip .card__label, .muted.conference-registration .card__label, .conference-speaker .muted.speaker-bio .card__label, .muted.add-message .card__label, .muted.comment-thread .card__label, .card.warning .card__label, .warning.chart-tooltip .card__label, .warning.conference-registration .card__label, .conference-speaker .warning.speaker-bio .card__label, .warning.add-message .card__label, .warning.comment-thread .card__label, .card.alert .card__label, .alert.chart-tooltip .card__label, .alert.conference-registration .card__label, .conference-speaker .alert.speaker-bio .card__label, .alert.add-message .card__label, .alert.comment-thread .card__label {
  margin-top: -0.95rem;
}
.card.success .card__label::before, .success.chart-tooltip .card__label::before, .success.conference-registration .card__label::before, .conference-speaker .success.speaker-bio .card__label::before, .success.add-message .card__label::before, .success.comment-thread .card__label::before, .card.secondary .card__label::before, .secondary.chart-tooltip .card__label::before, .secondary.conference-registration .card__label::before, .conference-speaker .secondary.speaker-bio .card__label::before, .secondary.add-message .card__label::before, .secondary.comment-thread .card__label::before, .card.muted .card__label::before, .muted.chart-tooltip .card__label::before, .muted.conference-registration .card__label::before, .conference-speaker .muted.speaker-bio .card__label::before, .muted.add-message .card__label::before, .muted.comment-thread .card__label::before, .card.warning .card__label::before, .warning.chart-tooltip .card__label::before, .warning.conference-registration .card__label::before, .conference-speaker .warning.speaker-bio .card__label::before, .warning.add-message .card__label::before, .warning.comment-thread .card__label::before, .card.alert .card__label::before, .alert.chart-tooltip .card__label::before, .alert.conference-registration .card__label::before, .conference-speaker .alert.speaker-bio .card__label::before, .alert.add-message .card__label::before, .alert.comment-thread .card__label::before {
  height: 8px;
  top: 0.45rem;
}
.card__label .icon {
  margin-left: -0.25rem;
}
@media print, screen and (min-width: 40em) {
  .card__label {
    margin-left: 1.5rem;
  }
}
.card__label.primary {
  margin-top: -0.95rem;
  color: #1351b4;
  color: var(--primary);
}
.card__label.secondary {
  margin-top: -0.95rem;
  color: #1351b4;
  color: var(--secondary);
}
.card__label.success {
  margin-top: -0.95rem;
  color: #168821;
  color: var(--success);
}
.card__label.warning {
  margin-top: -0.95rem;
  color: #ffcd07;
  color: var(--warning);
}
.card__label.alert {
  margin-top: -0.95rem;
  color: #ec5840;
  color: var(--alert);
}
.card__label.muted {
  margin-top: -0.95rem;
  color: #b9b5b8;
}
.card__icondata ul, .card__block ul {
  align-items: stretch;
  border-top: 1px solid #e8e8e8;
}
.card__icondata ul li, .card__block ul li {
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__icondata ul li > *, .card__block ul li > * {
  margin: 0.5rem;
}
.card__icondata ul li:first-child, .card__block ul li:first-child {
  color: #1351b4;
  color: var(--primary);
  flex: 0 1;
}
.card__icondata ul li:not(:first-child), .card__block ul li:not(:first-child) {
  font-size: 100%;
  text-transform: none;
  justify-content: left;
  flex-direction: row;
}
.card__icondata ul li:not(:first-child) strong, .card__block ul li:not(:first-child) strong {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  color: #3d393c;
}
.card__icondata ul li:not(:first-child) .card__icondata--address, .card__block ul li:not(:first-child) .card__icondata--address {
  color: #3d393c;
  line-height: 120%;
}
.card__icondata ul li:not(:first-child) .card__icondata--address + a, .card__block ul li:not(:first-child) .card__icondata--address + a {
  display: block;
  margin-top: 1rem;
}
.card__block {
  margin-bottom: 0.5rem;
}
.card__block ul {
  border: 1px solid #e8e8e8;
}
.card__block ul li {
  padding: 0.25em;
}
.card--stack {
  position: relative;
  overflow: visible;
  z-index: 0;
  /* Second sheet of paper */
  /* Third sheet of paper */
}
.card--stack, .card--stack::after, .card--stack::before {
  /* Add shadow to distinguish sheets from one another */
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.card--stack::after, .card--stack::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.card--stack::before {
  left: 3px;
  top: 3px;
  z-index: -1;
}
.card--stack::after {
  left: 5px;
  top: 5px;
  z-index: -2;
}
.card--widget .card-data {
  flex-wrap: inherit;
}
.card--widget .card-data .card-data__item {
  color: #3d393c;
  text-transform: none;
  font-size: 1rem;
  text-align: left;
  padding: 1rem;
}
.card--widget .card-data .card-data__item.primary {
  color: #1351b4;
  color: var(--primary);
}
.card--widget .card-data .card-data__item.secondary {
  color: #1351b4;
  color: var(--secondary);
}
.card--widget .card-data .card-data__item.success {
  color: #168821;
  color: var(--success);
}
.card--widget .card-data .card-data__item.warning {
  color: #ffcd07;
  color: var(--warning);
}
.card--widget .card-data .card-data__item.alert {
  color: #ec5840;
  color: var(--alert);
}
@media print, screen and (min-width: 40em) {
  .card--widget .card-data .card-data__item {
    padding: 1.5rem;
  }
}
.card--widget .card-data .card-data__item:first-child {
  flex-grow: 0;
  flex-basis: 12%;
  background-color: #f4f4f4;
  position: relative;
}
.card--widget .card-data .card-data__item:first-child > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card__top {
  border-top: 0;
}
.card__top .card__content, .card__top .badge-card__content {
  line-height: 1.5;
  padding: 0.25rem 1rem;
}
.card__top .card__content > :first-child, .card__top .badge-card__content > :first-child {
  flex-shrink: 0;
}
@media print, screen and (min-width: 40em) {
  .card__top .card__content, .card__top .badge-card__content {
    padding: 0.375rem 1.5rem;
  }
}
.card__row {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .card__row {
    flex-direction: row;
  }
}
.card__row > * {
  padding: 1rem;
  flex: 0 0 25%;
}
.card__row > *:not(:nth-child(4n)) {
  border-right: 0;
  border-bottom: 1px solid #e8e8e8;
}
@media print, screen and (min-width: 40em) {
  .card__row > *:not(:nth-child(4n)) {
    border-bottom: 0;
    border-right: 1px solid #e8e8e8;
  }
}
.extra {
  text-align: center;
  margin-bottom: 1rem;
}
.extra .button:last-of-type, .extra .meeting-polls__button:last-of-type {
  margin-bottom: 0;
}
.extra .follow-button {
  margin-top: 1rem;
}
.extra__suport-number {
  display: block;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
}
.extra__suport-text, .progress__bar.progress__bar--vertical .progress__bar__text {
  display: block;
  line-height: 1;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.extra__date {
  font-size: 3rem;
  line-height: 1;
}
.extra__date-container {
  margin-bottom: 1rem;
}
.extra__month {
  display: block;
  font-size: 1rem;
}
.extra__time {
  display: block;
  font-size: 1.2rem;
  margin: 0.5rem 0 0;
}
.extra--text {
  text-align: left;
}
.definition-data {
  display: flex;
  flex-wrap: wrap;
}
.definition-data__item {
  display: block;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #e8e8e8;
  flex-basis: 100%;
}
.definition-data__item:last-child {
  border-bottom: 0;
}
.definition-data__item.social_networks a {
  display: block;
}
.definition-data__item.social_networks a:hover {
  text-decoration: underline;
}
.definition-data__item.expanded {
  display: flex;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.definition-data__item.expanded > :first-child {
  flex: 1 1 80%;
  min-width: 0;
}
.definition-data__item.expanded > :first-child div {
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.definition-data__item.expanded > :first-child div .author__name {
  display: inherit;
}
.definition-data__item.expanded > :last-child {
  flex: 1 0 40%;
}
.definition-data__item.expanded > * {
  margin: 0 0.25rem;
}
.definition-data__item.expanded > :first-child {
  margin-left: 0;
}
.definition-data__item.expanded > :last-child {
  margin-right: 0;
}
.definition-data__item--double {
  display: inline-block;
  flex-basis: 50%;
  width: 50%;
  border-right: 1px solid #e8e8e8;
}
.definition-data__item--double:nth-of-type(even) {
  border-right: 0;
}
.definition-data__item--double:nth-last-child(2):nth-child(odd) {
  border-bottom: 0;
}
.definition-data__title {
  display: block;
  font-size: 85%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.25rem;
  color: #726a70;
}
.definition-data__number {
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 1.25rem;
  color: #3d393c;
  margin-bottom: 0.2rem;
}
.definition-data__text {
  display: block;
  margin: 0.5rem;
  color: #3d393c;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5;
}
/* Callout foundation overwrites */
.callout.primary {
  background: #fafafa;
  border-color: #e8e8e8;
  border-left: 8px solid #1351b4;
  border-left: 8px solid var(--primary);
}
.callout.secondary {
  border-color: #e8e8e8;
  border-left: 8px solid #1351b4;
  border-left: 8px solid var(--secondary);
}
.callout.success {
  border-color: #e8e8e8;
  border-left: 8px solid #168821;
  border-left: 8px solid var(--success);
}
.callout.warning {
  border-color: #e8e8e8;
  border-left: 8px solid #ffcd07;
  border-left: 8px solid var(--warning);
}
.callout.alert {
  border-color: #e8e8e8;
  border-left: 8px solid #ec5840;
  border-left: 8px solid var(--alert);
}
.callout.flash {
  margin-bottom: 0;
}
.confirm-reveal .confirm-content {
  padding-bottom: 1rem;
}
/* Variables */
/* Comments */
.comments {
  padding-top: 3rem;
}
.comment-thread .show-comment-replies {
  display: none;
}
.comment-thread .hide-comment-replies {
  display: inline;
}
.comment-thread .comment__hide {
  float: left;
  margin-bottom: 0;
}
.comment-thread .no-comments .show-comment-replies {
  display: inline;
}
.comment-thread .no-comments .hide-comment-replies,
.comment-thread .no-comments .replies {
  display: none;
}
.comment-thread__title {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #726a70;
}
.comment__header {
  padding: 1rem;
  display: flex;
  align-items: center;
}
.comment__header .comment__edited,
.comment__header .comment__moderated,
.comment__header .comment__deleted {
  font-style: italic;
  color: #726a70;
}
.comment__header__context-menu {
  position: relative;
  margin-left: auto;
}
.comment__header__context-menu label {
  transform: rotate(90deg);
  cursor: pointer;
}
.comment__header__context-menu__content {
  list-style-type: none;
  width: -moz-max-content;
  width: max-content;
  min-width: 180px;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.comment__header__context-menu__content-item {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: baseline;
  gap: 1rem;
  cursor: pointer;
}
.comment__header__context-menu__content-item span {
  line-height: 1.6;
}
.comment__header__context-menu__content li:hover {
  background-color: #f4f4f4;
}
.comment__header__context-menu__content li:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
.comment__content {
  padding: 1rem 0 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.comment__content > :last-child {
  margin-bottom: 0;
}
.comment__content p:empty {
  display: none;
}
.comment__additionalreply {
  padding: 1rem;
  font-size: 90%;
}
.comment__additionalreply::before, .comment__additionalreply::after {
  display: table;
  content: " ";
}
.comment__additionalreply::after {
  clear: both;
}
.comment__footer {
  padding: 1rem;
  font-size: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.comment--nested {
  background: #d4e5ff;
  background: var(--blue-warm-vivid-10);
  padding: 16px;
}
.comment--nested.comment--nested--alt {
  background: #fff;
}
.comment--nested:first-of-type {
  margin-top: 0;
}
.comment__actions {
  display: flex;
  flex-wrap: wrap;
}
.comment__actions > button,
.comment__actions a {
  cursor: pointer;
  margin-top: 0.5rem;
}
span.message-title i.fa.fa-info-circle.fa-md {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.comment__reply,
.comment__reply[data-toggle] {
  float: left;
  color: #726a70;
  margin-right: 0.75rem;
  margin-bottom: 0;
}
.comment__reply span,
.comment__reply[data-toggle] span {
  margin-right: 0;
}
.comment__reply.muted-link,
.comment__reply[data-toggle].muted-link {
  color: #1351b4;
}
.comment__reply.muted-link:hover,
.comment__reply[data-toggle].muted-link:hover {
  color: #10469b;
  text-decoration: none;
}
.comment__votes {
  float: right;
  margin-top: 0.5rem;
}
.comment__votes form.button_to {
  display: inline-block;
}
.comment__votes--up {
  color: #726a70;
}
.comment__votes--up .icon {
  color: #57d685;
}
.comment__votes--up:hover, .comment__votes--up.is-vote-selected {
  color: #31c968;
}
.comment__votes--up:hover .icon, .comment__votes--up.is-vote-selected .icon {
  color: inherit;
}
.comment__votes--up.is-vote-notselected {
  color: #726a70;
  opacity: 0.3;
}
.comment__votes--up.is-vote-notselected .icon {
  color: inherit;
}
.comment__votes--down {
  color: #726a70;
  padding-left: 0.3rem;
}
.comment__votes--down .icon {
  color: #ec5840;
}
.comment__votes--down:hover, .comment__votes--down.is-vote-selected {
  color: #e23317;
}
.comment__votes--down:hover .icon, .comment__votes--down.is-vote-selected .icon {
  color: inherit;
}
.comment__votes--down.is-vote-notselected {
  color: #726a70;
  opacity: 0.3;
}
.comment__votes--down.is-vote-notselected .icon {
  color: inherit;
}
.comment__quote {
  border-left-width: 6px;
  font-size: 80%;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 1rem;
  margin-bottom: 1rem;
}
.comment__quote > p:last-of-type {
  margin-bottom: 0;
}
.comment__quote > br {
  display: none;
}
/* Comment form */
.comment__quote {
  border-left-width: 6px;
  font-size: 80%;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 1rem;
  margin-bottom: 1rem;
}
.comment__quote > p:last-child {
  margin-bottom: 0;
}
.add-comment {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  gap: 1rem;
}
.add-comment a:hover {
  text-decoration: underline;
}
.add-comment .button, .add-comment .meeting-polls__button {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .add-comment {
    padding-right: 1rem;
  }
}
.add-comment-bg {
  border-radius: 10px;
  padding: 0;
}
.add-comment--reply {
  display: none;
}
.add-comment--reply.is-active {
  display: block;
}
/* Comments toggle */
.comment__text-is-open {
  display: none;
}
.comment__is-open .comment__text-is-open {
  display: inline;
}
.comment__is-open .comment__text-is-closed {
  display: none;
}
.comments-extra-info {
  display: none;
}
.comment-threads.participatory-text-initial-page .comments-extra-info {
  display: block;
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  padding: 0.5rem;
}
/* Variables */
/* Messages */
.unread_message__counter {
  background-color: #1351b4;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-left: auto;
  margin-right: 5%;
  width: 25px;
}
.unread_message__counter span {
  display: block;
  line-height: 25px;
  text-align: center;
}
/* Message form */
.add-message {
  padding: 1rem;
}
.add-message .button, .add-message .meeting-polls__button {
  margin-bottom: 0;
}
.opinion-toggle {
  margin: 2rem 0;
  display: flex;
  text-align: center;
}
.opinion-toggle--ok.is-inactive,
.opinion-toggle--ko.is-inactive,
.opinion-toggle--meh.is-inactive {
  opacity: 0.3;
}
.opinion-toggle--ok {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.opinion-toggle--ok:hover, .opinion-toggle--ok:focus, .opinion-toggle--ok.is-active {
  background-color: #57d685;
}
.opinion-toggle--ok .icon {
  vertical-align: middle;
}
.opinion-toggle--ko {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.opinion-toggle--ko:hover, .opinion-toggle--ko:focus, .opinion-toggle--ko.is-active {
  background-color: #ec5840;
}
.opinion-toggle--ko .icon {
  vertical-align: middle;
}
.opinion-toggle--meh {
  border-radius: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.opinion-toggle--meh:hover, .opinion-toggle--meh:focus, .opinion-toggle--meh.is-active {
  background-color: #1351b4;
  background-color: var(--secondary);
}
.flag ul {
  list-style: none;
  margin-left: 0;
}
.flag li a {
  color: #1351b4;
}
.author-data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #1351b4;
  color: var(--secondary);
  font-size: 0.9rem;
  padding-left: 30px;
  position: relative;
}
.author-data .author__name {
  color: #1351b4;
  color: var(--secondary);
  margin-bottom: 0;
}
.author-data .author__avatar {
  position: absolute;
  margin-left: -30px;
}
.author-data--small {
  padding-left: 25px;
}
.author-data--big {
  padding-left: 0;
}
.author-data--big .author-data__main {
  margin: 0;
}
.author-data--big .author--flex,
.author-data--big .author__name--container {
  display: flex;
  align-items: center;
  max-width: 20%;
}
.author-data--big .author__avatar {
  position: relative;
  margin-left: 0;
}
.author-data--big .author__avatar img {
  margin-top: auto;
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-data--big .author__nickname {
  font-size: 0.9375rem;
}
.author-data--big .author__verified {
  margin-left: 0.25rem;
}
.author-data--nopadding {
  padding-left: 0;
}
.author-data__main {
  display: inline;
  margin-right: 0.8rem;
}
.author-data__extra {
  display: inline-block;
}
.author-data__extra > button,
.author-data__extra > span,
.author-data__extra > a {
  margin-right: 1rem;
}
@media print, screen and (min-width: 64em) {
  .author-data__extra::before {
    content: "";
    margin-right: 0.8rem;
    border-right: 1px solid #e8e8e8;
    height: 0.7rem;
    display: inline-block;
    vertical-align: middle;
  }
}
.author {
  display: flex;
  font-size: 0.9rem;
}
.author--inline {
  display: inline-block;
}
.author--inline span {
  padding-right: 5px;
}
.author__name {
  display: inline-block;
  flex-grow: 1;
  font-weight: 600;
  align-self: center;
  color: #726a70;
  overflow: hidden;
  text-overflow: ellipsis;
}
a:hover .author__name {
  color: inherit;
  text-decoration: underline;
}
.author__avatar {
  padding: 0 0.5em 0 0;
  display: inline-block;
  display: flex;
  flex-direction: column;
  align-self: center;
}
.author--inline .author__avatar {
  display: inline-flex;
}
.author__avatar img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-data .author__avatar--small {
  margin-left: -25px;
}
.author__avatar--small img {
  width: 20px;
  height: 20px;
  margin-top: -3px;
}
.author__date {
  display: block;
  color: #726a70;
  font-size: 90%;
}
.author__verified,
.author__badge svg {
  display: inline-block;
  vertical-align: middle;
  color: #1351b4;
  color: var(--primary);
}
.profile__tootltip {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 150px;
  max-width: 200px;
}
.author__data--container {
  display: flex;
  gap: 0.25rem;
}
.author__credentials--container {
  display: flex;
  flex-direction: column;
  max-width: 100px;
}
.author__credentials--container .author__name--container,
.author__credentials--container .author__nickname {
  font-size: 14px !important;
  font-size: var(--font-size-14) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  text-wrap: nowrap;
}
.author__credentials--container .author__nickname,
.author__credentials--container .author__name--container a {
  max-width: -webkit-fill-available;
}
.author__credentials--container .author__nickname {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltip--flex {
  gap: 1rem;
}
.tooltip-follow-up {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
}
.user-follow-stats {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
}
/* Card address */
.address {
  display: flex;
}
.address::before, .address::after {
  display: table;
  content: " ";
}
.address::after {
  clear: both;
}
.address--alone {
  flex-grow: 1;
}
.address__info {
  display: flex;
  flex-grow: 1;
}
.address__icon {
  float: left;
  display: flex;
  align-self: center;
  fill: #1351b4;
  fill: var(--primary);
}
.address__details {
  float: left;
  max-width: 100%;
  padding-left: 0.5em;
  align-self: center;
}
/* Order by styles */
.diff-view-by,
.order-by {
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.diff-view-by a:hover,
.order-by a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 40em) {
  .diff-view-by + .diff-view-by,
  .diff-view-by + .order-by,
  .order-by + .diff-view-by,
  .order-by + .order-by {
    margin-left: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .diff-view-by + .diff-view-by,
  .diff-view-by + .order-by,
  .order-by + .diff-view-by,
  .order-by + .order-by {
    margin-left: 3rem;
  }
}
.diff-view-by__dropdown,
.order-by__dropdown {
  display: flex;
  flex-wrap: wrap;
}
.diff-view-by__dropdown .menu .is-dropdown-submenu-parent > a,
.order-by__dropdown .menu .is-dropdown-submenu-parent > a {
  background: transparent;
  padding: 0;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
.order-by__dropdown--right {
  margin-left: auto;
}
.order-by__action {
  margin-left: auto;
  justify-content: flex-end;
}
.order-by__action .button, .order-by__action .meeting-polls__button {
  margin-bottom: 0;
}
.order-by__tabs {
  display: inline-block;
}
.order-by__tab {
  color: #726a70;
}
.order-by__tab::after {
  content: "";
  display: inline-block;
  height: 0.75em;
  border-left: 1px solid #e8e8e8;
  margin: 0 0.2em 0 0.5em;
  vertical-align: middle;
}
.order-by__tab.is-active {
  color: #1351b4;
}
.order-by__tab:first-of-type {
  padding-left: 0;
}
.order-by__tab:last-of-type::after {
  border-left: none;
}
/* Tags */
.tags {
  list-style: none;
  margin: 0 0 1rem;
  font-size: 90%;
}
.tags li {
  display: inline-block;
  margin-right: 0.3rem;
  margin-bottom: 0.5rem;
}
.tags a {
  display: inline-block;
  border: 1px solid #e8e8e8;
  padding: 0 0.5rem;
}
.tags a:hover {
  text-decoration: underline;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags--inline {
  display: inline;
}
.tags--list li {
  display: block;
}
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.input__tag {
  background-color: rgba(232, 232, 232, 0.5);
  border-radius: 4px;
  padding: 0.25rem;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input__tag span {
  color: #1351b4;
}
.bootstrap-tagsinput {
  width: 100%;
  border: 1px solid #e8e8e8;
  min-height: 2.5rem;
  padding-bottom: 0.05rem;
}
.bootstrap-tagsinput.focus {
  outline: none;
  border: 1px solid #2c2930;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.bootstrap-tagsinput input {
  height: 1.8125rem;
  display: inline-block;
}
.bootstrap-tagsinput .tag {
  color: inherit;
  margin-right: 0;
  margin-bottom: 0.2rem;
}
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}
.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #efefef;
}
.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}
.tribute-container li.highlight {
  background: #ddd;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}
.mentions__container,
.hashtags__container {
  width: 100%;
}
.mentions__container [type=text],
.hashtags__container [type=text] {
  white-space: nowrap;
  overflow: hidden;
}
.mentions__container [type=text] br,
.hashtags__container [type=text] br {
  display: none;
}
.mentions__container [type=text] *,
.hashtags__container [type=text] * {
  display: inline;
  white-space: nowrap;
}
.mentions__container [contenteditable=true]:empty::before,
.hashtags__container [contenteditable=true]:empty::before {
  color: #e8e8e8;
  content: attr(placeholder);
  display: block;
}
.mentions__container.mentions__container--textarea [contenteditable=true], .mentions__container.hashtags__container--textarea [contenteditable=true],
.hashtags__container.mentions__container--textarea [contenteditable=true],
.hashtags__container.hashtags__container--textarea [contenteditable=true] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield-multiline;
  appearance: textfield;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #1a181d;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  max-width: 100%;
  min-height: 7.5rem;
  height: auto;
}
.mentions__container.mentions__container--textarea [contenteditable=true]:focus, .mentions__container.hashtags__container--textarea [contenteditable=true]:focus,
.hashtags__container.mentions__container--textarea [contenteditable=true]:focus,
.hashtags__container.hashtags__container--textarea [contenteditable=true]:focus {
  outline: none;
  border: 1px solid #2c2930;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.mentions__container.mentions__container--textarea [contenteditable=true]::-moz-placeholder, .mentions__container.hashtags__container--textarea [contenteditable=true]::-moz-placeholder, .hashtags__container.mentions__container--textarea [contenteditable=true]::-moz-placeholder, .hashtags__container.hashtags__container--textarea [contenteditable=true]::-moz-placeholder {
  color: #e8e8e8;
}
.mentions__container.mentions__container--textarea [contenteditable=true]::placeholder, .mentions__container.hashtags__container--textarea [contenteditable=true]::placeholder,
.hashtags__container.mentions__container--textarea [contenteditable=true]::placeholder,
.hashtags__container.hashtags__container--textarea [contenteditable=true]::placeholder {
  color: #e8e8e8;
}
.mentions__container.mentions__container--textarea [contenteditable=true]:disabled, .mentions__container.mentions__container--textarea [contenteditable=true][readonly], .mentions__container.hashtags__container--textarea [contenteditable=true]:disabled, .mentions__container.hashtags__container--textarea [contenteditable=true][readonly],
.hashtags__container.mentions__container--textarea [contenteditable=true]:disabled,
.hashtags__container.mentions__container--textarea [contenteditable=true][readonly],
.hashtags__container.hashtags__container--textarea [contenteditable=true]:disabled,
.hashtags__container.hashtags__container--textarea [contenteditable=true][readonly] {
  background-color: #fafafa;
  cursor: not-allowed;
}
.mentions__container .tribute-container,
.hashtags__container .tribute-container {
  position: relative;
  min-width: 100%;
  top: -1.0625rem;
  color: #1351b4;
}
.mentions__container .tribute-container ul,
.hashtags__container .tribute-container ul {
  margin: 0;
  list-style: none;
  outline: none;
  border: 1px solid #2c2930;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 5px #e8e8e8;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.mentions__container .tribute-container ul li,
.hashtags__container .tribute-container ul li {
  padding: 0.5rem;
  border-top: 1px solid #e8e8e8;
}
.mentions__container .tribute-container .highlight,
.mentions__container .tribute-container li:hover,
.hashtags__container .tribute-container .highlight,
.hashtags__container .tribute-container li:hover {
  background-color: #fafafa;
}
.mentions__container .tribute-container .tribute-item .author__avatar,
.hashtags__container .tribute-container .tribute-item .author__avatar {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.mentions__container .tribute-container .tribute-item .is-group,
.hashtags__container .tribute-container .tribute-item .is-group {
  height: 1.6rem;
  float: right;
  font-weight: normal;
}
.mentions__container .tribute-container .tribute-item .is-group svg,
.hashtags__container .tribute-container .tribute-item .is-group svg {
  vertical-align: middle;
}
.mentions__container.is-active [contenteditable=true],
.mentions__container.is-active input,
.mentions__container.is-active textarea,
.hashtags__container.is-active [contenteditable=true],
.hashtags__container.is-active input,
.hashtags__container.is-active textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mentions__container.is-active .tribute-container ul,
.hashtags__container.is-active .tribute-container ul {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mentions__container.is-active.editor > :first-child,
.hashtags__container.is-active.editor > :first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 1px solid #2c2930;
  border-right: 1px solid #2c2930;
  border-left: 1px solid #2c2930;
}
.mentions__container.is-active.editor .editor-container,
.hashtags__container.is-active.editor .editor-container {
  border-right: 1px solid #2c2930;
  border-left: 1px solid #2c2930;
  margin-bottom: 1rem;
  outline: none;
}
.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}
.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #efefef;
}
.tribute-container li {
  padding: 5px 5px;
  cursor: pointer;
}
.tribute-container li.highlight {
  background: #ddd;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}
.multiple-mentions input::-moz-placeholder {
  color: #3d393c;
}
.multiple-mentions input::placeholder {
  color: #3d393c;
}
.multiple-mentions-selected {
  font-size: 1.3rem;
  line-height: 1.8;
  list-style: none;
  margin: 1rem 0 0;
}
.multiple-mentions-selected button {
  cursor: pointer;
}
.multiple-mentions-selected img.author__avatar {
  display: inline-block;
  padding: 0;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.multiple-mentions-selected li b {
  font-size: 0.875rem;
}
.list-docs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-docs__icon {
  color: #726a70;
  margin-right: 3px;
}
.list-check {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-check > li {
  margin-bottom: 1rem;
}
.list-check__icon {
  vertical-align: -0.05rem;
  margin-right: 0.2rem;
}
.list-check__ok .list-check__icon {
  color: #57d685;
}
.list-check__ko .list-check__icon {
  color: #ec5840;
}
.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  font-size: 90%;
  line-height: 18px;
}
.datepicker.dropdown-menu th {
  padding: 4px 5px;
}
.datepicker.dropdown-menu td {
  padding: 6px 9px;
}
.datepicker table {
  border: 0;
  margin: 0;
  width: auto;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker td {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 90%;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}
.datepicker td.active.day,
.datepicker td.active.year {
  background: #1351b4;
}
.datepicker .day:hover,
.datepicker .date-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .month:hover,
.datepicker .year:hover {
  background-color: #fafafa;
}
.datepicker .day:hover.active,
.datepicker .date-switch:hover.active,
.datepicker .prev:hover.active,
.datepicker .next:hover.active,
.datepicker .month:hover.active,
.datepicker .year:hover.active {
  background: #1351b4;
}
.datepicker td.new,
.datepicker td.old {
  color: #e8e8e8;
}
.datepicker td span.active {
  background: #1351b4;
}
.datepicker td.day.disabled {
  color: #fafafa;
}
.datepicker td span.month.disabled,
.datepicker td span.year.disabled {
  color: #fafafa;
}
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 90%;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer;
}
.datepicker th.active.day,
.datepicker th.active.year {
  background: #1351b4;
}
.datepicker th.date-switch {
  width: 145px;
}
.datepicker th span.active {
  background: #1351b4;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown::before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker-dropdown::after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div,
.datepicker-dropdown::after,
.datepicker-dropdown::before {
  display: none;
}
.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.pagination .pagination-previous,
.pagination .pagination-next {
  display: inline-block;
}
.data-picker {
  margin: 0 0 1rem;
}
.data-picker.picker-single .picker-values div a,
.data-picker .picker-prompt a {
  background: white;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 0.4rem 0.7rem;
  outline: 0;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  color: #1a181d;
}
.data-picker.picker-single .picker-values div a:active, .data-picker.picker-single .picker-values div a:focus,
.data-picker .picker-prompt a:active,
.data-picker .picker-prompt a:focus {
  outline: 2px solid #1351b4;
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
  border: 1px solid #1a181d;
  background-color: #fff;
  box-shadow: 0 0 5px #adadad;
  -webkit-box-shadow: 0 0 5px #adadad;
  transition: border-color 0.25s ease-in-out;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
.data-picker.picker-single .picker-values div a::after,
.data-picker .picker-prompt a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1a181d;
  float: right;
  margin-top: 7px;
}
.data-picker.is-invalid-input.picker-single .picker-values div a, .data-picker.is-invalid-input .picker-prompt a {
  border-color: #ec5840;
  background-color: #fdeeec;
}
.data-picker.picker-single .picker-values:not(:empty) + .picker-prompt {
  display: none;
}
.data-picker.disabled.picker-single .picker-values div a, .data-picker.disabled .picker-prompt a {
  cursor: not-allowed;
  background: #eee;
}
.data-picker.disabled.picker-single .picker-values div a:active, .data-picker.disabled .picker-prompt a:active {
  border: inherit !important;
  box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  transition: none !important;
  -webkit-transition: none !important;
}
.data-picker.picker-multiple .picker-values {
  margin-top: 0.25rem;
}
.data-picker.picker-multiple .picker-values div {
  display: flex;
  width: 100%;
  height: 2.5rem;
  margin: 0;
}
.data-picker.picker-multiple .picker-values div input {
  margin: 2px 8px 8px 2px;
  vertical-align: top;
}
.data-picker .picker-values .label.primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #adadad;
  border-bottom: 1px solid var(--gray-30);
  color: #155bcb;
  color: var(--blue-warm-vivid-60);
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  background: #fff;
  background: var(--pure-0);
  padding: 0.75rem 1rem;
  width: inherit;
  margin: 0;
  gap: 1rem;
}
.data-picker .picker-values .label.primary .fa-circle-xmark {
  font-size: 1.25rem;
}
#data_picker-modal {
  height: 90%;
}
#data_picker-modal .data_picker-modal-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 100%;
}
#data_picker-modal .data_picker-modal-content .picker-content {
  flex-grow: 10;
  min-height: 100%;
  max-height: 100%;
  overflow: auto;
}
#data_picker-modal .data_picker-modal-content .picker-content .picker-scrollable-content {
  max-height: 100%;
  overflow: auto;
}
#data_picker-modal .data_picker-modal-content h1 {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 1.25rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
}
#data_picker-modal .data_picker-modal-content #proposals_filter {
  border: 0;
  border-radius: 8px;
  background: #f8f8f8;
  background: var(--gray-2);
  margin: 1.25rem 0;
  overflow: hidden;
  color: #000;
  color: var(--pure-100);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
#data_picker-modal .data_picker-modal-content .picker-footer {
  margin-top: 1rem;
}
.picker-list ul {
  margin-left: 0;
}
.picker-list ul li {
  list-style: none;
}
.picker-list::-webkit-scrollbar {
  width: 0.5rem;
}
.picker-list::-webkit-scrollbar-track {
  background-color: #f6f6f6;
  background-color: var(--gray-3);
}
.picker-list::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #ccc;
  background: var(--gray-20);
}
.scope-picker.picker-header {
  padding: 5px;
}
.scope-picker.picker-header li:hover {
  background: #ddd;
}
.scope-picker.picker-header li ~ li a::before {
  content: "";
  width: 10px;
  height: 2em;
  float: left;
}
.scope-picker.picker-header li:last-child a {
  color: #333;
}
.scope-picker.picker-header a {
  display: block;
  padding: 2px;
}
.scope-picker.picker-content .picker-scrollable-content {
  scroll-snap-type: mandatory;
}
.scope-picker.picker-content .picker-scrollable-content a {
  scroll-snap-coordinate: 0 0;
  display: block;
  border-top: 1px solid #ddd;
  line-height: 1.5rem;
  padding: 5px;
}
.scope-picker.picker-content .picker-scrollable-content a:hover {
  background: #ddd;
}
#participatory-space-filters legend {
  float: left;
  padding-top: 10px;
}
#participatory-space-filters .picker-prompt,
#participatory-space-filters select,
#participatory-space-filters .inline-filters button[data-toggle],
.inline-filters #participatory-space-filters button[data-toggle] {
  width: 75%;
  float: right;
}
#participatory-space-filters .filters__section, #participatory-space-filters .filters__section--general {
  padding: 0;
}
#participatory-space-filters .picker-values {
  clear: both;
}
#participatory-space-filters .picker-values div {
  display: inline-block;
}
.buttons.button--double {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.buttons.button--double .button, .buttons.button--double .meeting-polls__button,
.buttons.button--double .button.hollow:hover {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
/* Progress bars */
.progress__bar {
  flex: 0.8 1;
}
.progress__bar .progress__bar__title, .progress__bar.progress__bar--vertical .progress__bar__subtitle {
  color: #726a70;
  font-size: 0.875rem;
}
.progress__bar .progress__bar__subtitle {
  display: none;
}
.progress__bar .progress__bar__bar {
  background-color: #fff;
  height: 6px;
  display: flex;
  margin-bottom: 0;
}
.progress__bar .progress__bar__bar .progress__bar__bar--complete {
  border-radius: 0;
  background-color: #57d685;
  height: 100%;
}
.progress__bar .progress__bar__bar .progress__bar__bar--incomplete {
  background-color: rgba(114, 106, 112, 0.3);
  height: 100%;
  margin-left: 1px;
}
.progress__bar.progress__bar--vertical {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
.progress__bar.progress__bar--vertical .progress__bar__title, .progress__bar.progress__bar--vertical .progress__bar__subtitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.progress__bar.progress__bar--vertical .progress__bar__subtitle {
  display: block;
  font-size: 0.875rem;
  margin: 0.5rem 0 1rem;
}
.progress__bar.progress__bar--vertical .progress__bar__number {
  display: inline-block;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1;
}
.progress__bar.progress__bar--vertical .progress__bar__text {
  font-weight: 600;
  text-transform: uppercase;
}
.progress__bar.progress__bar--horizontal {
  margin-bottom: 0.35rem;
}
.docs__container .docs-collection-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--gray-20);
  padding: 1rem;
  height: 3.75rem;
  width: 100%;
}
.docs__container .docs-collection-label strong {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.docs__container .docs-collection-label i.fa-solid {
  font-size: 1.25rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.docs__container .docs-collection-label[aria-expanded~=false] {
  border-bottom: none;
}
.docs__container .docs-collection-label[aria-expanded~=false] i.fa-solid {
  transform: rotate(180deg);
}
.docs__container .docs-collection-label:focus {
  outline: none;
}
.docs__container h6 {
  cursor: pointer;
}
.docs__container svg {
  color: #e8e8e8;
}
.docs__container .docs__content {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.docs__container .docs__content .card--list {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0 0;
  gap: 1rem;
}
.docs__header-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  gap: 2rem;
}
.docs__header-container .br-magic-button {
  margin: 0;
}
.docs__title-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.docs__title-container .section-heading {
  font-size: 2rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: left;
  margin: 0;
}
.docs__title-container p {
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: left;
  margin: 0;
}
#profile-tabs.tabs {
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1rem;
}
#profile-tabs.tabs .tabs-title.is-active a {
  background: transparent;
  color: #1351b4;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 3px solid #1351b4;
  border-bottom: 3px solid var(--primary);
}
#profile-tabs.tabs .tabs-title a {
  color: #1351b4;
  padding: 0.75rem;
  position: relative;
}
#profile-tabs.tabs .tabs-title a:focus, #profile-tabs.tabs .tabs-title a[aria-selected=true] {
  background: transparent;
  color: #1351b4;
  color: var(--primary);
  font-weight: 600;
  border-bottom: 3px solid #1351b4;
  border-bottom: 3px solid var(--primary);
}
#profile-tabs.tabs .tabs-title a:hover {
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-width: 3px;
}
#profile-tabs.tabs .tabs-title a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
[data-tabs-content=profile-tabs] {
  border-top: 0;
  background: transparent;
  color: inherit;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 639px) {
  .responsive-tab-block {
    overflow: hidden;
    height: 44px;
  }
  .responsive-tab-block > ul.tabs {
    flex-direction: column;
  }
  .responsive-tab-block > ul.tabs > li {
    flex: 0 0 auto;
  }
  .responsive-tab-block > ul.tabs > li.is-active {
    order: -1;
  }
  .responsive-tab-block > ul.tabs > li.is-active::before {
    display: block;
    content: " ";
    font-weight: normal;
    float: right;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
    margin-top: 20px;
  }
  .responsive-tab-block > ul.tabs > li.is-active > a:focus {
    outline: 0 !important;
  }
  .responsive-tab-block > ul.tabs > li > a {
    border-bottom: 3px solid transparent;
    color: green;
  }
  .responsive-tab-block > ul.tabs > li > a:focus {
    outline: 0 !important;
  }
  .responsive-tab-block.expanded {
    height: auto;
  }
  .responsive-tab-block.expanded > ul.tabs > li.is-active::before {
    transform: rotate(180deg);
  }
}
.conversation .conversation-header {
  border-bottom: 1px solid #e8e8e8;
}
.conversation .conversation-header h1 {
  font-size: 100%;
  font-weight: normal;
}
.conversation .conversation-header img {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
}
.conversation .conversation-chat {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  width: 75%;
}
.conversation .conversation-chat > * {
  margin: 0 0.5rem;
}
.conversation .conversation-chat > :first-child {
  margin-left: 0;
}
.conversation .conversation-chat > :last-child {
  margin-right: 0;
}
.conversation .conversation-chat.conversation-chat--offset {
  flex-direction: row-reverse;
  display: flex;
  flex-direction: row-reverse;
  margin-left: auto;
}
.conversation .conversation-chat.conversation-chat--offset > * {
  margin: 0 0.5rem;
}
.conversation .conversation-chat.conversation-chat--offset > :last-child {
  margin-left: 0;
}
.conversation .conversation-chat.conversation-chat--offset > :first-child {
  margin-right: 0;
}
.conversation .conversation-chat > :first-child {
  flex-shrink: 0;
}
.conversation .conversation-chat > div {
  flex: 1 1;
}
.conversation .conversation-chat .p-s > p:last-child, .conversation .conversation-chat .reveal__list li > p:last-child, .reveal__list .conversation .conversation-chat li > p:last-child {
  margin-bottom: 0;
}
.conversation .conversation-chat img {
  width: 2.0625rem;
  height: 2.0625rem;
  border-radius: 50%;
}
.conversation .conversation-chat .card, .conversation .conversation-chat .chart-tooltip, .conversation .conversation-chat .conference-registration, .conversation .conversation-chat .conference-speaker .speaker-bio, .conference-speaker .conversation .conversation-chat .speaker-bio, .conversation .conversation-chat .comment-thread, .conversation .conversation-chat .add-message {
  margin-bottom: 0.5rem;
}
.conversation .conversation-chat .card:last-of-type, .conversation .conversation-chat .chart-tooltip:last-of-type, .conversation .conversation-chat .conference-registration:last-of-type, .conversation .conversation-chat .conference-speaker .speaker-bio:last-of-type, .conference-speaker .conversation .conversation-chat .speaker-bio:last-of-type, .conversation .conversation-chat .comment-thread:last-of-type, .conversation .conversation-chat .add-message:last-of-type {
  margin-bottom: 0;
}
.conversation .conversation-reply {
  width: 75%;
}
.conversation .conversation-reply.conversation-reply--offset {
  margin-left: auto;
}
.conversations .card--list__item {
  align-items: stretch;
}
.conversation-groups .title-action {
  margin-bottom: 0.8rem;
}
.user-activity .conversation .conversation-reply {
  width: 100%;
}
.disabled-tribute-element {
  color: #726a70;
}
.disabled-tribute-element span.disabled-tribute-element-info {
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
}
.tribute-container .disabled-tribute-element {
  cursor: auto;
  margin: -5px;
  padding: 5px;
  z-index: 10;
}
.badge-level {
  display: table;
  border-collapse: collapse;
}
.badge-level > div {
  width: 1rem;
  height: 1rem;
  border: 1px solid #e8e8e8;
  display: table-cell;
}
.badge-level > div.is-achieved {
  background-color: #168821;
  background-color: var(--success);
}
.badge-tip {
  width: 1rem;
  height: 1rem;
  color: #fff;
  border-radius: 50%;
  background-color: #e8e8e8;
  z-index: 10;
  cursor: pointer;
}
.badge-tip > :first-child {
  height: 100%;
}
.badge-tip.badge-tip--inline {
  display: inline-block;
}
.badge-container {
  transition: all 0.6s ease;
  /** Config SVG colors **/
}
.badge-container .badge__logo, .badge-container .badge__logo--small {
  max-height: auto;
  min-height: auto;
}
.badge-container .badge__logo--small {
  border: 2px solid #1351b4;
  border: 2px solid var(--primary);
}
.badge-container > * {
  max-width: 100%;
  height: auto;
  border: 4px solid #1351b4;
  border: 4px solid var(--primary);
  border-radius: 50%;
  transition: all 0.6s ease;
}
.badge-container .no-stroke,
.badge-container .no-stroke circle,
.badge-container .no-stroke ellipse,
.badge-container .no-stroke line,
.badge-container .no-stroke path,
.badge-container .no-stroke polygon,
.badge-container .no-stroke polyline,
.badge-container .no-stroke rect {
  stroke: none !important;
}
.badge-container .stroke-white,
.badge-container .stroke-white circle,
.badge-container .stroke-white ellipse,
.badge-container .stroke-white line,
.badge-container .stroke-white path,
.badge-container .stroke-white polygon,
.badge-container .stroke-white polyline,
.badge-container .stroke-white rect {
  stroke: #fff !important;
}
.badge-container .fill-primary {
  fill: #1351b4;
  fill: var(--secondary);
}
.badge-container .fill-secondary {
  fill: #1351b4;
  fill: var(--primary);
}
.badge-container .stroke-primary,
.badge-container .stroke-primary circle,
.badge-container .stroke-primary ellipse,
.badge-container .stroke-primary line,
.badge-container .stroke-primary path,
.badge-container .stroke-primary polygon,
.badge-container .stroke-primary polyline,
.badge-container .stroke-primary rect {
  stroke: #1351b4;
  stroke: var(--secondary);
}
.badge-container .stroke-secondary,
.badge-container .stroke-secondary circle,
.badge-container .stroke-secondary ellipse,
.badge-container .stroke-secondary line,
.badge-container .stroke-secondary path,
.badge-container .stroke-secondary polygon,
.badge-container .stroke-secondary polyline,
.badge-container .stroke-secondary rect {
  stroke: #1351b4;
  stroke: var(--primary);
}
.hover-section:hover {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 20px 0 rgba(26, 24, 29, 0.2);
  display: flex;
  justify-content: center;
  align-items: stretch;
  cursor: pointer;
}
.hover-section:hover > :first-child {
  border-right: 1px solid #e8e8e8;
}
.hover-section:hover .hidden-section {
  display: block;
  align-self: center;
}
.hover-section a {
  color: inherit;
}
.hover-section .hidden-section {
  display: none;
}
.list-request {
  border-top: 1px solid #e8e8e8;
}
.list-request p {
  margin-top: 1rem;
}
.list-request > div {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e8e8e8;
}
.list-request > div:first-of-type {
  border-top: 1px solid #e8e8e8;
}
.floating-helper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.floating-helper__layout {
  position: relative;
}
.floating-helper__trigger {
  position: fixed;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  background-color: #fff;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.floating-helper__trigger:active, .floating-helper__trigger:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
@media print, screen and (max-width: 28.12375em) {
  .floating-helper__trigger {
    bottom: 2rem;
  }
}
@media print, screen and (min-width: 40em) {
  .floating-helper__trigger {
    top: 2rem;
    position: absolute;
  }
}
.floating-helper__text {
  color: #1351b4;
  color: var(--secondary);
  background-color: rgba(57, 116, 127, 0.1);
  background-color: rgba(var(--secondary-rgb), 0.1);
  font-size: 0.875rem;
  font-weight: 600;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  padding: 0.125rem 0.5rem 0.125rem 1rem;
}
.floating-helper__icon {
  color: #fff;
  background-color: #1351b4;
  background-color: var(--secondary);
  padding: 0.125rem 0.5rem;
}
.floating-helper__wrapper {
  display: flex;
}
.floating-helper__content {
  background-color: rgba(57, 116, 127, 0.1);
  background-color: rgba(var(--secondary-rgb), 0.1);
  border-top: 5px solid #1351b4;
  border-top: 5px solid var(--secondary);
  margin-bottom: 3rem;
  padding: 2rem;
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .floating-helper__content {
    padding: 3rem 2rem 2rem;
  }
}
.floating-helper__content-inner {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .floating-helper__content-inner {
    display: flex;
    flex-direction: row;
  }
  .floating-helper__content-inner > * {
    margin: 0 1.5rem;
  }
  .floating-helper__content-inner > :first-child {
    margin-left: 0;
  }
  .floating-helper__content-inner > :last-child {
    margin-right: 0;
  }
}
.floating-helper__icon-big {
  border-radius: 50%;
  background-color: rgba(57, 116, 127, 0.1);
  background-color: rgba(var(--secondary-rgb), 0.1);
  flex-shrink: 0;
  color: #1351b4;
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
}
.floating-helper__bottom {
  text-align: right;
}
@media print, screen and (min-width: 40em) {
  .floating-helper__bottom {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.floating-helper__link {
  font-weight: 600;
  text-decoration: underline;
}
.floating-helper__content-close {
  background-color: #1351b4;
  background-color: var(--secondary);
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}
.floating-helper__content-close:active, .floating-helper__content-close:focus {
  color: #fff;
}
.diff-direction-label {
  display: block;
  font-size: 85%;
  line-height: 1;
  margin-bottom: 0.25rem;
  color: #726a70;
}
.diff ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  min-height: 2.7rem;
}
.diff del,
.diff ins,
.diff span {
  white-space: pre-wrap;
}
.diff del,
.diff ins {
  display: block;
  text-decoration: none;
}
.diff del strong {
  font-weight: normal;
  background: #ffc7cd;
}
.diff ins strong {
  font-weight: normal;
  background: #bfffd1;
}
.diff li {
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  margin: 0;
}
.diff li.ins .symbol, .diff li.del .symbol {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  width: 1rem;
}
.diff li.ins {
  background: #e6ffed;
  color: #2d4c36;
}
.diff li.del {
  background: #ffeef0;
  color: #4d2e32;
}
.diff li .diff-comment {
  display: none;
}
.diff li .diff-block-info {
  background: none repeat scroll 0 0 gray;
}
.sticky .card, .sticky .chart-tooltip, .sticky .conference-registration, .sticky .conference-speaker .speaker-bio, .conference-speaker .sticky .speaker-bio, .sticky .comment-thread, .sticky .add-message {
  width: 100%;
}
#notifications .card-data__item--expand {
  align-items: stretch;
}
.stats-heading {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
  justify-content: center;
  padding: 0;
  margin: 45px;
}
.stats-sections-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 120px;
}
.stats-sections-container .stats-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
  width: 100%;
  padding: 0 1rem;
  justify-content: center;
  align-items: center;
}
.stats-card {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  width: 100%;
}
.stats-card:hover {
  background-color: #dbe8fb;
  background-color: var(--blue-10);
}
.stats-card h2 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 400;
  font-size: 2rem;
  margin: 0;
  padding: 0;
}
.stats-card h5 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .stats-sections-container .stats-container {
    flex-direction: row;
    width: 760px;
  }
  .stats-card {
    max-width: 266px;
  }
}
.autoComplete_wrapper {
  width: 100%;
}
.autoComplete_wrapper input {
  color: #1a181d;
  width: 100%;
  margin: 0;
}
.autoComplete_wrapper ul {
  position: relative;
  margin: 0;
}
.autoComplete_wrapper ul li {
  color: #1351b4;
}
.autoComplete_wrapper ul li span.author__avatar {
  display: inline-block;
}
.autoComplete_wrapper ul li:hover, .autoComplete_wrapper ul li[aria-selected=true] {
  background-color: #ededed;
}
.autoComplete_wrapper ul li.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.autoComplete_wrapper ul li .is-group {
  float: right;
}
.autoComplete_wrapper span.autocomplete__selected-item.sticky {
  position: absolute;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
}
.autoComplete_wrapper .clear-sticky-selection {
  display: inline;
  position: absolute;
  font-size: 1.3rem;
  cursor: pointer;
  right: 1rem;
}
.autoComplete_wrapper .clear-multi-selection {
  cursor: pointer;
}
.autoComplete_wrapper .search-prompt {
  color: #2c2930;
  border: 1px solid #e8e8e8;
  padding: 0.2rem;
}
.multiselect {
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e8e8e8;
  width: 100%;
  cursor: text;
  padding: 0 0.5rem;
  min-height: 2.4375rem;
}
.multiselect span {
  display: inline-block;
  position: relative;
  margin: 0.5rem 0.5rem 0.5rem 0;
}
.multiselect span input {
  border: none;
  outline: none;
}
.multiselect span.clear-multi-selection {
  margin: 0 0 0 0.2rem;
  cursor: pointer;
}
.process-header .heading2, .process-header .card--full .card__title, .card--full .process-header .card__title {
  font-weight: bold;
}
.process-header__inner {
  position: relative;
  height: 220px;
  background-color: #fff;
  background-color: var(--color-secondary-01);
  display: flex;
  justify-content: center;
}
.process-header__main {
  background-size: auto auto;
  background-size: initial;
  background-position: center;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .process-header__main {
    width: 100%;
  }
}
.process-header__container {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 50em) {
  .process-header__container {
    display: flex;
    align-items: center;
  }
}
.process-header__info {
  padding: 1rem 1.5rem 1rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .process-header__info {
    padding: 2rem 1.5rem 2rem 1rem;
  }
}
@media print, screen and (min-width: 50em) {
  .process-header__info {
    padding-left: 2rem;
  }
}
.process-header__hashtag {
  font-weight: 600;
}
.process-header__hashtag::after {
  content: "·";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.process-header__nav {
  margin-top: auto;
  z-index: 1;
}
.info-header {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .info-header {
    display: flex;
    align-items: center;
  }
}
.info-details {
  color: #726a70;
  margin-left: auto;
}
.info-details .share {
  text-align: left;
  margin-top: 0.2rem;
}
.info-details .share ul {
  margin-left: 0;
}
@media print, screen and (min-width: 40em) {
  .info-details {
    border-left: 1px solid #e8e8e8;
  }
}
.info-image {
  margin-bottom: 1rem;
}
.info-image img {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .info-image {
    float: right;
    margin-left: 30px;
    width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .info-image {
    margin-right: calc(-50% - 2rem - 30px / 2);
    width: 80%;
  }
}
.process-nav {
  background-color: #fff;
  padding: 0.75rem 1rem;
  box-shadow: inset 0 -3px 0 0 #e8e8e8;
  display: flex;
  justify-content: center;
  padding: 0;
}
.process-nav .about-link {
  font-size: 80%;
}
.process-nav .hidden {
  display: none;
}
.process-nav ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-grow: 1;
  height: 100%;
  margin: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.process-nav ul::-webkit-scrollbar {
  display: none;
  width: 0;
  margin: 0;
}
.process-nav .about-link {
  float: right;
  margin-right: 0;
  margin-left: auto;
}
.process-nav__content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 90%;
}
@media (max-width: 820px) {
  .process-nav__content {
    width: 100%;
  }
}
.process-nav__content li {
  display: flex;
  white-space: nowrap;
}
.process-nav__content li.is-active {
  box-shadow: inset 0 -4px 0 0 var(---blue-warm-vivid-70);
}
.scroll-button {
  min-width: 24px;
  height: 24px;
  color: var(---blue-warm-vivid-70);
  border-radius: 100%;
  margin: 10px;
  border: none;
  outline: none;
  display: none;
  justify-content: center;
  align-items: center;
}
@media (max-width: 820px) {
  .scroll-button {
    display: none;
  }
}
.scroll-button:hover {
  background-color: #cfe8ff;
  background-color: var(--blue-vivid-10);
}
.scroll-button:focus {
  border: none;
  outline: none;
}
.process-nav__link {
  text-transform: none;
  text-decoration: none;
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  display: flex;
  align-items: center;
  gap: 8px;
}
.process-nav__link:hover, .process-nav__link.active {
  color: var(---blue-warm-vivid-70);
  text-decoration: none;
}
.process-nav__link:hover i, .process-nav__link.active i {
  color: var(---blue-warm-vivid-70);
}
.process-header__phase, .process-phase {
  background: #fff;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 4px;
}
.process-header__phase .button, .process-header__phase .meeting-polls__button, .process-phase .button, .process-phase .meeting-polls__button {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.process-header__phase--simple {
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .process-header__phase--simple {
    padding: 2rem 1rem;
  }
}
.phase-title, .phase-subtitle--initiatives, .phase-title--initiatives {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
@media print, screen and (min-width: 40em) {
  .phase-title, .phase-subtitle--initiatives, .phase-title--initiatives {
    font-size: 1.25rem;
  }
}
.is-inactive .phase-title, .is-inactive .phase-subtitle--initiatives, .is-inactive .phase-title--initiatives {
  color: #726a70;
}
.phase-date {
  color: #726a70;
  font-weight: 600;
  font-size: 90%;
}
.process-header__progress {
  margin-bottom: 0.5rem;
}
.process-header__progress ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
.process-header__progress li {
  margin: 0;
  padding: 0;
  position: relative;
  width: 1rem;
  text-align: center;
}
.process-header__progress li:first-child {
  width: auto;
}
.process-header__progress li::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #e8e8e8;
  position: absolute;
  top: calc(50% - (2px / 2));
  z-index: 0;
}
.process-header__progress li span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e8e8e8;
  z-index: 1;
  margin-left: auto;
}
.process-header__progress .phase-item--past::after {
  background-color: #1351b4;
  background-color: var(--primary);
}
.process-header__progress .phase-item--past span {
  background-color: #1351b4;
  background-color: var(--primary);
  opacity: 1;
}
.process-header__progress .phase-item--current span::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #1351b4;
  border-top-color: var(--primary);
  top: -8px;
  left: calc(50% - 1px);
  z-index: 2;
}
.process-header__progress .phase-item--current:first-child span::before {
  left: 0;
}
.phase-current {
  font-weight: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #726a70;
}
.process-phase {
  padding: 0;
}
.process-phase .process-header__progress {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  border-bottom: 1px solid #726a70;
  padding: 0.5rem 1rem;
}
.process-phase .process-header__progress ol {
  flex: 1 1;
}
.process-phase .process-header__progress .phase-current {
  margin-left: 1rem;
}
.process-header__body {
  padding: 1rem 1rem 1.5rem;
}
.process-header__body .process-header__link {
  margin-top: 0.5rem;
}
.process-header__button .button, .process-header__button .meeting-polls__button {
  border-color: #1351b4;
  border-color: var(--primary);
}
.phase-title--initiatives {
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}
.phase-subtitle--initiatives {
  font-size: 0.9375rem;
}
/* Variables */
/* Timeline */
.timeline {
  list-style: none;
  margin: 2rem 0 0;
}
.timeline__item {
  padding-bottom: 2em;
  position: relative;
}
.timeline__item::before {
  content: "";
  width: 3px;
  height: 100%;
  background: #1351b4;
  background: var(--primary);
  left: 1rem;
  top: 0;
  position: absolute;
}
.timeline__item::after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
.timeline__item:last-of-type::before {
  width: 0;
}
.timeline__phase {
  width: 30px;
  height: 30px;
  margin-left: -13px;
  position: absolute;
  top: 0;
  left: 1rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #1351b4;
  background: var(--primary);
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #e8e8e8;
}
.timeline__phase__number {
  display: block;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-weight: 600;
  font-size: 1.2em;
  align-self: center;
  margin-left: 1px;
  margin-top: -1px;
}
.timeline__info {
  width: 90%;
  width: calc(100% - 45px);
  float: right;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
.timeline__item--current .timeline__info {
  border-color: #1351b4;
  border-color: var(--primary);
}
.timeline__header {
  background: #e8e8e8;
  padding: 0.5rem 1rem;
}
.timeline__item--current .timeline__header {
  background-color: #1351b4;
  background-color: var(--primary);
  color: #fff;
}
.timeline__date {
  color: #2c2930;
}
.timeline__item--current .timeline__date {
  color: #fff;
}
.timeline__title {
  margin-bottom: 0;
}
.timeline__content {
  padding: 1rem;
}
.timeline__content :last-child {
  margin-bottom: 0;
}
.timeline__footer {
  list-style: none;
  margin: 0;
  border-top: 1px solid #e8e8e8;
}
@media print, screen and (min-width: 40em) {
  .timeline__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.timeline__footer-item {
  flex-grow: 1;
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #e8e8e8;
}
.timeline__footer-item:last-child {
  border-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .timeline__footer-item {
    border-bottom: 0;
    border-right: 1px solid #e8e8e8;
  }
  .timeline__footer-item:last-child {
    border-right: 0;
  }
}
.timeline__footer-inner {
  display: block;
}
.timeline__item-icon {
  width: 1.5em;
  height: 1.5em;
}
.timeline__item-text {
  display: block;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 90%;
  color: #3d393c;
  font-weight: 600;
  line-height: 1;
}
/* Inactive timeline */
.timeline__item--current::before {
  background: #e8e8e8;
}
.timeline__item--inactive::before {
  background: #e8e8e8;
}
.timeline__item--inactive .timeline__phase {
  background: #e8e8e8;
}
.timeline__item--inactive .timeline__phase__number {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Filter tags */
.filter-tags__title {
  margin-right: 0.4rem;
}
.filter-tags {
  margin-bottom: 0.8rem;
}
.filter-tag {
  display: inline-block;
  background-color: #f4f4f4;
  border: 1px solid #e8e8e8;
  padding: 0.2rem 0.4rem;
  margin-right: 0.4rem;
  margin-bottom: 0.2rem;
}
.filter-tag__close {
  padding-left: 0.5rem;
  color: #3d393c;
}
@media print, screen and (min-width: 40em) {
  .filters-wrapper {
    display: flex;
  }
}
.filters-controls {
  margin: 1rem 0 2rem;
}
.filters-controls::before, .filters-controls::after {
  display: table;
  content: " ";
}
.filters-controls::after {
  clear: both;
}
.filters-controls__trigger {
  display: flex;
  width: 328px;
  height: 40px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid #1b1b1b;
  border: 1px solid var(--gray-90);
}
.icon--small.float-right {
  display: none;
}
.hide-for-mediumlarge {
  display: flex;
  justify-content: center;
}
.filters {
  display: none;
  min-height: 100%;
  padding: 1rem;
}
@media print, screen and (min-width: 40em) {
  .filters {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.reveal .filters {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
}
.js .filters__content {
  display: none;
}
.js .filters__content.is-active {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .js .filters__content {
    display: block;
  }
}
.filters__section, .filters__section--general {
  border-bottom: 1px solid #e8e8e8;
  padding: 1rem 1rem;
}
.filters__section:first-of-type, .filters__section--general:first-of-type {
  padding-top: 1.5rem;
}
.filters__section:last-of-type, .filters__section--general:last-of-type {
  padding-bottom: 1.5rem;
  border-bottom: none;
}
.filters__section label, .filters__section--general label {
  line-height: 1.2;
  margin-bottom: 0.4rem;
}
.filters__section label[data-global-checkbox], .filters__section--general label[data-global-checkbox] {
  font-weight: 600;
}
.filters__section .button, .filters__section .meeting-polls__button, .filters__section--general .button, .filters__section--general .meeting-polls__button {
  margin-bottom: 0;
}
.filters__section .section-title, .filters__section--general .section-title {
  color: #1351b4;
  color: var(--primary);
  text-decoration: underline;
  margin-right: 1rem;
}
.filters__subfilters > .filters__subfilters {
  padding-left: 0.5rem;
}
.filters__has-subfilters {
  display: flex;
  justify-content: space-between;
}
.filters__icon-is-open,
.filters__icon-is-closed {
  font-size: 0.5em;
}
.filters__icon-is-open {
  display: none;
}
.filters__is-open .filters__icon-is-open {
  display: inline-block;
}
.filters__is-open .filters__icon-is-closed {
  display: none;
}
.filters__section--general {
  padding: 0;
}
.filters__section--general:first-of-type, .filters__section--general:last-of-type {
  padding: 0;
}
.filters__section--general > :first-child {
  padding: 1rem 1rem;
}
.filters__section--general > :first-child:hover {
  background: #fafafa;
}
.filters__section--general.no-results .section-title {
  color: #726a70;
  text-decoration: none;
}
.filters__section--general.no-results > * {
  opacity: 0.25;
}
.filters__info__title {
  margin-bottom: 0;
}
.filters__info__icon {
  margin-left: 0.25rem;
}
.filters__search .input-group {
  margin-bottom: 0;
}
.filters__help {
  position: relative;
}
.filters__help p:last-of-type {
  margin-bottom: 0;
}
.filters__help .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.filters__help .skip:focus, .filters__help .skip:active {
  background-color: #cb3c29;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}
.filters__left-legend legend {
  float: left;
  padding-top: 10px;
}
.filters__left-legend .picker-prompt,
.filters__left-legend select,
.filters__left-legend .inline-filters button[data-toggle],
.inline-filters .filters__left-legend button[data-toggle] {
  width: 75%;
  float: right;
}
.inline-filters {
  display: flex;
  flex-direction: row;
  display: inline-flex;
  justify-content: space-between;
  text-align: left;
}
.inline-filters > * {
  margin: 0 1rem;
}
.inline-filters > :first-child {
  margin-left: 0;
}
.inline-filters > :last-child {
  margin-right: 0;
}
.inline-filters label {
  display: flex;
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
.inline-filters label > * {
  margin: 0 0.25rem;
}
.inline-filters label > :first-child {
  margin-left: 0;
}
.inline-filters label > :last-child {
  margin-right: 0;
}
.inline-filters label span {
  white-space: nowrap;
}
.inline-filters button[data-toggle] {
  color: #1351b4;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.inline-filters button[data-toggle].hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.inline-filters .dropdown-pane {
  padding: 0;
  background-color: #fff;
  width: 12rem;
}
.inline-filters .dropdown-pane li a {
  display: block;
  padding: 1rem;
}
.inline-filters .dropdown-pane li a:hover {
  text-decoration: underline;
}
.inline-filters .dropdown-pane li:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
.inline-filters .dropdown-pane li:hover {
  cursor: pointer;
  background-color: rgba(19, 81, 180, 0.05);
}
.inline-filters .dropdown-pane.is-open {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tech-info {
  color: #726a70;
  font-size: 0.9rem;
  text-align: center;
}
.label--basic {
  background-color: #c5c1ca;
}
.label--highlight {
  background-color: #1351b4;
  background-color: var(--secondary);
}
.label--admin {
  background-color: #1351b4;
  background-color: var(--primary);
}
.proposal-status,
.collaborative-draft-status,
.project-status {
  float: left;
  margin-right: 0.5rem;
}
.proposal-status--small,
.label--small {
  margin: 0.2rem 0.2rem 0.2rem 0;
  padding: 0.2rem 0.3rem;
}
.label.light {
  color: #fff;
}
.label.muted {
  background: #726a70;
  color: #fff;
}
.conference-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.conference-nav li {
  padding: 0.5rem;
}
.conference-nav li a {
  font-size: 1.125rem;
  color: #726a70;
}
.conference-nav li.is-active {
  font-weight: 600;
  position: relative;
}
.conference-nav li.is-active::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 1.6rem;
  background-color: #1351b4;
  background-color: var(--primary);
  position: absolute;
  top: 50%;
  left: -0.5rem;
  transform: translateY(-50%);
}
.conference-speaker {
  margin-bottom: 3rem;
}
.conference-speaker .speaker-img-wrapper {
  margin-bottom: 1rem;
  position: relative;
}
.conference-speaker .speaker-img-wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.conference-speaker .speaker-img-wrapper .speaker-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.conference-speaker .speaker-img-wrapper .speaker-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.conference-speaker .speaker-data .data-name {
  font-weight: 600;
  font-size: 1.125rem;
}
.conference-speaker .speaker-data .data-role,
.conference-speaker .speaker-data .data-extra {
  color: #726a70;
}
.conference-speaker .speaker-bio {
  display: none;
  padding: 1rem;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(26, 24, 29, 0.2);
  z-index: 1;
  width: 100vw;
  position: absolute;
}
@media print, screen and (min-width: 40em) {
  .conference-speaker .speaker-bio {
    top: 0;
    width: 300%;
    padding: 2rem;
    transform: translateY(-10%);
  }
}
.conference-speaker .speaker-bio > :first-child {
  display: flex;
  justify-content: stretch;
}
.conference-speaker .speaker-bio .bio-extended {
  font-size: 0.875rem;
}
.conference-speaker .speaker-bio .bio-acts {
  font-weight: 600;
}
.conference-speaker:hover .speaker-bio {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .conference-speaker {
    position: relative;
  }
  .conference-speaker:nth-of-type(4) .speaker-bio, .conference-speaker:nth-of-type(4n + 5) .speaker-bio, .conference-speaker:nth-of-type(5n) .speaker-bio {
    transform: translateY(-10%) translateX(-60%);
  }
}
.conference-programme .programme-selector {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 0.5rem;
  color: #726a70;
  font-size: 1.1875rem;
  display: flex;
  align-items: center;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-selector {
    flex-direction: column;
    text-align: center;
  }
}
.conference-programme .programme-selector .tabs {
  display: flex;
  flex-direction: column;
}
.conference-programme .programme-selector .tabs > * {
  margin: 0.25rem 0;
}
.conference-programme .programme-selector .tabs > :first-child {
  margin-top: 0;
}
.conference-programme .programme-selector .tabs > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .conference-programme .programme-selector .tabs {
    display: flex;
    flex-direction: row;
  }
  .conference-programme .programme-selector .tabs > * {
    margin: 0 0.25rem;
  }
  .conference-programme .programme-selector .tabs > :first-child {
    margin-left: 0;
  }
  .conference-programme .programme-selector .tabs > :last-child {
    margin-right: 0;
  }
}
.conference-programme .programme-day > .row {
  padding: 2rem 0;
  border-bottom: 1px solid #e8e8e8;
  border-bottom-style: dashed;
}
.conference-programme .tabs,
.conference-programme .tabs-content {
  background: transparent;
}
.conference-programme .tabs-title > a {
  padding: 0;
}
.conference-programme .tabs-title > a:hover {
  background: transparent;
}
.conference-programme .tabs-title > a[aria-selected=true] {
  background: transparent;
}
.conference-programme .tabs-title:not(.is-active) .button, .conference-programme .tabs-title:not(.is-active) .meeting-polls__button {
  opacity: 0.4;
}
.conference-programme .programme-header {
  display: flex;
  align-items: baseline;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-header {
    flex-direction: column;
  }
}
.conference-programme .programme-time {
  font-size: 1.1875rem;
  font-weight: 600;
}
.conference-programme .programme-title {
  font-size: 1.5rem;
  color: #1351b4;
  font-weight: 600;
}
@media print, screen and (max-width: 28.12375em) {
  .conference-programme .programme-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
  }
}
.conference-programme .programme-resume {
  font-size: 0.875rem;
  color: #726a70;
}
.conference-programme .programme-extra {
  color: #726a70;
  font-size: 0.875rem;
}
.conference-programme .programme-extra > .row:not(:nth-child(2)) {
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .conference-programme .programme-extra > .row:nth-child(2) {
    margin-top: -0.5rem;
  }
}
.conference-programme .programme-extra .row:not(.speakers-list) span {
  opacity: 0.6;
}
.conference-programme .programme-extra .speakers-list {
  min-height: 35px;
}
.conference-registration {
  padding: 1rem;
}
.conference-registration .registration__text > * {
  display: block;
}
.conference-registration .registration__text strong {
  font-size: 1.125rem;
}
.conference-registration .registration__text span {
  font-size: 0.875rem;
  color: #726a70;
}
.conference-registration .registration__buttons {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.conference-registration .registration__buttons > * {
  margin: 0 0.5rem;
}
.conference-registration .registration__buttons > :first-child {
  margin-left: 0;
}
.conference-registration .registration__buttons > :last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 49.99875em) {
  .conference-registration .registration__buttons {
    margin-top: 1rem;
  }
}
.conference-registration .registration__buttons > :first-child {
  border: 1px solid #e8e8e8;
}
.conference-diploma {
  text-align: center;
}
.conference-diploma .diploma__border {
  margin: 4rem;
  /* Border ../images/pattern */
  -o-border-image: url(/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  border-image: url(/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
  border-style: solid;
  border-width: 1rem;
}
.conference-diploma .diploma__border .diploma__content {
  padding: 3rem;
}
.conference-diploma .diploma__attendance {
  text-align: center;
  font-size: 0.875rem;
}
.conference-diploma .diploma__attendance > * {
  display: block;
}
.conference-diploma .diploma__name {
  margin-top: 4rem;
  font-size: 1.125rem;
}
.conference-diploma .diploma__name p {
  margin-top: 1rem;
}
.conference-diploma .diploma__logo {
  border: 1px solid #e8e8e8;
  padding: 2rem;
}
@media print {
  @page {
    size: A4 landscape;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
  }
  .conference-diploma .diploma__border {
    margin: 0;
    -o-border-image: url(/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    border-image: url(/decidim-packs/media/images/pattern-9e37fb0574a565bf2708.png) 20 repeat;
    border-style: solid;
    border-width: 1rem;
  }
}
.conference-media .media-links li {
  color: #1351b4;
  margin-bottom: 1rem;
  align-items: baseline;
  display: flex;
  flex-direction: row;
}
.conference-media .media-links li > * {
  margin: 0 0.5rem;
}
.conference-media .media-links li > :first-child {
  margin-left: 0;
}
.conference-media .media-links li > :last-child {
  margin-right: 0;
}
.conference-media .media-links li > :first-child {
  flex-shrink: 0;
}
.conference-media .media-links a {
  font-size: 1.125rem;
}
.conference-media .media-pictures article {
  cursor: pointer;
}
.conference-media .media-pictures .picture__content {
  padding: 1rem;
}
.conference-media .media-pictures .picture__content img {
  margin-bottom: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 75%;
}
[data-reveal].picture__modal img {
  margin-bottom: 1rem;
  width: 100%;
  height: 100%;
}
.user-form input[type=text],
.user-form input[type=email],
.user-form input[type=password] {
  height: 3rem;
}
.user-form .button, .user-form .meeting-polls__button {
  margin: 2rem 0;
}
.user-form__label {
  font-weight: 600;
}
.register__separator {
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  font-style: italic;
  margin: 1rem 0 2rem;
}
.register__separator::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #e8e8e8;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.register__separator__text {
  display: inline-block;
  background: #fafafa;
  padding: 0 1rem;
}
.register-form input[type=text],
.register-form input[type=email],
.register-form input[type=password] {
  height: 3rem;
}
.register-form h3 {
  display: table;
  font-size: 1.25em;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  margin-top: 0;
  text-align: center;
}
.register-form label > [type=checkbox] {
  margin-bottom: 1rem;
}
.register-form .tos-text {
  padding: 0.5rem;
  border: 1px solid #e8e8e8;
  margin: 1rem 0;
  max-height: 10rem;
  overflow: auto;
  font-size: 0.8rem;
  font-style: italic;
}
.register-form #card__tos,
.register-form #card__newsletter {
  text-align: center;
}
.user-nickname label .row > span:first-of-type {
  padding: 0;
  border-right: 0;
  width: 8%;
  height: 3rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.user-nickname label .row > span:first-of-type .prefix {
  display: inline-block;
  height: 2.9rem;
  padding-top: 0.8rem;
}
.user-nickname label .row > span:last-of-type {
  width: 92%;
  height: 3rem;
}
.user-nickname label .row > span:last-of-type input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.user-nickname label.is-invalid-label .row {
  margin-bottom: 1rem;
}
.user-nickname label.is-invalid-label .row > span:first-of-type {
  background-color: #f9edeb;
  border-color: #ec5840;
}
.user-nickname label.is-invalid-label .row > span:last-of-type {
  height: 4.2rem;
}
.user-nickname label.is-invalid-label .row > span:last-of-type .form-error.is-visible {
  margin-left: -8%;
}
.user-nickname .help-text {
  margin-top: 1rem;
}
.share {
  text-align: center;
}
.share ul {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 0.5rem;
}
.share li {
  display: inline-block;
}
.share__icon {
  color: #726a70;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  padding: 0.1em 0 0;
  margin-right: 0.5em;
}
.share-link.calendar {
  float: right;
}
.help {
  vertical-align: -2px;
}
.help .icon {
  width: 14px;
  height: 14px;
  fill: #fff;
  background: #a49ea3;
  border-radius: 50%;
  padding: 2px;
}
.help .icon:hover {
  background: #1351b4;
}
.help-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.25rem solid #5992ed;
  border-radius: 50%;
  background-color: #1351b4;
  color: #fafafa;
  padding: 0.25rem;
  cursor: pointer;
}
.tooltip.expanded {
  max-width: 100%;
}
.tooltip.light {
  background-color: #fafafa;
  color: #3d393c;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.tooltip.light.top::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: #fafafa transparent transparent;
}
.tooltip.light.bottom::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent transparent #fafafa;
}
.tooltip.light.left::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent transparent transparent #fafafa;
}
.tooltip.light.right::before, .aspect-ratio-16-9 > .tooltip.light::before {
  border-color: transparent #fafafa transparent transparent;
}
#dc-dialog-wrapper {
  z-index: 1000000;
}
#dc-dialog-wrapper .dc-dialog {
  position: fixed;
  background-color: #fff;
  bottom: 0;
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  #dc-dialog-wrapper .dc-dialog {
    width: auto;
    width: initial;
  }
}
#dc-dialog-wrapper .dc-dialog .dc-button-wrapper {
  flex-direction: column;
  margin: 1rem 0;
}
#dc-dialog-wrapper .dc-dialog .dc-button-wrapper > * {
  width: 100%;
  margin: 0.5rem 0;
}
@media print, screen and (min-width: 40em) {
  #dc-dialog-wrapper .dc-dialog .dc-button-wrapper {
    flex-direction: row;
  }
  #dc-dialog-wrapper .dc-dialog .dc-button-wrapper > * {
    width: auto;
    width: initial;
    margin: 0 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #dc-dialog-wrapper .dc-dialog .dc-button-wrapper {
    justify-content: flex-end;
  }
}
#dc-modal {
  background-color: #fff;
}
#dc-modal .category-wrapper {
  background-color: #fafafa;
  padding: 0.2rem;
}
#dc-modal .category-wrapper .category-row {
  position: relative;
  justify-content: space-between;
}
#dc-modal .category-wrapper .category-row .dc-title::before {
  border: solid #2d4156;
  border-width: 0 2px 2px 0;
  padding: 0.2em;
  display: inline-block;
  content: "";
  margin-right: 15px;
  position: absolute;
  left: 1.2em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#dc-modal .category-wrapper .category-row .dc-title.open::before {
  transform: translateY(-50%) rotate(225deg);
}
#dc-modal .category-wrapper .category-row .dc-switch {
  padding: 0.5rem 0 0;
}
#dc-modal .category-wrapper .dataconsent-details-wrapper .detail-titles {
  border-bottom: 1px solid #e8e8e8;
}
#dc-modal .category-wrapper .dataconsent-details-wrapper .detail-titles > * {
  font-weight: 600;
}
#dc-modal .category-wrapper .dataconsent-details-wrapper .dataconsent-detail-row {
  font-size: 0.6rem;
}
#dc-modal .dc-buttons-wrapper {
  justify-content: space-between;
}
.disabled-iframe {
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  cursor: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-height: 20rem;
}
.disabled-iframe.ql-video {
  display: flex;
}
.dataconsent-warning {
  flex-direction: column;
  font-size: 2rem;
  font-weight: 600;
}
.google-map {
  width: 100%;
  height: 200px;
  background-color: #e8e8e8;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 50em) {
  .google-map {
    height: 450px;
  }
}
.map__help .skip {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.map__help .skip:focus, .map__help .skip:active {
  background-color: #cb3c29;
  color: #fff;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: auto;
  margin: 10px;
  padding: 5px;
  font-size: 1.4em;
  z-index: 999;
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  position: absolute;
}
.leaflet-container {
  z-index: 5;
}
.map-info {
  background: #1351b4;
  background: var(--primary);
  border-radius: 4px;
}
.map-info > div:first-child > div:first-child {
  border-top-color: #1351b4 !important;
  border-top-color: var(--primary) !important;
}
.map-info > div:first-child > div:nth-child(2) {
  background-color: transparent !important;
  border-radius: 4px !important;
}
.map-info * {
  box-shadow: none !important;
}
.map-info__content {
  padding-top: 1rem;
  padding-left: 1.2rem;
}
.map__date-address {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .map__date-address {
    display: flex;
  }
}
.map__date-address .card__datetime {
  float: none;
  border-color: #1351b4;
  border-color: var(--primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 0;
  margin-bottom: 1rem;
  padding: 0.5em 1em;
}
@media print, screen and (min-width: 40em) {
  .map__date-address .card__datetime {
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
}
.map__date-address .address {
  flex: 1 1;
  margin-bottom: 0;
}
.map__date-address .address__icon {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .map__date-address .address__icon {
    display: block;
  }
}
.map__date-address .card__extra {
  padding: 0 1rem;
}
.map-info__button {
  text-align: center;
}
.map-info__button .button, .map-info__button .meeting-polls__button {
  min-width: 12em;
}
.static-map {
  cursor: pointer;
  height: 120px;
  width: 120px;
}
.static-map .leaflet-popup-pane,
.static-map .leaflet-control {
  cursor: pointer;
}
.static-map:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-color: #be6400;
  outline-color: var(--highlight);
  outline-offset: 2px;
}
.static-map a:hover, .static-map a:focus,
.static-map .leaflet-control-attribution a:hover,
.static-map .leaflet-control-attribution a:focus {
  text-decoration: none;
  outline: none;
}
.static-map .leaflet-control-attribution, .static-map.leaflet-touch .leaflet-control-attribution {
  font-size: 0.55rem;
}
.omnipresent-banner {
  background-color: #1351b4;
  background-color: var(--primary);
  color: #fff;
  text-align: center;
  padding: 1rem;
  font-size: 1.2em;
}
.omnipresent-banner .omnipresent-banner-title {
  font-weight: bold;
  margin-right: 1em;
}
.omnipresent-banner .omnipresent-banner-short-description {
  margin-right: 0.5em;
  margin-left: 1em;
}
.omnipresent-banner a {
  color: #fff;
}
.omnipresent-banner a:hover,
.omnipresent-banner a:focus {
  color: rgba(255, 255, 255, 0.8);
}
.wizard__steps {
  list-style-type: none;
  margin-left: 0.25rem;
}
.wizard__steps.steps-toggle {
  margin-top: 1rem;
}
.wizard__steps li {
  border: none;
  color: #1351b4;
  color: var(--primary);
  border-left: 2px solid #1351b4;
  border-left: 2px solid var(--primary);
  box-sizing: border-box;
  border-radius: 0;
  padding: 1rem 0;
  font-size: 0.875rem;
  cursor: default;
}
.wizard__steps li::before {
  border-radius: 50%;
  background-color: #1351b4;
  background-color: var(--primary);
  content: "";
  display: inline-block;
  float: left;
  height: 10px;
  line-height: 10px;
  text-align: center;
  width: 10px;
  margin: 0.4rem 4px 0 -6px;
}
.wizard__steps .step--active {
  font-weight: bold;
}
.wizard__steps .step--active ~ li {
  color: #726a70;
  border-left: 2px solid #726a70;
}
.wizard__steps .step--active ~ li::before {
  background-color: #726a70;
}
.collapsible-list.is-filtered.show-1 .collapse:nth-of-type(n+2),
.collapsible-list.is-filtered.show-1 > div:nth-of-type(n+2) {
  display: none;
}
.collapsible-list.is-filtered.show-2 .collapse:nth-of-type(n+3),
.collapsible-list.is-filtered.show-2 > div:nth-of-type(n+3) {
  display: none;
}
.collapsible-list.is-filtered.show-3 .collapse:nth-of-type(n+4),
.collapsible-list.is-filtered.show-3 > div:nth-of-type(n+4) {
  display: none;
}
.collapsible-list.is-filtered.show-4 .collapse:nth-of-type(n+5),
.collapsible-list.is-filtered.show-4 > div:nth-of-type(n+5) {
  display: none;
}
.collapsible-list.is-filtered.show-5 .collapse:nth-of-type(n+6),
.collapsible-list.is-filtered.show-5 > div:nth-of-type(n+6) {
  display: none;
}
.collapsible-list.is-filtered.show-6 .collapse:nth-of-type(n+7),
.collapsible-list.is-filtered.show-6 > div:nth-of-type(n+7) {
  display: none;
}
.collapsible-list.is-filtered.show-7 .collapse:nth-of-type(n+8),
.collapsible-list.is-filtered.show-7 > div:nth-of-type(n+8) {
  display: none;
}
.collapsible-list.is-filtered.show-8 .collapse:nth-of-type(n+9),
.collapsible-list.is-filtered.show-8 > div:nth-of-type(n+9) {
  display: none;
}
.collapsible-list.is-filtered.show-9 .collapse:nth-of-type(n+10),
.collapsible-list.is-filtered.show-9 > div:nth-of-type(n+10) {
  display: none;
}
.collapsible-list.is-filtered.show-10 .collapse:nth-of-type(n+11),
.collapsible-list.is-filtered.show-10 > div:nth-of-type(n+11) {
  display: none;
}
.collapsible-list.is-filtered.show-11 .collapse:nth-of-type(n+12),
.collapsible-list.is-filtered.show-11 > div:nth-of-type(n+12) {
  display: none;
}
.collapsible-list.is-filtered.show-12 .collapse:nth-of-type(n+13),
.collapsible-list.is-filtered.show-12 > div:nth-of-type(n+13) {
  display: none;
}
.collapsible-list.is-filtered .collapsible-list__see-more {
  display: inline-block;
}
.collapsible-list.is-filtered .collapsible-list__see-more + .text-small {
  padding-top: 0.15rem;
  padding-left: 0.2rem;
}
.collapsible-list.is-filtered .collapsible-list__see-less {
  display: none;
}
.collapsible-list .collapsible-list__see-less {
  display: inline-block;
  color: #599aa6;
}
.collapsible-list .collapsible-list__see-less:hover {
  color: #2d4d53;
  text-decoration: underline;
}
.collapsible-list .collapsible-list__see-more {
  display: none;
  color: #1351b4;
}
.collapsible-list .collapsible-list__see-more:hover {
  color: #2d4d53;
  text-decoration: underline;
}
.collapsible-list .card__text--paragraph {
  text-decoration: none;
  color: #3d393c !important;
}
.collapsible-list .card__text--paragraph:hover {
  text-decoration: none;
}
.collapsible-list > * {
  display: inline-flex;
  margin: 0 0 0.5rem;
}
.block-banner {
  background-repeat: no-repeat;
  padding: 1rem;
}
@media print, screen and (max-width: 49.99875em) {
  .block-banner {
    background-image: none !important;
    padding-bottom: 1rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .block-banner {
    background-position: right -400px center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (min-width: 64em) {
  .block-banner {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-left: 0;
  }
}
.block-banner p:last-child {
  margin-bottom: 0;
}
.fingerprint-dialog .fingerprint-value,
.fingerprint-dialog .fingerprint-source {
  display: block;
  max-width: 100%;
  word-break: break-all;
}
[data-toggle] {
  margin: 0 0 0.5rem;
  cursor: pointer;
}
[data-toggle] span {
  margin-right: 0.5rem;
}
.loading-spinner {
  margin: 25px !important;
  height: 25px;
  text-align: center;
}
.loading-spinner::before {
  animation: animation-spin 800ms infinite linear;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid #e8e8e8;
  border-right-color: #1351b4;
  border-right-color: var(--primary);
  display: inline-block;
  position: relative;
  content: "";
  vertical-align: middle;
}
.spinner-container {
  position: relative;
  cursor: wait;
}
.spinner-container::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.spinner-container::after {
  animation: animation-spin 800ms infinite linear;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid #e8e8e8;
  border-right-color: #1351b4;
  border-right-color: var(--primary);
  display: inline-block;
  position: absolute;
  content: "";
  vertical-align: middle;
  z-index: 1;
  top: 47%;
  left: 47%;
}
.upload-modal .button, .upload-modal .meeting-polls__button {
  margin: 0;
}
.upload-modal .dropzone-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
}
.upload-modal .dropzone-container input[type=file] {
  display: none;
}
.upload-modal .dropzone-container label {
  background-color: #fff;
  margin: 1rem 0;
  cursor: pointer;
}
.upload-modal .dropzone-container label.is-dragover {
  background-color: #ccdefa;
}
.upload-modal .dropzone-container label.dropzone {
  padding: 1rem;
  text-align: center;
  border-style: dashed;
  border-color: #1351b4;
  border-width: 2px;
  border-radius: 4px;
}
.upload-modal .dropzone-container label.dropzone .form-error {
  margin: 0;
}
.upload-modal .dropzone-container label.disabled {
  background-color: #fafafa;
  cursor: not-allowed;
  border-color: #ccdefa;
}
.upload-modal .dropzone-container label.disabled span {
  color: #ccc;
}
.upload-modal .upload-items .upload-item input[type=text] {
  margin: 0;
}
.upload-modal .upload-items .upload-item .file-name-span {
  overflow: hidden;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border {
  height: 2rem;
  border: 1px solid #cb3c29;
  box-sizing: border-box;
  padding: 0;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border .progress-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: white;
  background-color: #cb3c29;
  padding: 0 0.5rem;
  height: 2rem;
}
.upload-modal .upload-items .upload-item .progress-bar-wrapper .progress-bar-border .progress-bar.filled {
  justify-content: center;
  width: 100% !important;
}
.upload-modal .upload-items .remove-upload-item {
  cursor: pointer;
}
.upload-modal .upload-items .upload-errors .form-error {
  margin: 0;
}
.dynamic-uploads {
  display: flex;
  flex-direction: column;
}
@media print, screen and (max-width: 74.99875em) {
  .dynamic-uploads {
    margin-bottom: 0.5rem;
  }
}
.dynamic-uploads .actions-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.dynamic-uploads .actions-wrapper button.primary {
  margin-right: 0.5rem;
}
.dynamic-uploads .actions-wrapper button.remove-upload {
  cursor: pointer;
}
.dynamic-uploads .actions-wrapper.titled {
  flex-direction: column-reverse;
}
.dynamic-uploads .actions-wrapper .active-uploads span.filename {
  margin-right: 0.5rem;
}
.dynamic-uploads .actions-wrapper .active-uploads span:last-child {
  margin-right: 0.5rem;
}
.dynamic-uploads.with-title {
  display: block;
  margin: 0;
}
.highligted-content-banner {
  background-size: cover;
  position: relative;
  z-index: 0;
  min-height: 255px;
}
.highligted-content-banner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 24, 29, 0.6);
}
.highligted-content-banner .highligted-content-banner__container {
  position: relative;
  z-index: 1;
  padding: 3rem 0;
}
@media print, screen and (min-width: 40em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 4rem 0;
  }
}
@media print, screen and (min-width: 50em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .highligted-content-banner .highligted-content-banner__container {
    padding: 6rem 0;
  }
}
.hero {
  background-size: cover;
  position: relative;
  z-index: 0;
}
.hero::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 24, 29, 0.6);
}
.hero a:focus {
  outline-color: #ff5731;
  outline-color: var(--highlight-alternative);
}
.hero__container {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 3rem 0;
}
@media print, screen and (min-width: 40em) {
  .hero__container {
    padding: 4rem 0;
  }
}
@media print, screen and (min-width: 50em) {
  .hero__container {
    padding: 5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .hero__container {
    padding: 6rem 0;
  }
}
.hero__boxes {
  text-align: center;
  border-radius: 4px;
  background-color: rgba(26, 24, 29, 0.5);
  color: #fff;
  margin-top: 1rem;
  padding: 1rem;
}
@media print, screen and (min-width: 40em) {
  .hero__boxes {
    text-align: left;
    padding: 2rem 1.5rem;
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 50em) {
  .hero__boxes {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .hero__boxes {
    margin-top: 4rem;
  }
}
.hero__boxes p {
  font-size: 1.0625rem;
}
.hero__boxes .button, .hero__boxes .meeting-polls__button {
  display: block;
  margin: 0 auto;
}
.hero__boxes .box__search {
  position: relative;
  margin: 0 auto;
}
.hero__boxes .box__search input,
.hero__boxes .box__search input:focus {
  color: #3d393c;
  margin: 0;
  box-shadow: none;
  background: #fff;
  line-height: 1;
  padding: 0.85em 1em;
  padding-left: 2rem;
  height: auto;
  border: 1px solid transparent;
}
.hero__boxes .box__search input::-webkit-input-placeholder,
.hero__boxes .box__search input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(61, 57, 60, 0.3);
}
.hero__boxes .box__search input::-moz-placeholder,
.hero__boxes .box__search input:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(61, 57, 60, 0.3);
}
.hero__boxes .box__search input:-ms-input-placeholder,
.hero__boxes .box__search input:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(61, 57, 60, 0.3);
}
.hero__boxes .box__search input:-moz-placeholder,
.hero__boxes .box__search input:focus:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(61, 57, 60, 0.3);
}
.hero__boxes .box__search svg {
  color: rgba(61, 57, 60, 0.3);
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  opacity: 0.5;
}
.hero-heading {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.hero-heading br {
  display: none;
}
@media print, screen and (min-width: 40em) {
  .hero-heading {
    font-size: 2.5rem;
  }
  .hero-heading br {
    display: block;
  }
}
@media print, screen and (min-width: 50em) {
  .hero-heading {
    font-size: 3.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .hero-heading {
    font-size: 4.5rem;
  }
}
.hero-cta {
  margin-top: 1rem;
  padding: 1.2rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .hero-cta {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 50em) {
  .hero-cta {
    margin-top: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .hero-cta {
    margin-top: 4rem;
  }
}
.wrapper-home {
  padding: 4rem 1rem;
}
@media print, screen and (min-width: 40em) {
  .wrapper-home {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .wrapper-home {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.wrapper-home--mini {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.home-section:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}
.subhero {
  padding: 4rem 0;
  text-align: center;
}
.subhero ul,
.subhero ol {
  list-style-position: inside;
}
@media print, screen and (max-width: 49.99875em) {
  .subhero .heading3 {
    font-size: 1.3em;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .subhero .heading2, .subhero .card--full .card__title, .card--full .subhero .card__title {
    font-size: 1.5em;
  }
}
@media print, screen and (max-width: 49.99875em) {
  .subhero .heading4 {
    font-size: 1.2em;
  }
}
.subhero-cta {
  margin-top: 2rem;
  color: #1351b4;
  color: var(--primary);
  display: inline-block;
  position: relative;
}
.subhero-cta:hover, .subhero-cta:focus {
  text-decoration: underline;
  color: #1351b4;
  color: var(--primary);
}
.subhero-cta .icon {
  position: absolute;
  top: 0.33em;
  right: -1em;
  transition: 0.3s right;
}
.subhero-cta:hover .icon {
  right: -1.2em;
}
.subhero-cta--secondary {
  margin-top: 0;
}
.home-section__cta {
  margin-top: 2rem;
}
.home-bullets {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 50em) {
  .home-bullets {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
.home-bullet {
  overflow: hidden;
}
.home-bullet__icon {
  float: left;
  text-align: right;
}
.home-bullet__icon svg {
  width: 30px;
  height: 30px;
  fill: #1351b4;
  fill: var(--primary);
}
.home-bullet__desc {
  float: right;
  width: 85%;
  width: calc(100% - 30px);
  padding-left: 1rem;
}
.home-map .wrapper-home {
  padding-bottom: 0;
}
.home-map #google-map {
  margin-bottom: 0;
}
/* Home Statistics */
.home-stats {
  overflow: hidden;
  margin: 2rem 0;
}
@media print, screen and (min-width: 50em) {
  .home-stats {
    margin: 5rem 0;
  }
}
.home-stats .statistics-cell {
  margin: 0;
}
.home-stats__highlight .statistic__data::after,
.home-stats__lowlight .statistic__data::after {
  border: none;
}
@media print, screen and (min-width: 40em) {
  .home-stats__highlight {
    display: flex;
  }
}
.home-stats__highlight .statistic__data {
  margin: 0;
  padding: 1rem 2rem;
}
@media print, screen and (min-width: 40em) {
  .home-stats__highlight .statistic__data {
    width: 50%;
    border-bottom: 1px solid #e8e8e8;
  }
}
.home-stats__highlight .statistic__data:nth-child(odd) {
  border-right: 1px solid #e8e8e8;
}
.home-stats__highlight .statistic__data:last-child {
  border-right: none;
}
.home-stats__highlight .statistic__number {
  font-size: 4rem;
  line-height: 1;
}
.home-stats__lowlight .statistic__data {
  padding: 0.25rem;
  width: calc(33% - 1rem);
}
@media print, screen and (min-width: 50em) {
  .home-stats__lowlight .statistic__data {
    text-align: left;
  }
  .home-stats__lowlight .statistic__data:first-child, .home-stats__lowlight .statistic__data:last-child {
    padding-left: 0;
  }
}
.home-stats__lowlight .statistic__number {
  font-size: 1.2rem;
  font-weight: 800;
}
.home-stats__lowlight .statistic__title {
  display: inline;
}
.logo-wrapper span {
  color: white;
  font-weight: 600;
  font-size: 1.4em;
  display: inline-block;
  text-align: left;
  padding-left: 8px;
  line-height: 1;
  position: relative;
}
.logo-wrapper span:hover {
  text-decoration: underline;
}
.logo-wrapper span::before {
  content: "";
  display: block;
  position: absolute;
  border-left: 4px solid white;
  height: 88%;
  top: 6%;
  left: 0;
}
.user-header {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .user-header {
    margin-bottom: 3rem;
  }
}
.user-header__main {
  display: flex;
  align-items: center;
}
.user-header__main::before, .user-header__main::after {
  display: table;
  content: " ";
}
.user-header__main::after {
  clear: both;
}
.user-header__avatar {
  width: 60px;
}
.user-header__avatar > img {
  border-radius: 50%;
  width: 40px;
}
.user-header__heading {
  margin-bottom: 0;
}
.user-nickname {
  color: gray;
  font-size: 1rem;
}
.user-nickname .user-contact_link {
  margin-left: 0.5rem;
}
.account-notification {
  display: flex;
}
.account-notification.callout.flash {
  margin-bottom: 1rem;
}
.badge-card__content {
  display: flex;
  align-items: center;
}
.badge-card__content .icon {
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.7em;
  vertical-align: middle;
}
.profile--sidebar--title {
  font-size: 1.25rem;
}
.view-header {
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 49.99875em) {
  .support-wrapper-md {
    margin: 1rem 0;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 49.99875em) {
  .view-side {
    width: 50%;
    margin: 0 auto 2rem;
    float: none;
  }
}
.add-comment .remaining-character-count {
  border: 0;
  color: #3d393c;
  padding: 0.85em 1em;
  vertical-align: middle;
  display: inline-block;
}
.callout.announcement {
  margin-bottom: 1em;
}
.collection-sort-controls .column, .collection-sort-controls .columns {
  margin-bottom: 0;
}
.reveal--embed {
  overflow-y: hidden;
}
.reveal--embed .embed__code {
  font-family: monospace;
  background: #f4f4f4;
  padding: 1em;
  border-radius: 0.3em;
  font-size: 1em;
  overflow-y: auto;
}
body.widget {
  background: #fff;
  padding: 8px;
  margin: 0;
}
body.widget .participatory-process {
  margin-bottom: 8px;
}
body.widget .card, body.widget .chart-tooltip, body.widget .comment-thread, body.widget .add-message, body.widget .conference-speaker .speaker-bio, .conference-speaker body.widget .speaker-bio, body.widget .conference-registration {
  margin: 0;
}
body.widget .organization {
  margin-top: 8px;
  text-align: right;
}
.external-link-container {
  position: relative;
}
.external-link-indicator {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  width: 0.5em;
  margin: 0 0.2rem 0 0.1rem;
  height: 0.5em;
}
.external-link-indicator .icon {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
a img + .external-link-indicator {
  position: absolute;
  top: 7px;
  right: 5px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.2em;
  width: 0.9rem;
  height: 0.9rem;
}
.external-link-page-content .external-link-url {
  background-color: #fafafa;
  word-wrap: break-word;
  word-break: break-word;
}
.external-link-page-content .external-link-cancel {
  color: #3d393c;
}
.impersonation-warning {
  background: #e8e8e8;
  padding: 0.5em 1em;
  text-align: center;
}
.impersonation-warning a {
  color: #0e3c86;
}
.impersonation-warning__action {
  text-align: center;
}
.impersonation-warning__action .button, .impersonation-warning__action .meeting-polls__button {
  margin: 0.5em 0;
}
@media print, screen and (min-width: 50em) {
  .impersonation-warning__action {
    vertical-align: baseline;
    display: inline-block;
  }
  .impersonation-warning__action .button, .impersonation-warning__action .meeting-polls__button {
    margin: 0 0 0 1em;
  }
}
.label-required {
  cursor: help;
  border-bottom: 1px dotted #1a181d;
  text-decoration: none;
  padding-right: 0;
  margin-left: 5px;
}
.label-required > span {
  padding-right: 0;
  margin-right: 0;
}
.leaflet-container .map-info {
  border: 1px solid #1351b4;
  border: 1px solid var(--primary);
}
.leaflet-container .map-info .leaflet-popup-content-wrapper {
  border-radius: 2px;
}
.leaflet-container .map-info a.button, .leaflet-container .map-info a.meeting-polls__button {
  color: #fff;
}
.leaflet-container .leaflet-popup-tip {
  border: 1px solid #1351b4;
  border: 1px solid var(--primary);
}
#meeting-registration-confirm .help-text {
  border: 1px solid #eee;
  background: #fff;
  padding: 0.5em;
  overflow-y: scroll;
  margin-bottom: 1em;
  margin-top: 0.5em;
  height: 20em;
}
.represent-user-group {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.public-participation {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.user-group-fields {
  margin-bottom: 0.5em;
}
form.new_collaborative_draft fieldset,
form.new_proposal fieldset,
form.edit_proposal fieldset {
  border: 1px solid #e8e8e8;
  padding: 0.5em;
  margin-bottom: 1em;
}
.ql-video {
  max-width: 600px;
  width: 100%;
  height: 450px;
  max-height: 70vh;
  margin: 40px auto;
  display: block;
}
.ql-toolbar .ql-video {
  margin-top: 0;
  margin-bottom: 0;
}
.tech-info--text-left {
  text-align: left;
}
/* Results per page styles */
.results-per-page {
  margin-bottom: 1rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.results-per-page a:hover {
  color: #1351b4;
  color: var(--secondary);
  text-decoration: underline;
}
.results-per-page a:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.results-per-page__dropdown {
  display: flex;
  flex-wrap: wrap;
}
.results-per-page__dropdown .menu .is-dropdown-submenu-parent > a {
  padding: 0;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
.results-per-page__dropdown--right {
  margin-left: auto;
}
.results-per-page__action {
  margin-left: auto;
  justify-content: flex-end;
}
.results-per-page__action .button, .results-per-page__action .meeting-polls__button {
  margin-bottom: 0;
}
.results-per-page__tabs {
  display: inline-block;
}
.results-per-page__tab {
  color: #726a70;
}
.results-per-page__tab::after {
  content: "";
  display: inline-block;
  height: 0.75em;
  border-left: 1px solid #e8e8e8;
  margin: 0 0.2em 0 0.5em;
  vertical-align: middle;
}
.results-per-page__tab.is-active {
  color: #1351b4;
}
.results-per-page__tab:first-of-type {
  padding-left: 0;
}
.results-per-page__tab:last-of-type::after {
  border-left: none;
}
.social-share-button .ssb-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
  height: 18px;
  width: 18px;
}
.social-share-button .ssb-twitter {
  background-image: url(/decidim-packs/media/images/twitter-ee390c342f9f90074a88.svg);
}
.social-share-button .ssb-facebook {
  background-image: url(/decidim-packs/media/images/facebook-0ada3788990cda55b9ba.svg);
}
.social-share-button .ssb-google_bookmark {
  background-image: url(/decidim-packs/media/images/google_bookmark-524f99e4fffb564dda37.svg);
}
.social-share-button .ssb-google_plus {
  background-image: url(/decidim-packs/media/images/google_plus-4118815a76b760dea8e7.svg);
}
.social-share-button .ssb-weibo {
  background-image: url(/decidim-packs/media/images/weibo-20a80f206cb23e64c556.svg);
}
.social-share-button .ssb-qq {
  background-image: url(/decidim-packs/media/images/qq-883b6ea8c69ef9ce093c.svg);
}
.social-share-button .ssb-delicious {
  background-image: url(/decidim-packs/media/images/delicious-645ddfaca5163af23947.svg);
}
.social-share-button .ssb-linkedin {
  background-image: url(/decidim-packs/media/images/linkedin-96905a0a4097dc978626.svg);
}
.social-share-button .ssb-tumblr {
  background-image: url(/decidim-packs/media/images/tumblr-4d59e5b74838fa10b52f.svg);
}
.social-share-button .ssb-pinterest {
  background-image: url(/decidim-packs/media/images/pinterest-e1a7ea454b158f6c3fd6.svg);
}
.social-share-button .ssb-douban {
  background-image: url(/decidim-packs/media/images/douban-59306a4ec1a7595eda35.svg);
}
.social-share-button .ssb-wechat {
  background-image: url(/decidim-packs/media/images/wechat-28b576b3290e9cb55115.svg);
}
.social-share-button .ssb-vkontakte {
  background-image: url(/decidim-packs/media/images/vkontakte-e41f3b3192e8f0eab1d1.svg);
}
.social-share-button .ssb-odnoklassniki {
  background-image: url(/decidim-packs/media/images/odnoklassniki-cef3146ee2d5fdb32157.svg);
}
.social-share-button .ssb-xing {
  background-image: url(/decidim-packs/media/images/xing-dc9a2b2304a9d39eea11.svg);
}
.social-share-button .ssb-email {
  background-image: url(/decidim-packs/media/images/email-d79a53d1d223015094db.svg);
}
.social-share-button .ssb-reddit {
  background-image: url(/decidim-packs/media/images/reddit-f39b812702e7016a015a.svg);
}
.social-share-button .ssb-hacker_news {
  background-image: url(/decidim-packs/media/images/hacker_news-b117e036a024756086ab.svg);
}
.social-share-button .ssb-telegram {
  background-image: url(/decidim-packs/media/images/telegram-ca65ba180088505e1371.svg);
}
.social-share-button .ssb-whatsapp_app,
.social-share-button .ssb-whatsapp_web {
  background-image: url(/decidim-packs/media/images/whatsapp-8f3586f10ca30504aed4.svg);
}
.ss-wechat-dialog {
  width: 300px;
  position: fixed;
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  z-index: 11001;
  font-size: 14px;
  line-height: 1.2em;
}
.ss-wechat-dialog .wechat-popup-header {
  font-weight: bold;
}
.ss-wechat-dialog .wechat-dialog-qr {
  text-align: center;
  margin: 25px 0;
}
.ss-wechat-dialog .wechat-popup-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #999;
  text-decoration: none;
  font-size: 16px;
}
.ss-wechat-dialog .wechat-popup-footer {
  text-align: left;
  line-height: 22px;
  color: #666;
}
.share-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.social-share-button {
  display: inline-block;
  vertical-align: top;
}
.social-share-button .ssb-icon {
  margin-right: 5px;
  background-size: 45px 45px;
  height: 45px;
  width: 45px;
}
a.ssb-icon.ssb-whatsapp_app {
  display: none;
}
@media (hover: none) and (pointer: coarse) {
  a.ssb-icon.ssb-whatsapp_app {
    display: inline-block;
  }
  a.ssb-icon.ssb-whatsapp_web {
    display: none;
  }
}
#urlShareLink {
  cursor: auto;
}
.proposal-status.label.secondary {
  color: #fff;
}
.areachart svg {
  background-color: #f4f4f4;
  overflow: visible;
  border-radius: 3px;
}
.areachart .title {
  fill: #726a70;
  font-weight: 600;
}
.areachart .area {
  fill: rgba(239, 96, 77, 0.05);
  fill: rgba(var(--primary-rgb), 0.05);
}
.areachart .line {
  fill: none;
  stroke: rgba(239, 96, 77, 0.2);
  stroke: rgba(var(--primary-rgb), 0.2);
  stroke-width: 4px;
}
.areachart .circle {
  fill: rgba(239, 96, 77, 0.2);
  fill: rgba(var(--primary-rgb), 0.2);
}
.areachart .tick {
  opacity: 0.5;
}
.areachart .tick .dashed {
  stroke-dasharray: 1, 3;
}
.areachart .sum {
  font-weight: 600;
  font-size: 4.5rem;
}
.areachart.primary .area {
  fill: rgba(203, 60, 41, 0.05);
}
.areachart.primary .line {
  stroke: rgba(203, 60, 41, 0.2);
}
.areachart.primary .circle {
  fill: rgba(203, 60, 41, 0.2);
}
.areachart.secondary .area {
  fill: rgba(19, 81, 180, 0.05);
}
.areachart.secondary .line {
  stroke: rgba(19, 81, 180, 0.2);
}
.areachart.secondary .circle {
  fill: rgba(19, 81, 180, 0.2);
}
.areachart.success .area {
  fill: rgba(87, 214, 133, 0.05);
}
.areachart.success .line {
  stroke: rgba(87, 214, 133, 0.2);
}
.areachart.success .circle {
  fill: rgba(87, 214, 133, 0.2);
}
.areachart.warning .area {
  fill: rgba(255, 174, 0, 0.05);
}
.areachart.warning .line {
  stroke: rgba(255, 174, 0, 0.2);
}
.areachart.warning .circle {
  fill: rgba(255, 174, 0, 0.2);
}
.areachart.alert .area {
  fill: rgba(236, 88, 64, 0.05);
}
.areachart.alert .line {
  stroke: rgba(236, 88, 64, 0.2);
}
.areachart.alert .circle {
  fill: rgba(236, 88, 64, 0.2);
}
.areachart.small .sum, .areachart.meeting-polls__button .sum {
  font-size: 1.75rem;
}
.chart-tooltip {
  position: absolute;
  transform: translate(-50%, -119%);
  box-shadow: 0 0 20px 0 rgba(26, 24, 29, 0.2);
  overflow: visible;
}
.chart-tooltip .tooltip-content {
  position: relative;
}
.chart-tooltip .tooltip-content::after, .chart-tooltip .tooltip-content::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.chart-tooltip .tooltip-content::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
  top: calc(100% - 1px);
}
.chart-tooltip .tooltip-content::before {
  border-color: rgba(232, 232, 232, 0);
  border-top-color: #e8e8e8;
  border-width: 11px;
  margin-left: -11px;
}
.linechart svg {
  overflow: visible;
}
.linechart .background {
  fill: #f4f4f4;
}
.linechart .title {
  fill: #726a70;
  font-weight: 600;
  font-size: 1.5rem;
}
.linechart .subtitle {
  fill: #726a70;
  font-size: 0.875rem;
}
.linechart .tick {
  opacity: 0.5;
}
.linechart .tick .dashed {
  stroke-dasharray: 3;
}
.linechart .line {
  fill: none;
  stroke-width: 3px;
}
.linechart .type-0:not(.legend) {
  stroke: #2590f7;
}
.linechart .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #f78c25;
}
.linechart .type-0:not(.line) {
  fill: #2590f7;
}
.linechart .type-0:not(.line):hover {
  cursor: pointer;
  fill: #f78c25;
}
.linechart .type-1:not(.legend) {
  stroke: #5aabf9;
}
.linechart .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #f9a85a;
}
.linechart .type-1:not(.line) {
  fill: #5aabf9;
}
.linechart .type-1:not(.line):hover {
  cursor: pointer;
  fill: #f9a85a;
}
.linechart .type-2:not(.legend) {
  stroke: #8fc6fb;
}
.linechart .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #fbc48f;
}
.linechart .type-2:not(.line) {
  fill: #8fc6fb;
}
.linechart .type-2:not(.line):hover {
  cursor: pointer;
  fill: #fbc48f;
}
.linechart .type-3:not(.legend) {
  stroke: #c4e1fd;
}
.linechart .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #fde0c4;
}
.linechart .type-3:not(.line) {
  fill: #c4e1fd;
}
.linechart .type-3:not(.line):hover {
  cursor: pointer;
  fill: #fde0c4;
}
.linechart .type-4:not(.legend) {
  stroke: #238ef5;
}
.linechart .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #f58a23;
}
.linechart .type-4:not(.line) {
  fill: #238ef5;
}
.linechart .type-4:not(.line):hover {
  cursor: pointer;
  fill: #f58a23;
}
.linechart .type-5:not(.legend) {
  stroke: #1a6bb9;
}
.linechart .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #b9681a;
}
.linechart .type-5:not(.line) {
  fill: #1a6bb9;
}
.linechart .type-5:not(.line):hover {
  cursor: pointer;
  fill: #b9681a;
}
.linechart .type-6:not(.legend) {
  stroke: #12497e;
}
.linechart .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #7e4712;
}
.linechart .type-6:not(.line) {
  fill: #12497e;
}
.linechart .type-6:not(.line):hover {
  cursor: pointer;
  fill: #7e4712;
}
.linechart .type-7:not(.legend) {
  stroke: #092743;
}
.linechart .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #432509;
}
.linechart .type-7:not(.line) {
  fill: #092743;
}
.linechart .type-7:not(.line):hover {
  cursor: pointer;
  fill: #432509;
}
.linechart .type-8:not(.legend) {
  stroke: #2895f7;
}
.linechart .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #f78a28;
}
.linechart .type-8:not(.line) {
  fill: #2895f7;
}
.linechart .type-8:not(.line):hover {
  cursor: pointer;
  fill: #f78a28;
}
.linechart .type-9:not(.legend) {
  stroke: #9ef5fb;
}
.linechart .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #fba59e;
}
.linechart .type-9:not(.line) {
  fill: #9ef5fb;
}
.linechart .type-9:not(.line):hover {
  cursor: pointer;
  fill: #fba59e;
}
.linechart .type-10:not(.legend) {
  stroke: white;
}
.linechart .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart .type-10:not(.line) {
  fill: white;
}
.linechart .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart .type-11:not(.legend) {
  stroke: white;
}
.linechart .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart .type-11:not(.line) {
  fill: white;
}
.linechart .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.primary .type-0:not(.legend) {
  stroke: #cc3e2b;
}
.linechart.primary .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #2bb9cc;
}
.linechart.primary .type-0:not(.line) {
  fill: #cc3e2b;
}
.linechart.primary .type-0:not(.line):hover {
  cursor: pointer;
  fill: #2bb9cc;
}
.linechart.primary .type-1:not(.legend) {
  stroke: #d86d5f;
}
.linechart.primary .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #5fcad8;
}
.linechart.primary .type-1:not(.line) {
  fill: #d86d5f;
}
.linechart.primary .type-1:not(.line):hover {
  cursor: pointer;
  fill: #5fcad8;
}
.linechart.primary .type-2:not(.legend) {
  stroke: #e49c92;
}
.linechart.primary .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #92dae4;
}
.linechart.primary .type-2:not(.line) {
  fill: #e49c92;
}
.linechart.primary .type-2:not(.line):hover {
  cursor: pointer;
  fill: #92dae4;
}
.linechart.primary .type-3:not(.legend) {
  stroke: #f1cac5;
}
.linechart.primary .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #c5ecf1;
}
.linechart.primary .type-3:not(.line) {
  fill: #f1cac5;
}
.linechart.primary .type-3:not(.line):hover {
  cursor: pointer;
  fill: #c5ecf1;
}
.linechart.primary .type-4:not(.legend) {
  stroke: #c93b29;
}
.linechart.primary .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #29b7c9;
}
.linechart.primary .type-4:not(.line) {
  fill: #c93b29;
}
.linechart.primary .type-4:not(.line):hover {
  cursor: pointer;
  fill: #29b7c9;
}
.linechart.primary .type-5:not(.legend) {
  stroke: #982d1f;
}
.linechart.primary .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #1f8a98;
}
.linechart.primary .type-5:not(.line) {
  fill: #982d1f;
}
.linechart.primary .type-5:not(.line):hover {
  cursor: pointer;
  fill: #1f8a98;
}
.linechart.primary .type-6:not(.legend) {
  stroke: #681f15;
}
.linechart.primary .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #155e68;
}
.linechart.primary .type-6:not(.line) {
  fill: #681f15;
}
.linechart.primary .type-6:not(.line):hover {
  cursor: pointer;
  fill: #155e68;
}
.linechart.primary .type-7:not(.legend) {
  stroke: #37100b;
}
.linechart.primary .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #0b3237;
}
.linechart.primary .type-7:not(.line) {
  fill: #37100b;
}
.linechart.primary .type-7:not(.line):hover {
  cursor: pointer;
  fill: #0b3237;
}
.linechart.primary .type-8:not(.legend) {
  stroke: #cf3a2a;
}
.linechart.primary .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #2abfcf;
}
.linechart.primary .type-8:not(.line) {
  fill: #cf3a2a;
}
.linechart.primary .type-8:not(.line):hover {
  cursor: pointer;
  fill: #2abfcf;
}
.linechart.primary .type-9:not(.legend) {
  stroke: #e88ca7;
}
.linechart.primary .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #8ce8cc;
}
.linechart.primary .type-9:not(.line) {
  fill: #e88ca7;
}
.linechart.primary .type-9:not(.line):hover {
  cursor: pointer;
  fill: #8ce8cc;
}
.linechart.primary .type-10:not(.legend) {
  stroke: #fcf2f9;
}
.linechart.primary .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #f2fcf5;
}
.linechart.primary .type-10:not(.line) {
  fill: #fcf2f9;
}
.linechart.primary .type-10:not(.line):hover {
  cursor: pointer;
  fill: #f2fcf5;
}
.linechart.primary .type-11:not(.legend) {
  stroke: white;
}
.linechart.primary .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.primary .type-11:not(.line) {
  fill: white;
}
.linechart.primary .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.secondary .type-0:not(.legend) {
  stroke: #1553b5;
}
.linechart.secondary .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #b57715;
}
.linechart.secondary .type-0:not(.line) {
  fill: #1553b5;
}
.linechart.secondary .type-0:not(.line):hover {
  cursor: pointer;
  fill: #b57715;
}
.linechart.secondary .type-1:not(.legend) {
  stroke: #4e7dc7;
}
.linechart.secondary .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #c7984e;
}
.linechart.secondary .type-1:not(.line) {
  fill: #4e7dc7;
}
.linechart.secondary .type-1:not(.line):hover {
  cursor: pointer;
  fill: #c7984e;
}
.linechart.secondary .type-2:not(.legend) {
  stroke: #87a6d9;
}
.linechart.secondary .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #d9ba87;
}
.linechart.secondary .type-2:not(.line) {
  fill: #87a6d9;
}
.linechart.secondary .type-2:not(.line):hover {
  cursor: pointer;
  fill: #d9ba87;
}
.linechart.secondary .type-3:not(.legend) {
  stroke: #bfd0eb;
}
.linechart.secondary .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #ebdabf;
}
.linechart.secondary .type-3:not(.line) {
  fill: #bfd0eb;
}
.linechart.secondary .type-3:not(.line):hover {
  cursor: pointer;
  fill: #ebdabf;
}
.linechart.secondary .type-4:not(.legend) {
  stroke: #1350b2;
}
.linechart.secondary .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #b27513;
}
.linechart.secondary .type-4:not(.line) {
  fill: #1350b2;
}
.linechart.secondary .type-4:not(.line):hover {
  cursor: pointer;
  fill: #b27513;
}
.linechart.secondary .type-5:not(.legend) {
  stroke: #0e3d87;
}
.linechart.secondary .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #87580e;
}
.linechart.secondary .type-5:not(.line) {
  fill: #0e3d87;
}
.linechart.secondary .type-5:not(.line):hover {
  cursor: pointer;
  fill: #87580e;
}
.linechart.secondary .type-6:not(.legend) {
  stroke: #0a295c;
}
.linechart.secondary .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #5c3d0a;
}
.linechart.secondary .type-6:not(.line) {
  fill: #0a295c;
}
.linechart.secondary .type-6:not(.line):hover {
  cursor: pointer;
  fill: #5c3d0a;
}
.linechart.secondary .type-7:not(.legend) {
  stroke: #051631;
}
.linechart.secondary .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #312005;
}
.linechart.secondary .type-7:not(.line) {
  fill: #051631;
}
.linechart.secondary .type-7:not(.line):hover {
  cursor: pointer;
  fill: #312005;
}
.linechart.secondary .type-8:not(.legend) {
  stroke: #1356b9;
}
.linechart.secondary .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #b97613;
}
.linechart.secondary .type-8:not(.line) {
  fill: #1356b9;
}
.linechart.secondary .type-8:not(.line):hover {
  cursor: pointer;
  fill: #b97613;
}
.linechart.secondary .type-9:not(.legend) {
  stroke: #59d0ed;
}
.linechart.secondary .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #ed7659;
}
.linechart.secondary .type-9:not(.line) {
  fill: #59d0ed;
}
.linechart.secondary .type-9:not(.line):hover {
  cursor: pointer;
  fill: #ed7659;
}
.linechart.secondary .type-10:not(.legend) {
  stroke: #c8f9ef;
}
.linechart.secondary .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #f9c8d2;
}
.linechart.secondary .type-10:not(.line) {
  fill: #c8f9ef;
}
.linechart.secondary .type-10:not(.line):hover {
  cursor: pointer;
  fill: #f9c8d2;
}
.linechart.secondary .type-11:not(.legend) {
  stroke: white;
}
.linechart.secondary .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.secondary .type-11:not(.line) {
  fill: white;
}
.linechart.secondary .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.success .type-0:not(.legend) {
  stroke: #59d686;
}
.linechart.success .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #d659a9;
}
.linechart.success .type-0:not(.line) {
  fill: #59d686;
}
.linechart.success .type-0:not(.line):hover {
  cursor: pointer;
  fill: #d659a9;
}
.linechart.success .type-1:not(.legend) {
  stroke: #81e0a4;
}
.linechart.success .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #e081bd;
}
.linechart.success .type-1:not(.line) {
  fill: #81e0a4;
}
.linechart.success .type-1:not(.line):hover {
  cursor: pointer;
  fill: #e081bd;
}
.linechart.success .type-2:not(.legend) {
  stroke: #a9eac1;
}
.linechart.success .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #eaa9d2;
}
.linechart.success .type-2:not(.line) {
  fill: #a9eac1;
}
.linechart.success .type-2:not(.line):hover {
  cursor: pointer;
  fill: #eaa9d2;
}
.linechart.success .type-3:not(.legend) {
  stroke: #d2f4de;
}
.linechart.success .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #f4d2e8;
}
.linechart.success .type-3:not(.line) {
  fill: #d2f4de;
}
.linechart.success .type-3:not(.line):hover {
  cursor: pointer;
  fill: #f4d2e8;
}
.linechart.success .type-4:not(.legend) {
  stroke: #56d484;
}
.linechart.success .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #d456a6;
}
.linechart.success .type-4:not(.line) {
  fill: #56d484;
}
.linechart.success .type-4:not(.line):hover {
  cursor: pointer;
  fill: #d456a6;
}
.linechart.success .type-5:not(.legend) {
  stroke: #41a164;
}
.linechart.success .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #a1417e;
}
.linechart.success .type-5:not(.line) {
  fill: #41a164;
}
.linechart.success .type-5:not(.line):hover {
  cursor: pointer;
  fill: #a1417e;
}
.linechart.success .type-6:not(.legend) {
  stroke: #2c6d44;
}
.linechart.success .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #6d2c55;
}
.linechart.success .type-6:not(.line) {
  fill: #2c6d44;
}
.linechart.success .type-6:not(.line):hover {
  cursor: pointer;
  fill: #6d2c55;
}
.linechart.success .type-7:not(.legend) {
  stroke: #173a24;
}
.linechart.success .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #3a172d;
}
.linechart.success .type-7:not(.line) {
  fill: #173a24;
}
.linechart.success .type-7:not(.line):hover {
  cursor: pointer;
  fill: #3a172d;
}
.linechart.success .type-8:not(.legend) {
  stroke: #5bd786;
}
.linechart.success .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #d75bac;
}
.linechart.success .type-8:not(.line) {
  fill: #5bd786;
}
.linechart.success .type-8:not(.line):hover {
  cursor: pointer;
  fill: #d75bac;
}
.linechart.success .type-9:not(.legend) {
  stroke: #c0efbd;
}
.linechart.success .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #ecbdef;
}
.linechart.success .type-9:not(.line) {
  fill: #c0efbd;
}
.linechart.success .type-9:not(.line):hover {
  cursor: pointer;
  fill: #ecbdef;
}
.linechart.success .type-10:not(.legend) {
  stroke: white;
}
.linechart.success .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.success .type-10:not(.line) {
  fill: white;
}
.linechart.success .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.success .type-11:not(.legend) {
  stroke: white;
}
.linechart.success .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.success .type-11:not(.line) {
  fill: white;
}
.linechart.success .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.warning .type-0:not(.legend) {
  stroke: #ffaf03;
}
.linechart.warning .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #0353ff;
}
.linechart.warning .type-0:not(.line) {
  fill: #ffaf03;
}
.linechart.warning .type-0:not(.line):hover {
  cursor: pointer;
  fill: #0353ff;
}
.linechart.warning .type-1:not(.legend) {
  stroke: #ffc240;
}
.linechart.warning .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #407dff;
}
.linechart.warning .type-1:not(.line) {
  fill: #ffc240;
}
.linechart.warning .type-1:not(.line):hover {
  cursor: pointer;
  fill: #407dff;
}
.linechart.warning .type-2:not(.legend) {
  stroke: #ffd67d;
}
.linechart.warning .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #7da6ff;
}
.linechart.warning .type-2:not(.line) {
  fill: #ffd67d;
}
.linechart.warning .type-2:not(.line):hover {
  cursor: pointer;
  fill: #7da6ff;
}
.linechart.warning .type-3:not(.legend) {
  stroke: #ffe9ba;
}
.linechart.warning .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #bad0ff;
}
.linechart.warning .type-3:not(.line) {
  fill: #ffe9ba;
}
.linechart.warning .type-3:not(.line):hover {
  cursor: pointer;
  fill: #bad0ff;
}
.linechart.warning .type-4:not(.legend) {
  stroke: #fcac00;
}
.linechart.warning .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #0050fc;
}
.linechart.warning .type-4:not(.line) {
  fill: #fcac00;
}
.linechart.warning .type-4:not(.line):hover {
  cursor: pointer;
  fill: #0050fc;
}
.linechart.warning .type-5:not(.legend) {
  stroke: #bf8300;
}
.linechart.warning .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #003cbf;
}
.linechart.warning .type-5:not(.line) {
  fill: #bf8300;
}
.linechart.warning .type-5:not(.line):hover {
  cursor: pointer;
  fill: #003cbf;
}
.linechart.warning .type-6:not(.legend) {
  stroke: #825900;
}
.linechart.warning .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #002982;
}
.linechart.warning .type-6:not(.line) {
  fill: #825900;
}
.linechart.warning .type-6:not(.line):hover {
  cursor: pointer;
  fill: #002982;
}
.linechart.warning .type-7:not(.legend) {
  stroke: #452f00;
}
.linechart.warning .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #001645;
}
.linechart.warning .type-7:not(.line) {
  fill: #452f00;
}
.linechart.warning .type-7:not(.line):hover {
  cursor: pointer;
  fill: #001645;
}
.linechart.warning .type-8:not(.legend) {
  stroke: #ffab05;
}
.linechart.warning .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #0559ff;
}
.linechart.warning .type-8:not(.line) {
  fill: #ffab05;
}
.linechart.warning .type-8:not(.line):hover {
  cursor: pointer;
  fill: #0559ff;
}
.linechart.warning .type-9:not(.legend) {
  stroke: #ffa180;
}
.linechart.warning .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #80ddff;
}
.linechart.warning .type-9:not(.line) {
  fill: #ffa180;
}
.linechart.warning .type-9:not(.line):hover {
  cursor: pointer;
  fill: #80ddff;
}
.linechart.warning .type-10:not(.legend) {
  stroke: #fffafb;
}
.linechart.warning .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: #fafffe;
}
.linechart.warning .type-10:not(.line) {
  fill: #fffafb;
}
.linechart.warning .type-10:not(.line):hover {
  cursor: pointer;
  fill: #fafffe;
}
.linechart.warning .type-11:not(.legend) {
  stroke: white;
}
.linechart.warning .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.warning .type-11:not(.line) {
  fill: white;
}
.linechart.warning .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.alert .type-0:not(.legend) {
  stroke: #ec5a42;
}
.linechart.alert .type-0:not(.legend):hover {
  cursor: pointer;
  stroke: #42d4ec;
}
.linechart.alert .type-0:not(.line) {
  fill: #ec5a42;
}
.linechart.alert .type-0:not(.line):hover {
  cursor: pointer;
  fill: #42d4ec;
}
.linechart.alert .type-1:not(.legend) {
  stroke: #f18270;
}
.linechart.alert .type-1:not(.legend):hover {
  cursor: pointer;
  stroke: #70dff1;
}
.linechart.alert .type-1:not(.line) {
  fill: #f18270;
}
.linechart.alert .type-1:not(.line):hover {
  cursor: pointer;
  fill: #70dff1;
}
.linechart.alert .type-2:not(.legend) {
  stroke: #f5aa9e;
}
.linechart.alert .type-2:not(.legend):hover {
  cursor: pointer;
  stroke: #9ee9f5;
}
.linechart.alert .type-2:not(.line) {
  fill: #f5aa9e;
}
.linechart.alert .type-2:not(.line):hover {
  cursor: pointer;
  fill: #9ee9f5;
}
.linechart.alert .type-3:not(.legend) {
  stroke: #fad2cb;
}
.linechart.alert .type-3:not(.legend):hover {
  cursor: pointer;
  stroke: #cbf3fa;
}
.linechart.alert .type-3:not(.line) {
  fill: #fad2cb;
}
.linechart.alert .type-3:not(.line):hover {
  cursor: pointer;
  fill: #cbf3fa;
}
.linechart.alert .type-4:not(.legend) {
  stroke: #ea573f;
}
.linechart.alert .type-4:not(.legend):hover {
  cursor: pointer;
  stroke: #3fd2ea;
}
.linechart.alert .type-4:not(.line) {
  fill: #ea573f;
}
.linechart.alert .type-4:not(.line):hover {
  cursor: pointer;
  fill: #3fd2ea;
}
.linechart.alert .type-5:not(.legend) {
  stroke: #b14230;
}
.linechart.alert .type-5:not(.legend):hover {
  cursor: pointer;
  stroke: #309fb1;
}
.linechart.alert .type-5:not(.line) {
  fill: #b14230;
}
.linechart.alert .type-5:not(.line):hover {
  cursor: pointer;
  fill: #309fb1;
}
.linechart.alert .type-6:not(.legend) {
  stroke: #782d21;
}
.linechart.alert .type-6:not(.legend):hover {
  cursor: pointer;
  stroke: #216c78;
}
.linechart.alert .type-6:not(.line) {
  fill: #782d21;
}
.linechart.alert .type-6:not(.line):hover {
  cursor: pointer;
  fill: #216c78;
}
.linechart.alert .type-7:not(.legend) {
  stroke: #401811;
}
.linechart.alert .type-7:not(.legend):hover {
  cursor: pointer;
  stroke: #113940;
}
.linechart.alert .type-7:not(.line) {
  fill: #401811;
}
.linechart.alert .type-7:not(.line):hover {
  cursor: pointer;
  fill: #113940;
}
.linechart.alert .type-8:not(.legend) {
  stroke: #ec5945;
}
.linechart.alert .type-8:not(.legend):hover {
  cursor: pointer;
  stroke: #45d8ec;
}
.linechart.alert .type-8:not(.line) {
  fill: #ec5945;
}
.linechart.alert .type-8:not(.line):hover {
  cursor: pointer;
  fill: #45d8ec;
}
.linechart.alert .type-9:not(.legend) {
  stroke: #f8b4c7;
}
.linechart.alert .type-9:not(.legend):hover {
  cursor: pointer;
  stroke: #b4f8e5;
}
.linechart.alert .type-9:not(.line) {
  fill: #f8b4c7;
}
.linechart.alert .type-9:not(.line):hover {
  cursor: pointer;
  fill: #b4f8e5;
}
.linechart.alert .type-10:not(.legend) {
  stroke: white;
}
.linechart.alert .type-10:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.alert .type-10:not(.line) {
  fill: white;
}
.linechart.alert .type-10:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.linechart.alert .type-11:not(.legend) {
  stroke: white;
}
.linechart.alert .type-11:not(.legend):hover {
  cursor: pointer;
  stroke: white;
}
.linechart.alert .type-11:not(.line) {
  fill: white;
}
.linechart.alert .type-11:not(.line):hover {
  cursor: pointer;
  fill: white;
}
.orgchart .as-card {
  fill: #f4f4f4;
  stroke: #e8e8e8;
  stroke-width: 3px;
}
.orgchart .as-text {
  font-weight: 600;
  fill: #1351b4;
  text-anchor: middle;
}
.orgchart .as-circle {
  stroke: #e8e8e8;
  stroke-width: 3px;
  fill: #f4f4f4;
}
.orgchart .link {
  stroke: #e8e8e8;
  stroke-width: 3px;
}
.orgchart .node {
  cursor: pointer;
}
.orgchart .button, .orgchart .meeting-polls__button {
  min-height: 2.4375rem;
  color: #3d393c;
  outline: none;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(26, 24, 29, 0.1);
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.orgchart .button:hover, .orgchart .meeting-polls__button:hover {
  background-color: #fff;
}
.rowchart .background {
  fill: #f4f4f4;
}
.rowchart .title {
  fill: #726a70;
  font-weight: 600;
  font-size: 1.5rem;
}
.rowchart .subtitle {
  fill: #726a70;
  font-size: 0.875rem;
}
.rowchart .tick {
  opacity: 0.5;
}
.rowchart .tick .dashed {
  stroke-dasharray: 3;
}
.rowchart .type-0 {
  fill: #2590f7;
}
.rowchart .type-0:hover {
  cursor: pointer;
  fill: #f78c25;
}
.rowchart .type-1 {
  fill: #5aabf9;
}
.rowchart .type-1:hover {
  cursor: pointer;
  fill: #f9a85a;
}
.rowchart .type-2 {
  fill: #8fc6fb;
}
.rowchart .type-2:hover {
  cursor: pointer;
  fill: #fbc48f;
}
.rowchart .type-3 {
  fill: #c4e1fd;
}
.rowchart .type-3:hover {
  cursor: pointer;
  fill: #fde0c4;
}
.rowchart .type-4 {
  fill: #238ef5;
}
.rowchart .type-4:hover {
  cursor: pointer;
  fill: #f58a23;
}
.rowchart .type-5 {
  fill: #1a6bb9;
}
.rowchart .type-5:hover {
  cursor: pointer;
  fill: #b9681a;
}
.rowchart .type-6 {
  fill: #12497e;
}
.rowchart .type-6:hover {
  cursor: pointer;
  fill: #7e4712;
}
.rowchart .type-7 {
  fill: #092743;
}
.rowchart .type-7:hover {
  cursor: pointer;
  fill: #432509;
}
.rowchart .type-8 {
  fill: #2895f7;
}
.rowchart .type-8:hover {
  cursor: pointer;
  fill: #f78a28;
}
.rowchart .type-9 {
  fill: #9ef5fb;
}
.rowchart .type-9:hover {
  cursor: pointer;
  fill: #fba59e;
}
.rowchart .type-10 {
  fill: white;
}
.rowchart .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart .type-11 {
  fill: white;
}
.rowchart .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.primary .type-0 {
  fill: #cc3e2b;
}
.rowchart.primary .type-0:hover {
  cursor: pointer;
  fill: #2bb9cc;
}
.rowchart.primary .type-1 {
  fill: #d86d5f;
}
.rowchart.primary .type-1:hover {
  cursor: pointer;
  fill: #5fcad8;
}
.rowchart.primary .type-2 {
  fill: #e49c92;
}
.rowchart.primary .type-2:hover {
  cursor: pointer;
  fill: #92dae4;
}
.rowchart.primary .type-3 {
  fill: #f1cac5;
}
.rowchart.primary .type-3:hover {
  cursor: pointer;
  fill: #c5ecf1;
}
.rowchart.primary .type-4 {
  fill: #c93b29;
}
.rowchart.primary .type-4:hover {
  cursor: pointer;
  fill: #29b7c9;
}
.rowchart.primary .type-5 {
  fill: #982d1f;
}
.rowchart.primary .type-5:hover {
  cursor: pointer;
  fill: #1f8a98;
}
.rowchart.primary .type-6 {
  fill: #681f15;
}
.rowchart.primary .type-6:hover {
  cursor: pointer;
  fill: #155e68;
}
.rowchart.primary .type-7 {
  fill: #37100b;
}
.rowchart.primary .type-7:hover {
  cursor: pointer;
  fill: #0b3237;
}
.rowchart.primary .type-8 {
  fill: #cf3a2a;
}
.rowchart.primary .type-8:hover {
  cursor: pointer;
  fill: #2abfcf;
}
.rowchart.primary .type-9 {
  fill: #e88ca7;
}
.rowchart.primary .type-9:hover {
  cursor: pointer;
  fill: #8ce8cc;
}
.rowchart.primary .type-10 {
  fill: #fcf2f9;
}
.rowchart.primary .type-10:hover {
  cursor: pointer;
  fill: #f2fcf5;
}
.rowchart.primary .type-11 {
  fill: white;
}
.rowchart.primary .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.secondary .type-0 {
  fill: #1553b5;
}
.rowchart.secondary .type-0:hover {
  cursor: pointer;
  fill: #b57715;
}
.rowchart.secondary .type-1 {
  fill: #4e7dc7;
}
.rowchart.secondary .type-1:hover {
  cursor: pointer;
  fill: #c7984e;
}
.rowchart.secondary .type-2 {
  fill: #87a6d9;
}
.rowchart.secondary .type-2:hover {
  cursor: pointer;
  fill: #d9ba87;
}
.rowchart.secondary .type-3 {
  fill: #bfd0eb;
}
.rowchart.secondary .type-3:hover {
  cursor: pointer;
  fill: #ebdabf;
}
.rowchart.secondary .type-4 {
  fill: #1350b2;
}
.rowchart.secondary .type-4:hover {
  cursor: pointer;
  fill: #b27513;
}
.rowchart.secondary .type-5 {
  fill: #0e3d87;
}
.rowchart.secondary .type-5:hover {
  cursor: pointer;
  fill: #87580e;
}
.rowchart.secondary .type-6 {
  fill: #0a295c;
}
.rowchart.secondary .type-6:hover {
  cursor: pointer;
  fill: #5c3d0a;
}
.rowchart.secondary .type-7 {
  fill: #051631;
}
.rowchart.secondary .type-7:hover {
  cursor: pointer;
  fill: #312005;
}
.rowchart.secondary .type-8 {
  fill: #1356b9;
}
.rowchart.secondary .type-8:hover {
  cursor: pointer;
  fill: #b97613;
}
.rowchart.secondary .type-9 {
  fill: #59d0ed;
}
.rowchart.secondary .type-9:hover {
  cursor: pointer;
  fill: #ed7659;
}
.rowchart.secondary .type-10 {
  fill: #c8f9ef;
}
.rowchart.secondary .type-10:hover {
  cursor: pointer;
  fill: #f9c8d2;
}
.rowchart.secondary .type-11 {
  fill: white;
}
.rowchart.secondary .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.success .type-0 {
  fill: #59d686;
}
.rowchart.success .type-0:hover {
  cursor: pointer;
  fill: #d659a9;
}
.rowchart.success .type-1 {
  fill: #81e0a4;
}
.rowchart.success .type-1:hover {
  cursor: pointer;
  fill: #e081bd;
}
.rowchart.success .type-2 {
  fill: #a9eac1;
}
.rowchart.success .type-2:hover {
  cursor: pointer;
  fill: #eaa9d2;
}
.rowchart.success .type-3 {
  fill: #d2f4de;
}
.rowchart.success .type-3:hover {
  cursor: pointer;
  fill: #f4d2e8;
}
.rowchart.success .type-4 {
  fill: #56d484;
}
.rowchart.success .type-4:hover {
  cursor: pointer;
  fill: #d456a6;
}
.rowchart.success .type-5 {
  fill: #41a164;
}
.rowchart.success .type-5:hover {
  cursor: pointer;
  fill: #a1417e;
}
.rowchart.success .type-6 {
  fill: #2c6d44;
}
.rowchart.success .type-6:hover {
  cursor: pointer;
  fill: #6d2c55;
}
.rowchart.success .type-7 {
  fill: #173a24;
}
.rowchart.success .type-7:hover {
  cursor: pointer;
  fill: #3a172d;
}
.rowchart.success .type-8 {
  fill: #5bd786;
}
.rowchart.success .type-8:hover {
  cursor: pointer;
  fill: #d75bac;
}
.rowchart.success .type-9 {
  fill: #c0efbd;
}
.rowchart.success .type-9:hover {
  cursor: pointer;
  fill: #ecbdef;
}
.rowchart.success .type-10 {
  fill: white;
}
.rowchart.success .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.success .type-11 {
  fill: white;
}
.rowchart.success .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.warning .type-0 {
  fill: #ffaf03;
}
.rowchart.warning .type-0:hover {
  cursor: pointer;
  fill: #0353ff;
}
.rowchart.warning .type-1 {
  fill: #ffc240;
}
.rowchart.warning .type-1:hover {
  cursor: pointer;
  fill: #407dff;
}
.rowchart.warning .type-2 {
  fill: #ffd67d;
}
.rowchart.warning .type-2:hover {
  cursor: pointer;
  fill: #7da6ff;
}
.rowchart.warning .type-3 {
  fill: #ffe9ba;
}
.rowchart.warning .type-3:hover {
  cursor: pointer;
  fill: #bad0ff;
}
.rowchart.warning .type-4 {
  fill: #fcac00;
}
.rowchart.warning .type-4:hover {
  cursor: pointer;
  fill: #0050fc;
}
.rowchart.warning .type-5 {
  fill: #bf8300;
}
.rowchart.warning .type-5:hover {
  cursor: pointer;
  fill: #003cbf;
}
.rowchart.warning .type-6 {
  fill: #825900;
}
.rowchart.warning .type-6:hover {
  cursor: pointer;
  fill: #002982;
}
.rowchart.warning .type-7 {
  fill: #452f00;
}
.rowchart.warning .type-7:hover {
  cursor: pointer;
  fill: #001645;
}
.rowchart.warning .type-8 {
  fill: #ffab05;
}
.rowchart.warning .type-8:hover {
  cursor: pointer;
  fill: #0559ff;
}
.rowchart.warning .type-9 {
  fill: #ffa180;
}
.rowchart.warning .type-9:hover {
  cursor: pointer;
  fill: #80ddff;
}
.rowchart.warning .type-10 {
  fill: #fffafb;
}
.rowchart.warning .type-10:hover {
  cursor: pointer;
  fill: #fafffe;
}
.rowchart.warning .type-11 {
  fill: white;
}
.rowchart.warning .type-11:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.alert .type-0 {
  fill: #ec5a42;
}
.rowchart.alert .type-0:hover {
  cursor: pointer;
  fill: #42d4ec;
}
.rowchart.alert .type-1 {
  fill: #f18270;
}
.rowchart.alert .type-1:hover {
  cursor: pointer;
  fill: #70dff1;
}
.rowchart.alert .type-2 {
  fill: #f5aa9e;
}
.rowchart.alert .type-2:hover {
  cursor: pointer;
  fill: #9ee9f5;
}
.rowchart.alert .type-3 {
  fill: #fad2cb;
}
.rowchart.alert .type-3:hover {
  cursor: pointer;
  fill: #cbf3fa;
}
.rowchart.alert .type-4 {
  fill: #ea573f;
}
.rowchart.alert .type-4:hover {
  cursor: pointer;
  fill: #3fd2ea;
}
.rowchart.alert .type-5 {
  fill: #b14230;
}
.rowchart.alert .type-5:hover {
  cursor: pointer;
  fill: #309fb1;
}
.rowchart.alert .type-6 {
  fill: #782d21;
}
.rowchart.alert .type-6:hover {
  cursor: pointer;
  fill: #216c78;
}
.rowchart.alert .type-7 {
  fill: #401811;
}
.rowchart.alert .type-7:hover {
  cursor: pointer;
  fill: #113940;
}
.rowchart.alert .type-8 {
  fill: #ec5945;
}
.rowchart.alert .type-8:hover {
  cursor: pointer;
  fill: #45d8ec;
}
.rowchart.alert .type-9 {
  fill: #f8b4c7;
}
.rowchart.alert .type-9:hover {
  cursor: pointer;
  fill: #b4f8e5;
}
.rowchart.alert .type-10 {
  fill: white;
}
.rowchart.alert .type-10:hover {
  cursor: pointer;
  fill: white;
}
.rowchart.alert .type-11 {
  fill: white;
}
.rowchart.alert .type-11:hover {
  cursor: pointer;
  fill: white;
}
.accountability .card__link--block {
  display: block;
}
.accountability .card--meta span {
  margin-right: 0.5rem;
}
.accountability .categories a:hover {
  text-decoration: underline;
}
.accountability .categories a:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.accountability .categories .categories--header {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.accountability .categories .categories--header .icon--arrow-bottom {
  fill: #aba5b3;
}
.accountability .categories .categories--header span {
  font-size: 1.15rem;
  color: #aba5b3;
}
.accountability .categories .categories--group {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .accountability .categories .categories--group {
    display: flex;
    margin-bottom: 4rem;
  }
}
.accountability .categories .categories--group .category--title {
  background: #fff;
  padding: 1.5rem 2rem;
  min-height: 9rem;
}
@media print, screen and (min-width: 40em) {
  .accountability .categories .categories--group .category--title {
    height: calc(100% - 1.875rem);
  }
}
.accountability .categories .categories--group .category--title p {
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.accountability .categories .categories--group .category--title .progress {
  margin-bottom: 0.5rem;
}
.accountability .categories .categories--group .category--title .progress-info {
  position: relative;
  margin-bottom: 1.5rem;
}
.accountability .categories .categories--group .category--title .progress-info .progress-figure {
  display: inline-block;
}
.accountability .categories .categories--group .category--title .progress-info .category--count {
  position: absolute;
  right: 0;
  top: 0.5rem;
  color: #aba5b3;
}
.accountability .categories .categories--group .card__link .category--line {
  background-color: #f4f4f4;
  border-radius: 4px;
  min-height: 9rem;
  padding: 1rem;
  margin-bottom: 1.875rem;
  position: relative;
}
.accountability .categories .categories--group .card__link .category--line strong {
  font-weight: 600;
  color: #1351b4;
  color: var(--secondary);
}
.accountability .categories .categories--group .card__link .category--line .progress-figure {
  position: absolute;
  bottom: 1rem;
}
.accountability .categories .categories--group .card__link .category--line .category--count {
  color: #ccdefa;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 80%;
}
.accountability .categories .categories--group .card__link:hover .category--count {
  color: #ccdefa;
}
.accountability .categories .categories--group .card__link:hover strong {
  color: #10469b;
}
.accountability .categories .category--elements.active {
  display: block !important;
}
.accountability .categories .category--elements.active .medium-4:first-child {
  margin-top: 1rem;
}
.accountability .categories .progress-figure {
  color: #aba5b3;
}
.lines-breadcrumb {
  margin-bottom: 2rem;
}
.lines-breadcrumb .breadcrumb--separator {
  color: #949494;
  padding: 0 0.25rem;
}
.lines-breadcrumb div {
  display: inline-block;
}
.lines-breadcrumb a {
  font-weight: 600;
  color: #2c2930;
}
.lines-breadcrumb a:hover {
  text-decoration: underline;
}
.lines-breadcrumb a:focus {
  outline: 2px solid #1351b4;
}
.lines-breadcrumb ul {
  list-style: none;
  margin-left: 0;
}
.lines-breadcrumb .percentage {
  color: #949494;
  font-weight: 400;
  padding-left: 0.15rem;
  display: inline-block;
}
.accountability .intro ul {
  margin-bottom: 1rem;
}
.accountability .intro .progress-level {
  background: #fff;
  padding: 1.5rem 1.75rem;
}
.accountability .intro .progress-level p {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.25rem;
}
.accountability .intro .progress-level .icon {
  background: #aba5b3;
  border-radius: 50%;
  fill: white;
  padding: 0.15rem;
}
.accountability .intro .progress-level .progress {
  max-width: 85%;
  margin-bottom: 0;
}
.accountability .intro .progress-level .progress-figure {
  font-size: 2.5rem;
  font-weight: 300;
  color: #aba5b3;
}
@media print, screen and (min-width: 40em) {
  .accountability .intro .progress-level .progress-figure {
    font-size: 4rem;
  }
}
.accountability .scope-filters div {
  color: #aba5b3;
  margin-bottom: 0.15rem;
}
.accountability .scope-filters span {
  margin-right: 0.5rem;
}
.accountability .scope-filters ul {
  display: inline;
}
.accountability .scope-filters li.active {
  background-color: #e8e8e8;
}
.accountability .description {
  margin-bottom: 1rem;
}
.accountability .title-action {
  margin-bottom: 0.5rem;
}
.result-view .title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  flex-direction: column;
}
.result-view .title .icon {
  fill: #1351b4;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .result-view .title .icon {
    margin-right: 0.75rem;
    margin-top: 0.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .result-view .title {
    flex-direction: row;
  }
}
.result-view .progress-level {
  background: #fff;
  border-radius: 4px;
  padding: 1.5rem;
  border: 1px solid #e8e8e8;
}
.result-view .progress-level .progress-label {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.result-view .progress-level .progress-label .progress-text {
  color: #786f83;
}
.result-view .progress-level .progress-label .progress-figure {
  line-height: 1;
  font-size: 2.25rem;
  font-weight: 600;
}
.result-view .result-description div {
  margin-bottom: 1rem;
}
.result-view .result-meta {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.result-view .result-meta .result-meta--label {
  font-weight: 600;
  color: #786f83;
}
.result-view .result-meta .result-meta--data {
  font-size: 1.15rem;
}
.result-view hr {
  width: 100%;
  margin: 0 0 3rem;
}
.result-view .timeline .timeline__info {
  background-color: transparent;
  border: none;
}
.budget-list {
  margin-bottom: 2rem;
}
.budget-list__item {
  padding: 0;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  overflow: hidden;
  display: flex;
}
.budget-list__item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.budget-list__item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid #e8e8e8;
}
.budget-list__item-cell {
  display: grid;
  grid-template-columns: 1fr 40px;
}
.budget-list__item-cell .budget-list__data {
  grid-column: span 2;
  background: none;
}
@media print, screen and (min-width: 40em) {
  .budget-list__item-cell {
    grid-template-columns: 1fr 40px 15em;
    grid-template-rows: 1fr;
  }
  .budget-list__item-cell .budget-list__data {
    background: #f4f4f4;
    grid-column: 3;
  }
}
.budget-list__image {
  overflow: hidden;
  width: 3.5em;
  height: 3.5rem;
  flex-shrink: 0;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  margin-left: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .budget-list__image {
    width: 6rem;
    height: 4rem;
    flex-shrink: 0;
    margin: 1.5rem;
    margin-right: 0;
  }
}
.budget-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.budget-list__text {
  padding: 0.5rem;
  flex-grow: 1;
}
@media print, screen and (min-width: 40em) {
  .budget-list__text {
    padding: 1.5rem;
    display: flex;
    align-items: center;
  }
  .budget-list__text.flex-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }
}
.budget-list__text .card__text--status {
  display: block;
}
.budget-list__data {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 85%;
  line-height: 1;
  color: #726a70;
  padding: 0.5rem;
  background: #f4f4f4;
}
@media print, screen and (min-width: 40em) {
  .budget-list__data {
    min-width: 7rem;
    flex-direction: row;
    justify-content: flex-end;
    flex-basis: 14rem;
    padding: 1rem 1.5rem;
  }
}
.budget-list__data .loading-spinner {
  margin: 0 !important;
  position: relative;
}
.budget-list__data .loading-spinner::before {
  position: absolute;
}
.budget-list__data:last-child {
  margin-bottom: 0;
}
.budget-list__data__icon .icon {
  width: 20px;
  height: 20px;
  fill: #726a70;
}
.budget-list__data__icon:hover .icon {
  fill: #1351b4;
}
.budget-list__data__number {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 40em) {
  .budget-list__data__votes {
    flex-grow: 1;
    font-size: 1.2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0;
    text-align: cemter;
  }
}
.budget-list__data--added {
  background-color: #ddf7e7;
}
.budget-list__title {
  font-size: 100%;
}
@media print, screen and (max-width: 49.99875em) {
  .budget-list__number {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .budget-list__number {
    flex-grow: 1;
    font-size: 1.2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0;
    text-align: right;
  }
}
.budget-list__action {
  margin-bottom: 0;
  border-radius: 50%;
  align-self: center;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.budget-list__action--disabled {
  pointer-events: none;
}
.budget-summary__total {
  margin-bottom: 0.5rem;
}
.budget-summary__progressbox {
  align-items: stretch;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 39.99875em) {
  .budget-summary__progressbox {
    text-align: center;
  }
}
@media print, screen and (min-width: 40em) {
  .budget-summary__progressbox {
    display: flex;
  }
}
.budget-summary__progressbox .button, .budget-summary__progressbox .meeting-polls__button {
  margin-bottom: 0;
}
.progressbox-fixed-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  display: none;
}
.progressbox-fixed-wrapper.is-progressbox-visible {
  display: block;
}
.budget-summary__progressbox--fixed {
  margin: auto;
  max-width: 75rem;
  padding: 1rem 2rem;
  display: flex;
}
@media print, screen and (min-width: 50em) {
  .budget-summary__progressbox--fixed {
    padding: 1rem 4rem;
  }
}
.budget-progress {
  flex-grow: 1;
  margin-bottom: 0.5rem;
  min-height: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .budget-progress {
    min-height: 2rem;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
.budget-progress--fixed {
  min-height: 2rem;
  margin-bottom: 0;
  margin-right: 1rem;
}
.budget-progress__meter {
  min-width: 0.1%;
}
.budget-summary__selected {
  border-top: 1px solid #e8e8e8;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.budget-summary__selected-list {
  margin-top: 2rem;
}
.budget-summary__selected-number {
  margin: 0 0.5rem;
}
.progress {
  position: relative;
}
.progress-meter--minimum {
  background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 8px, rgba(0, 0, 0, 0.03) 8px, rgba(0, 0, 0, 0.03) 16px);
  position: absolute;
}
.progress-meter-text--right {
  left: auto;
  min-width: 100%;
  transform: translate(0, -50%);
  text-align: right;
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.meeting-polls__main {
  flex: 1 1;
  display: flex;
}
.meeting-polls__iframe {
  display: flex;
}
.meeting-polls__iframe > * {
  flex: 1 1;
  border: 0;
}
.meeting-polls__aside {
  flex: 0 1;
  counter-reset: question;
}
.meeting-polls__aside + div {
  flex: 1 1;
}
.meeting-polls__aside.is-open {
  flex: 0 0 20%;
}
.meeting-polls__aside.is-open + div {
  flex: 0 0 80%;
}
.meeting-polls__aside.is-open + .meeting-polls__aside.is-open + div {
  flex: 0 0 60%;
}
.meeting-polls__aside.is-open + .meeting-polls__aside.is-open {
  border-left: 1px solid #e8e8e8;
}
.meeting-polls__question, .meeting-polls__question--admin {
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.meeting-polls__question summary, .meeting-polls__question--admin summary {
  cursor: pointer;
  font-weight: bold;
  color: #1351b4;
  color: var(--secondary);
  transition: background-color 0.2s ease-in-out;
}
.meeting-polls__question summary:hover, .meeting-polls__question--admin summary:hover {
  background-color: #f4f4f4;
}
.meeting-polls__question summary::after, .meeting-polls__question--admin summary::after {
  counter-increment: question;
  content: "#" counter(question);
}
.meeting-polls__question summary ~ *, .meeting-polls__question--admin summary ~ * {
  padding: 0 1rem 1rem;
}
.meeting-polls__question summary ~ * > :first-child, .meeting-polls__question--admin summary ~ * > :first-child {
  font-weight: 600;
  line-height: 1.25;
}
.meeting-polls__question summary ~ * label, .meeting-polls__question--admin summary ~ * label {
  display: flex;
  align-items: baseline;
  cursor: pointer;
  line-height: 1.25;
}
.meeting-polls__question summary ~ * label + label, .meeting-polls__question--admin summary ~ * label + label {
  margin-top: 1rem;
}
.meeting-polls__question[open] .meeting-polls__answer--bar > *, [open].meeting-polls__question--admin .meeting-polls__answer--bar > * {
  opacity: 1;
  transform: translateX(0);
}
.meeting-polls__question.is-new, .is-new.meeting-polls__question--admin {
  animation: animateHighlight 5s ease-in-out forwards;
}
@keyframes animateHighlight {
  0%, 80% {
    background-color: rgba(255, 205, 7, 0.1);
    background-color: rgba(var(--warning-rgb), 0.1);
  }
}
.meeting-polls__question--admin summary ~ * {
  border-top: 1px solid #e8e8e8;
  background-color: #f6f6f6;
  padding: 1rem;
}
.meeting-polls__question--admin summary ~ * a {
  text-decoration: underline;
  margin-bottom: 1rem;
  display: block;
}
.meeting-polls__question--admin summary ~ * > :first-child {
  font-weight: normal;
}
.meeting-polls__answer {
  display: flex;
  align-items: center;
}
.meeting-polls__answer--value {
  flex: 0 0 15%;
  font-weight: bold;
}
.meeting-polls__answer--bar {
  flex: 0 0 85%;
  height: 10px;
  overflow: hidden;
}
.meeting-polls__answer--bar > * {
  background-color: #1351b4;
  background-color: var(--primary);
  height: 100%;
  opacity: 0;
}
label + .meeting-polls__answer + label {
  margin-top: 1.5rem;
}
.meeting-polls__admin-label {
  background-color: #9675ce;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 1rem;
}
.meeting-polls__admin-action {
  border-top: 1px solid #e8e8e8;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
}
.meeting-polls__admin-action:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.meeting-polls__admin-action :first-child {
  flex: 0 0 40%;
}
.meeting-polls__admin-action :last-child {
  flex: 0 0 60%;
}
.meeting-polls__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f4f4f4;
  border: 1px solid #e8e8e8;
}
.meeting-polls__button {
  background-color: #fff;
  font-weight: 600;
}
.meeting-polls__button.is-open {
  background-color: #1351b4;
  background-color: var(--primary);
  color: #fff;
}
.meeting-polls__button + .meeting-polls__button {
  margin-left: 0.25rem;
}
.meeting-polls__close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 2rem;
  cursor: pointer;
}
.meeting-polls__close a {
  display: flex;
  align-items: baseline;
}
.meeting-polls__close span {
  font-size: 2em;
  margin-left: 0.5rem;
  line-height: 0.5;
}
.meeting-polls__close svg {
  margin-left: 0.2rem;
}
.preview--form__hidden {
  display: none;
}
.questionnaire-question_readonly {
  font-weight: bold;
  font-size: 0.875rem;
}
.questionnaire-question_readonly p {
  margin-bottom: 0.5rem;
}
.questionnaire-question_readonly em {
  font-weight: normal;
  font-size: 90%;
}
.questionnaire-question_readonly p + ul {
  margin-top: -0.5rem;
}
.questionnaire-question_readonly-answers {
  margin-bottom: 0.5rem;
}
.questionnaire-question_readonly-answers.single_option {
  list-style-type: disc;
}
.questionnaire-question_readonly-answers.multiple_option {
  list-style-type: square;
}
.questionnaire-question_readonly-answers.sorting {
  list-style-type: circle;
}
.questionnaire-question_readonly-answer {
  font-weight: normal;
}
.questionnaire-question-matrix {
  display: block;
  overflow-x: auto;
}
.questionnaire-question-matrix .collection-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
}
.questionnaire-question-matrix .collection-input input[type=text] {
  margin-top: auto;
  margin-bottom: auto;
}
.questionnaire-question-matrix .collection-input input[type=checkbox],
.questionnaire-question-matrix .collection-input input[type=radio] {
  margin-bottom: 0;
}
.questionnaire-question-matrix .collection-input input[type=checkbox] ~ input[type=text],
.questionnaire-question-matrix .collection-input input[type=radio] ~ input[type=text] {
  margin-left: 0.5rem;
}
.questionnaire-question-matrix tr,
.questionnaire-question-matrix tr:nth-child(2n) {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border-bottom: 1px solid #f0f0f0;
}
.questionnaire-question-matrix thead td {
  text-align: center;
}
.questionnaire-question-matrix td {
  min-width: 100px;
  border-right: 1px solid #f0f0f0;
}
.questionnaire-answers .header h1 {
  margin: 0;
  padding: 25px;
  background: rgb(59, 69, 87);
  color: white;
  border-radius: 4px 4px 0 0;
}
.questionnaire-answers .header .description {
  margin: 0;
  padding: 25px;
  background: #f6f6f6;
  color: #202751;
  border-radius: 0 0 4px 4px;
}
.questionnaire-answers .answer {
  margin-top: 25px;
  background: #f6f6f6;
  border-radius: 0 0 4px 4px;
}
.questionnaire-answers .answer .title {
  page-break-inside: avoid;
  border-radius: 4px 4px 0 0;
  padding: 10px 25px;
  background: rgb(59, 69, 87);
  color: white;
}
.questionnaire-answers .answer .participant-info {
  margin-top: 0;
  padding: 10px 25px;
  width: 100%;
  text-align: center;
  background: #eee;
  color: #202751;
  page-break-inside: avoid;
}
.questionnaire-answers .answer .participant-info th:first-child {
  text-align: left;
}
.questionnaire-answers .answer .participant-info td:first-child {
  text-align: left;
}
.questionnaire-answers .answer .participant-info th:last-child {
  text-align: right;
}
.questionnaire-answers .answer .participant-info td:last-child {
  text-align: right;
}
.questionnaire-answers .answer .answers {
  padding: 25px;
}
.questionnaire-answers .answer .answers .question {
  page-break-inside: avoid;
  font-size: inherit;
  color: #202751;
}
.answer-questionnaire label {
  font-size: inherit;
}
.answer-questionnaire .radio-button-collection,
.answer-questionnaire .check-box-collection,
.answer-questionnaire .sortable-check-box-collection {
  margin: 0 0 1rem;
}
.answer-questionnaire .tos-agreement {
  margin: 1rem 0 0;
}
.answer-questionnaire .tos-agreement .help-text {
  margin: 0.2rem 0 0;
}
.answer-questionnaire .questionnaire-question {
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
.answer-questionnaire .questionnaire-title_and_description {
  font-size: 2rem;
  font-weight: 600;
  padding-left: 1rem;
  line-height: 1.4;
  margin-bottom: 0.3em;
}
.answer-questionnaire .help-title_and_description {
  padding-left: 1rem;
  margin-bottom: 2rem;
}
.answer-questionnaire .help-title_and_description .ql-video {
  margin: 0.5em auto;
}
.answer-questionnaire .help-text {
  margin-top: 0.5em;
}
.answer-questionnaire .help-text .ql-video {
  margin: 0.5em auto;
}
.answer-questionnaire .last-sorted {
  margin-bottom: 1rem;
}
.answer-questionnaire__steps {
  font-size: 0.8rem;
}
.answer-questionnaire__submit {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 2rem;
}
.conference--date {
  cursor: default;
}
.question-header {
  margin-top: 3em;
  margin-bottom: 1.5em;
}
.question-header .heading1 {
  text-align: center;
  font-size: 4em;
}
.question-header .question-hashtag {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
}
.question-header-data .question-header-data-group {
  margin-bottom: 1em;
  font-size: 1.2em;
}
.question-header-data .question-header-data-group .question-eader-data-group-title {
  color: #857d84;
}
.question-header-data .question-header-data-group:last-child {
  margin-bottom: 0;
}
.question-vote-cabin {
  margin-bottom: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question-vote-cabin .vote-button-caption {
  font-size: 1.5em;
  font-weight: bold;
  color: white;
}
.question-vote-cabin .small-buttons div {
  margin-top: 1em;
}
.consultations-card .button.expanded.button--sc.success, .consultations-card .expanded.button--sc.success.meeting-polls__button {
  color: white;
}
.question-masonry-group {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media screen and (min-width: 40em) {
  .question-masonry-group {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (min-width: 64em) {
  .question-masonry-group {
    -moz-column-count: 3;
         column-count: 3;
  }
}
.question-masonry-group .column, .question-masonry-group .columns {
  float: none !important;
  width: auto !important;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 1rem;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.consultation-statistics {
  margin-top: 3em;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.consultation-statistics .definition-data__item {
  flex-basis: 50%;
  border-bottom: 0;
  border-top: 1px solid rgb(232, 232, 232);
}
.consultation-statistics .definition-data__item:nth-child(-n+2) {
  border-top: 0;
}
.consultation-statistics .definition-data__item:nth-child(odd) {
  border-right: 1px solid rgb(232, 232, 232);
}
.consultations-banner {
  color: inherit;
}
.consultations-banner:hover, .consultations-banner:active {
  color: #1351b4;
  color: var(--primary);
}
.consultations-banner__action {
  margin-bottom: 0;
}
.card--process__column .consultations-card__image {
  min-height: 0;
}
.card--process__column .consultations-card__image::after {
  display: none;
}
.card--process__column .consultations-card__image > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.card--process__column .consultations-card__image .button, .card--process__column .consultations-card__image .meeting-polls__button {
  margin-bottom: 0;
}
.consultations-header {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-header {
    margin-bottom: 3rem;
  }
}
.consultations-header .heading2, .consultations-header .card--full .card__title, .card--full .consultations-header .card__title {
  font-weight: bold;
}
.consultations-header__main {
  background-size: cover;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
}
.consultations-header__main::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 24, 29, 0.6);
}
.consultations-header__container {
  position: relative;
  z-index: 1;
  padding: 0 0 0 1rem;
}
@media print, screen and (min-width: 50em) {
  .consultations-header__container {
    display: flex;
    align-items: stretch;
  }
  .consultations-header__container .columns > * {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.consultations-header__info {
  padding: 1rem 1.5rem 1rem 1rem;
  text-align: center;
}
@media print, screen and (min-width: 40em) {
  .consultations-header__info {
    padding: 1rem 1.5rem 1rem 1rem;
  }
}
@media print, screen and (min-width: 50em) {
  .consultations-header__info {
    padding-left: 2rem;
    text-align: left;
  }
}
.consultations-header__link {
  font-weight: 600;
  color: #fff;
}
.consultations-header__link:hover, .consultations-header__link:focus {
  color: #1351b4;
  color: var(--primary);
}
.consultations-header__link .icon {
  width: 8px;
  height: 8px;
}
.consultations-header__extra {
  background: rgba(44, 41, 48, 0.8);
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 16rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-header__extra {
    margin-left: -1rem;
    margin-right: 0;
    margin-bottom: 0;
    max-width: 150%;
    padding: 2rem 1rem;
  }
}
.consultations-header__extra-title {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
}
@media print, screen and (min-width: 40em) {
  .consultations-header__extra-title {
    font-size: 1.1rem;
  }
}
.consultations-header__extra-date {
  font-weight: 900;
}
.consultations-home-banner .consultations-header__main::after {
  display: none;
}
.consultations-home-banner .consultations-header__container {
  min-height: 8rem;
}
.consultations-home-banner p:last-child {
  margin-bottom: 0;
}
.consultations-home-intro {
  margin-top: 1rem;
}
.consultations-home-intro > :first-child {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-home-intro {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
  }
  .consultations-home-intro > :first-child {
    margin-right: 2rem;
    margin-bottom: 0;
  }
  .consultations-home-intro p:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .consultations-home-intro {
    align-items: center;
  }
}
.consultations-home-intro .heading6 {
  margin-bottom: 0;
}
.consultations-intro {
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-intro {
    margin-bottom: 2rem;
  }
}
.consultations-nav {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-nav {
    margin-bottom: 2rem;
  }
}
.consultations-title {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-title {
    margin-bottom: 2rem;
  }
}
.consultations-title .heading1,
.consultations-title .heading2,
.consultations-title .card--full .card__title,
.card--full .consultations-title .card__title {
  text-align: center;
}
@media print, screen and (max-width: 49.99875em) {
  .consultations-title .heading1,
  .consultations-title .heading2,
  .consultations-title .card--full .card__title,
  .card--full .consultations-title .card__title {
    font-size: 1.5em;
  }
}
.consultations-title__cta {
  padding-left: 3rem;
  padding-right: 3rem;
  margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultations-title__cta {
    margin-top: 2rem;
  }
}
.introductory-image {
  min-height: 290px;
}
.block-banner {
  background-repeat: no-repeat;
  padding: 1rem;
}
@media print, screen and (max-width: 49.99875em) {
  .block-banner {
    background-image: none !important;
    padding-bottom: 1rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-bottom: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .block-banner {
    background-position: right -400px center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (min-width: 64em) {
  .block-banner {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .block-banner .card__content, .block-banner .badge-card__content {
    padding-left: 0;
  }
}
.block-banner p:last-child {
  margin-bottom: 0;
}
/* css for decidim_ej */
@media (min-width: 740px) {
  .ej-conversation-card {
    padding: 48px 40px;
  }
  .ej-conversation-card__votes {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ej-conversation__general-stats {
    flex-direction: row;
    width: 100%;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ej-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  text-transform: none;
  align-items: center;
  border: 0;
  border-radius: var(--button-radius);
  color: #ffffff;
  color: var(---white);
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-medium);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--button-xsmall);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: wrap;
  width: auto;
  gap: 10px;
  line-height: 1.1rem;
  margin: 0;
  background-color: #335bae;
  background-color: var(--interactive-alternative);
}
.ej-button:hover {
  color: white;
  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb-primary-btn), var(--hover)), rgba(var(--interactive-rgb-primary-btn), var(--hover)));
}
.ej-conversation-container {
  width: 100%;
}
.ej-conversation-card {
  display: flex;
  padding: 16px 8px;
  flex-direction: column;
  gap: 32px;
  align-self: stretch;
  background: #f8f8f8;
  background: var(--gray-2, var(--color-secondary-02));
  width: 100%;
}
.ej-conversation-card__com .ej-conversation-card__stats {
  display: flex;
  gap: 0.75rem;
}
.ej-conversation-card__com .ej-conversation-card__stats div {
  display: flex;
  gap: 0.75rem;
}
.ej-conversation-card__title {
  margin-top: 1rem;
}
.ej-conversation-card__title div:first-child {
  color: #F3F3F3;
  text-transform: uppercase;
}
.ej-conversation-card__title div:nth-child(2) {
  font-weight: 600;
  text-transform: uppercase;
}
.ej-conversation-card__comment {
  color: #000;
  color: var(--pure-100, var(--color-secondary-09));
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.ej-conversation-card__votes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ej-conversation-card__votes button {
  flex: 1 1;
  gap: 8px;
  text-transform: capitalize;
  padding: 10px;
}
.ej-conversation-card__votes button[id=agree] {
  background-color: #466C04;
  color: white;
}
.ej-conversation-card__votes button[id=disagree] {
  background-color: #B50909;
  color: white;
}
.ej-conversation-card__votes button[id=skip] {
  background: transparent;
  color: #333;
  color: var(--gray-80, --gray-80);
  border: 1px solid #333;
  border: 1px solid var(--gray-80);
}
.conversation-header {
  margin-bottom: 40px;
}
.ej-conversation-header__title {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ej-conversation-header__subtitle {
  color: #636363;
  color: var(--gray-60);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ej-conversation-stats__card {
  display: flex;
  padding: 24px;
  gap: 16px;
  flex: 1 1;
  border-radius: 4px;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.ej-conversation__general-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
}
.ej-conversation__general-stats i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin-top: 6px;
}
.ej-conversation-stats__card-content {
  display: flex;
  flex-direction: column;
}
.ej-conversation-card__comments {
  color: #636363;
  color: var(--gray-60);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.conversation-quantity {
  margin: 16px 0;
}
.percentage-container {
  display: flex;
  flex-direction: column;
}
.percentage-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  margin: 0;
}
.percentage-bar {
  background-color: #155bcb;
  background-color: var(--blue-warm-vivid-60);
  height: 10px;
  flex-shrink: 0;
}
.conversation-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 352px);
  grid-gap: 24px;
  justify-content: center;
}
.conversation-card {
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.1607843137);
  display: flex;
  flex-direction: column;
  padding: 24px 16px 16px 16px;
  border-radius: 4px;
  border-top: solid 8px;
  border-top-color: #155bcb;
  border-top-color: var(--blue-warm-vivid-60);
  gap: 16px;
}
.conversation-card > .conversation-card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.conversation-card > .conversation-profile-info {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.conversation-card > .conversation-profile-info > img {
  border-radius: 100%;
  width: 20px;
  height: 20px;
}
.conversation-card > .conversation-profile-info > p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.conversation-card > .conversation-theme {
  padding: 4px 8px;
  margin: 8px 0px;
  background: #f8f8f8;
  background: var(--gray-2);
}
.conversation-card > .conversation-theme > p {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.conversation-card > .conversation-participants {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conversation-card > .conversation-participants > p:first-child {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
}
.conversation-card > .conversation-participants > p:last-child {
  font-size: 14px;
  font-weight: 400;
}
.conversation-card > .conversation-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
.conversation-card > .conversation-progress > p {
  margin-bottom: 8px;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 14px;
  font-weight: 600;
}
.conversation-card > .conversation-progress > .conversation-progress-bar {
  height: 10px;
  width: calc(100% + 32px);
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #e6e6e6;
  border-color: var(--gray-10);
}
.conversation-card > .conversation-progress > .conversation-progress-bar > .percentage-bar {
  height: 100%;
  background: #155bcb;
  background: var(--blue-warm-vivid-60);
}
.comments-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.comment-container {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 24px;
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.1607843137);
}
.comment-container .comment-status-tag {
  display: flex;
}
.comment-container .comment-status-tag > p {
  padding: 4px 8px;
  border-radius: 30px;
  border: 2px solid;
  font-size: 12px;
  font-weight: 600;
}
.comment-container .comment-approved > p {
  border-color: #466c04;
  border-color: var(--green-vivid-60);
  color: #466c04;
  color: var(--green-vivid-60);
}
.comment-container .comment-rejected > p {
  border-color: #b50909;
  border-color: var(--red-vivid-60);
  color: #b50909;
  color: var(--red-vivid-60);
}
.comment-container .comment-pending > p {
  border-color: #c05600;
  border-color: var(--orange-vivid-50);
  color: #c05600;
  color: var(--orange-vivid-50);
}
.comment-container .comment-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.comment-container .comment-content .comment-title {
  font-weight: 600;
  font-size: 20px;
  color: #1351b4;
  color: var(--secondary);
}
.comment-container .comment-content .comment-subtitle {
  font-weight: 600;
  font-size: 16px;
  color: #555;
  color: var(--color-secondary-07);
}
.comment-container .comment-info {
  font-weight: 500;
  font-size: 14px;
  color: #555;
  color: var(--color-secondary-07);
}
.tabs-container {
  width: 100%;
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--gray-20);
}
.tabs-container > a {
  white-space: nowrap;
}
.tabs-container > a > div {
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 500;
  color: #555;
  color: var(--gray-70);
}
.tabs-container > a .selected {
  border-bottom: 4px solid;
  border-color: #0c326f;
  border-color: var(--blue-warm-vivid-80);
}
.search-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0 0 0;
  margin-bottom: 40px;
}
.search-container .search-input-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.search-container .search-input-wrapper .search-button {
  border-radius: 1000px;
  position: absolute;
  top: 12px;
  right: 16px;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  line-height: 32px;
}
.search-container .search-input-wrapper .search-button:hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.search-container .search-input-wrapper .search-input {
  height: 56px;
  width: 100%;
  background: #f8f8f8;
  background: var(--gray-2);
  border: 0;
  border-radius: 8px;
  padding: 20px 24px 16px 24px;
  margin-bottom: 0;
  margin-bottom: initial;
}
.search-status {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}
.search-status .search-status-text {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  color: #555;
  color: var(--gray-70);
}
.search-status .search-status-filters {
  display: flex;
}
.search-status .search-status-filters div:first-child label {
  font-weight: 600;
}
.filter-button-container {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  background-color: #fff;
  background-color: var(--pure-0);
  border: 1px solid #333;
  border: 1px solid var(--gray-80);
  border-radius: 20px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
}
.filter-button-container:hover {
  filter: brightness(95%);
}
.filter-button-container i {
  color: #333;
  color: var(--gray-80);
}
.menu-filters .filter-section {
  padding: 24px 16px;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
}
.menu-filters .filter-section label {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #1b1b1b;
  color: var(--gray-90);
}
.menu-filters .filter-section span {
  font-size: 16px;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  color: #555;
  color: var(--gray-70);
}
.menu-filters .filter-section > label {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 8px 0;
}
.menu-filters .filter-section .filters-grid {
  display: grid;
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  grid-row-gap: 8px;
  row-gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
}
.container-title-header {
  padding: 0px;
  margin: 0px 0px 8px 0px;
  color: #1B1B1B;
  font-size: 32px;
  font-weight: 600;
}
.container-subtitle-header {
  padding: 0px;
  margin: 0px 0px 16px 0px;
  font-size: 20px;
  color: #636363;
}
.container-conversation {
  margin: 0 auto;
}
body > * {
  font-family: Rawline;
}
.card__grid:hover {
  --tw-ring-color: unset !important;
}
.loader {
  width: 25px;
  height: 25px;
  border: 5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  display: none;
}
.ej-component-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.ej-component-container h1,
.ej-component-container h2,
.ej-component-container h3,
.ej-component-container p {
  margin: 0;
  padding: 0;
}
.ej-stats__number {
  color: #333;
  color: var(--gray-80, #333);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ej-stats__description {
  color: #333;
  color: var(--gray-80, #333);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.new-comment-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.new-comment-container .submit-new-comment-btn {
  align-self: flex-end;
}
.share-ej-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.ej-conversation-container {
  width: 100%;
}
.ej-conversation-card {
  display: flex;
  padding: 16px 8px;
  flex-direction: column;
  gap: 32px;
  align-self: stretch;
  background: #f3f3f3;
  background: var(--gray-04, #f3f3f3);
  width: 100%;
}
.ej-conversation-card__com .ej-conversation-card__stats {
  display: flex;
  gap: 0.75rem;
}
.ej-conversation-card__com .ej-conversation-card__stats div {
  display: flex;
  gap: 0.75rem;
}
.ej-conversation-card__title {
  margin-top: 1rem;
}
.ej-conversation-card__title div:first-child {
  color: #F3F3F3;
  text-transform: uppercase;
}
.ej-conversation-card__title div:nth-child(2) {
  font-weight: 600;
  text-transform: uppercase;
}
.ej-conversation-card__comment {
  color: #000;
  color: var(--pure-100, #000);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin: 0;
}
.ej-conversation-card__votes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ej-conversation-card__votes button {
  flex: 1 1;
  gap: 8px;
  text-transform: capitalize;
  padding: 10px;
}
.ej-conversation-card__votes button[id=agree] {
  background-color: #466C04;
  color: white;
}
.ej-conversation-card__votes button[id=disagree] {
  background-color: #B50909;
  color: white;
}
.ej-conversation-card__votes button[id=skip] {
  background: transparent;
  color: #333;
  color: var(--gray-80, #333);
  border: 1px solid #333;
  border: 1px solid var(--gray-80);
}
.ej-conversation-header__title {
  color: #1b1b1b;
  color: var(--gray-90, #1b1b1b);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ej-conversation-header__subtitle {
  color: #636363;
  color: var(--gray-60, #636363);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ej-conversation-stats__card {
  display: flex;
  padding: 24px;
  gap: 16px;
  flex: 1 1;
  border-radius: 4px;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.ej-conversation__general-stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
}
.ej-conversation__general-stats i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70, #1351b4);
  margin-top: 6px;
}
.ej-conversation-stats__card-content {
  display: flex;
  flex-direction: column;
}
.ej-conversation-card__comments {
  color: #636363;
  color: var(--gray-60, #636363);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.conversation-quantity {
  margin: 0 0 40px 0;
}
@media (min-width: 740px) {
  .ej-conversation-card {
    padding: 48px 40px;
  }
  .ej-conversation-card__votes {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ej-conversation__general-stats {
    flex-direction: row;
    width: 100%;
  }
  .ej-component-container {
    align-items: flex-start;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.percentage-container {
  display: flex;
  flex-direction: column;
}
.percentage-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80, #0c326f);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  margin: 0;
}
.percentage-bar {
  background-color: #155bcb;
  background-color: var(--blue-warm-vivid-60);
  height: 10px;
  flex-shrink: 0;
}
.conversation-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 352px);
  grid-gap: 24px;
  justify-content: center;
}
.conversation-card {
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.1607843137);
  display: flex;
  flex-direction: column;
  padding: 24px 16px 16px 16px;
  border-radius: 4px;
  border-top: solid 8px;
  border-top-color: #155bcb;
  gap: 16px;
}
.conversation-card > .conversation-card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1351b4;
}
.conversation-card > .conversation-profile-info {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.conversation-card > .conversation-profile-info > img {
  border-radius: 100%;
  width: 20px;
  height: 20px;
}
.conversation-card > .conversation-profile-info > p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #1351b4;
}
.conversation-card > .conversation-theme {
  padding: 4px 8px;
  margin: 8px 0px;
  background: #f8f8f8;
}
.conversation-card > .conversation-theme > p {
  color: #1351b4;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.conversation-card > .conversation-participants {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conversation-card > .conversation-participants > p:first-child {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
}
.conversation-card > .conversation-participants > p:last-child {
  font-size: 14px;
  font-weight: 400;
}
.conversation-card > .conversation-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
.conversation-card > .conversation-progress > p {
  margin-bottom: 8px;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 14px;
  font-weight: 600;
}
.conversation-card > .conversation-progress > .conversation-progress-bar {
  height: 10px;
  width: calc(100% + 32px);
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #e6e6e6;
}
.conversation-card > .conversation-progress > .conversation-progress-bar > .percentage-bar {
  height: 100%;
  background: #155bcb;
}
.ej-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  text-transform: none;
  align-items: center;
  border: 0;
  border-radius: var(--button-radius);
  color: #ffffff;
  color: var(---white);
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-medium);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--button-xsmall);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: wrap;
  width: auto;
  gap: 10px;
  line-height: 1.1rem;
  margin: 0;
  background-color: #335bae;
}
.ej-button:hover {
  color: white;
  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb-primary-btn), var(--hover)), rgba(var(--interactive-rgb-primary-btn), var(--hover)));
}
.home-sections-container h1,
.home-sections-container h2,
.home-sections-container h3,
.home-sections-container h4,
.home-sections-container h5,
.home-sections-container p {
  margin: 0 !important;
  padding: 0 !important;
}
#participatory-process-section {
  background-color: #f3f7fb;
  background-color: var(--blue-3);
}
.home-sections-container .home-sections-content {
  margin: 0 auto;
  width: auto;
}
#service-channels-home-section {
  background-color: #0c326f;
  background-color: var(--blue-warm-vivid-80);
}
.wrapper {
  padding: 0 !important;
}
.home-sections-container {
  background-color: #fff;
  background-color: var(--pure-0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 16px;
}
.home-sections-container h2 {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.home-sections-container p {
  width: auto;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.video-text-card {
  flex: 1 1;
}
@media (min-width: 1045px) {
  .home-sections-container {
    padding: 64px 40px;
  }
  .home-sections-container p {
    width: auto;
  }
  .home-sections-container .home-sections-content {
    margin: 0 auto;
    max-width: 1470px;
  }
}
.current {
  border: 2px solid #1351b4;
  border: 2px solid var(--blue-warm-vivid-70);
}
.current .stage-text,
.step-process-card__content.current h3,
.step-process-card__content.current i {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.step-process-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 16px;
  justify-content: center;
}
.step-process-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-color: var(--pure-0);
  height: 100%;
  border-radius: 4px;
  border: 1px solid #a3b3cc;
}
.step-process-card__content {
  display: flex;
  width: 210px;
  height: 180px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 16px;
  border-radius: 4px;
}
.stage-text {
  font-size: 12px;
}
.step-process-card__content i {
  color: #1b1b1b;
  color: var(--gray-90);
  height: 14px;
}
.step-process-card__content h3 {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 16.8px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.step-process-card__content p {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 11.67px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 260px;
}
.step-process-card__content .step-date {
  color: #555;
  color: var(--gray-70);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: auto;
}
.step-process-card__footer {
  display: flex;
  background: #0c326f;
  background: var(--blue-warm-vivid-80);
  color: #fff;
  color: var(--pure-0);
  font-weight: 600;
  justify-content: center;
  padding: 8px;
}
@media (min-width: 1045px) {
  .step-process-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }
  .step-arrow {
    transform: rotate(-90deg);
  }
}
.white-divider {
  display: flex;
  width: 100%;
  height: 35px;
  background-image: url(https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbDVXIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--057c192d3fe1e615a252b7269b8a8e87fb38f13b/faixa-branca.png);
  background-size: cover;
  background-repeat: repeat;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
}
.ej-hero-info-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-wrap: wrap;
}
.ej-hero-info-img {
  -o-object-fit: cover;
     object-fit: cover;
  flex: 1 1;
  border-radius: 8px;
  max-width: 558px;
  height: 241px;
  background: #f8f8f8;
  background: var(--gray-2, #f8f8f8);
}
.hero-info-right-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  gap: 16px;
}
.hero-info-right-content h2 {
  text-align: start;
}
.hero-info-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.process-home-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero-info-right-content p {
  text-align: left;
}
.hero-info-actions a {
  width: 100%;
}
@media (min-width: 768px) {
  .hero-info-actions {
    flex-direction: row;
  }
  .hero-info-actions a {
    width: -moz-fit-content;
    width: fit-content;
  }
  .ej-hero-info-content {
    flex-direction: row;
  }
}
.ej-home-survey-container {
  flex-direction: column;
  padding: 2rem 0;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
}
#comment-div-form {
  background-color: #fff;
  background-color: var(--pure-0);
  padding: 1rem;
  border-radius: 16px;
  margin-top: -20px;
}
.feedback-login-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2.5rem;
}
.second-content-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  max-width: 461px;
  padding: 18px;
}
.second-content-container h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44.14px;
  text-align: left;
  color: #333;
  color: var(--gray-80);
  margin: 0;
  padding: 0;
}
.second-content-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.15px;
  text-align: left;
  color: #333;
  color: var(--gray-80);
  margin: 0;
  padding: 0;
}
.second-content-container a {
  margin-top: 40px;
}
/* css for decidim_enhanced_process_groups_and_scopes */
.scoped-processes-container .card-grid.br-scoped-organs {
  grid-template-columns: repeat(auto-fit, 250px);
  grid-gap: 1.5rem;
}
.scoped-processes-container .processes_header-container {
  padding-bottom: 2rem;
}
.scoped-processes-container .br-processes-list {
  margin: 2rem 0 3rem;
}
.scoped-processes-container .processes-list-header {
  padding: 0;
}
.scoped-processes-container .processes-list-header-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.scoped-processes-container .br-scoped-organs a {
  width: 250px;
  height: 175px;
}
.participatory-process-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 250px;
  height: 175px;
  padding: 2.25rem 1rem;
  box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.16) !important;
  border: none;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  gap: 1.5rem;
}
.participatory-process-card p {
  height: 23px;
}
.scoped-processes-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.participatory-process-card-parent-title-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.participatory-process-card-parent-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #555;
  color: var(--gray-70);
  margin: 0;
}
.participatory-process-card-parent-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}
.participatory-process-card-child-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  margin-top: 3rem;
  padding: 0;
}
.participatory-process-card-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1rem;
  font-weight: 600;
}
.participatory-process-card-icon .fa-solid {
  width: auto;
  height: 64px;
  font-size: 2.5rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  display: flex;
  align-items: center;
  justify-content: center;
}
.participatory-process-card-icon .fa-solid.brazil-flag,
.participatory-process-card-icon .fa-solid.sector-icon {
  width: 64px;
  height: 64px;
}
.participatory-process-card-icon .brazil-flag,
.participatory-process-card-icon .sector-icon {
  background-repeat: no-repeat;
  background-size: 64px 64px;
}
.participatory-process-card-icon .brazil-flag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCA0NiAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDBMMCAxNS4wMDg1TDIzIDMwLjAxNjlMNDYgMTUuMDA4NUwyMyAwWk0yMyA1LjI2MjcxQzI1LjU4NDcgNS4yNjI3MSAyOC4wNjM2IDYuMjg5NDkgMjkuODkxMyA4LjExNzE4QzMxLjcxOSA5Ljk0NDg2IDMyLjc0NTggMTIuNDIzNyAzMi43NDU4IDE1LjAwODVDMzIuNzQ1NyAxNS4zMzQ0IDMyLjcyOTMgMTUuNjYwMSAzMi42OTY2IDE1Ljk4NDRDMjguMDA2NyAxMi40NTkxIDIxLjkyNyAxMC4zNzY1IDE2LjIzNDcgMTAuNDg2OUMxNS41ODgzIDEwLjQ5OTYgMTQuOTQ3NiAxMC41NDIxIDE0LjMxMzkgMTAuNjEyM0MxNS4xMjYyIDkuMDA1MTUgMTYuMzY3OCA3LjY1NDUyIDE3LjkwMTEgNi43MTAyMkMxOS40MzQ0IDUuNzY1OTIgMjEuMTk5MyA1LjI2NDg5IDIzIDUuMjYyNzFaTTE2LjYwOTkgMTIuMjUzM0MyMi4wMjc2IDEyLjI2NjMgMjcuOTU0MyAxNC40MDMyIDMyLjMwNSAxNy45MDM4QzMxLjY4NzQgMTkuODg4OCAzMC40NTEyIDIxLjYyNDMgMjguNzc3MiAyMi44NTY3QzI3LjEwMzEgMjQuMDg5MiAyNS4wNzg4IDI0Ljc1NDEgMjMgMjQuNzU0MkMyMC40MTUzIDI0Ljc1NDIgMTcuOTM2NCAyMy43Mjc1IDE2LjEwODcgMjEuODk5OEMxNC4yODEgMjAuMDcyMSAxMy4yNTQyIDE3LjU5MzIgMTMuMjU0MiAxNS4wMDg1QzEzLjI1ODEgMTQuMTU0MiAxMy4zNzQyIDEzLjMwNDEgMTMuNTk5NyAxMi40ODAxQzE0LjU3NTUgMTIuMzI0OSAxNS41ODM0IDEyLjI1MDkgMTYuNjA5OSAxMi4yNTMzWiIgZmlsbD0iIzBDMzI2RiIvPgo8L3N2Zz4K);
}
.participatory-process-card-icon .sector-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQzN180NSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjYiIHk9IjMyIiB3aWR0aD0iMTciIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNNi40MDAwMiAzMi45MTYzSDIyLjI2NzFWNTEuMjU3Nkg2LjQwMDAyVjMyLjkxNjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNDM3XzQ1KSI+CjxwYXRoIGQ9Ik0xNC4zMzMxIDQyLjA4NjlDMTYuODM3OCA0Mi4wODY5IDE4Ljg2NzEgNDAuMDMzNSAxOC44NjcxIDM3LjUwMTFDMTguODY3MSAzNC45Njg3IDE2LjgzNzggMzIuOTE2MyAxNC4zMzMxIDMyLjkxNjNDMTEuODI5MyAzMi45MTYzIDkuODAwMDUgMzQuOTY4NyA5LjgwMDA1IDM3LjUwMTFDOS44MDAwNSA0MC4wMzM1IDExLjgyOTMgNDIuMDg2OSAxNC4zMzMxIDQyLjA4NjlaTTE3LjUwNzMgNDMuMjMyOUgxNi45MTUyQzE2LjEyOTIgNDMuNTk3NyAxNS4yNTM5IDQzLjgwNTkgMTQuMzMzMSA0My44MDU5QzEzLjQxMjMgNDMuODA1OSAxMi41NDE2IDQzLjU5NzcgMTEuNzUxOSA0My4yMzI5SDExLjE1OTlDOC41MzIyMSA0My4yMzI5IDYuNDAwMDIgNDUuMzg5NSA2LjQwMDAyIDQ4LjA0NzJWNDkuNTM3N0M2LjQwMDAyIDUwLjQ4NjUgNy4xNjE0NiA1MS4yNTY3IDguMDk5NTggNTEuMjU2N0gyMC41NjY2QzIxLjUwNTcgNTEuMjU2NyAyMi4yNjcxIDUwLjQ4NjUgMjIuMjY3MSA0OS41Mzc3VjQ4LjA0NzJDMjIuMjY3MSA0NS4zODk1IDIwLjEzNDkgNDMuMjMyOSAxNy41MDczIDQzLjIzMjlaIiBmaWxsPSIjMEMzMjZGIi8+CjwvZz4KPG1hc2sgaWQ9Im1hc2sxXzQzN180NSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIzIiB5PSIzMiIgd2lkdGg9IjE3IiBoZWlnaHQ9IjIwIj4KPHBhdGggZD0iTTIzLjk4NDQgMzIuOTE2M0gzOS44NTE1VjUxLjI1NzZIMjMuOTg0NFYzMi45MTYzWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2sxXzQzN180NSkiPgo8cGF0aCBkPSJNMzEuOTE4NCA0Mi4wODY5QzM0LjQyMjIgNDIuMDg2OSAzNi40NTE0IDQwLjAzMzUgMzYuNDUxNCAzNy41MDExQzM2LjQ1MTQgMzQuOTY4NyAzNC40MjIyIDMyLjkxNjMgMzEuOTE4NCAzMi45MTYzQzI5LjQxMzcgMzIuOTE2MyAyNy4zODQ0IDM0Ljk2ODcgMjcuMzg0NCAzNy41MDExQzI3LjM4NDQgNDAuMDMzNSAyOS40MTM3IDQyLjA4NjkgMzEuOTE4NCA0Mi4wODY5Wk0zNS4wOTE2IDQzLjIzMjlIMzQuNDk5NkMzMy43MTM2IDQzLjU5NzcgMzIuODM5MiA0My44MDU5IDMxLjkxODQgNDMuODA1OUMzMC45OTc2IDQzLjgwNTkgMzAuMTI1OSA0My41OTc3IDI5LjMzNjMgNDMuMjMyOUgyOC43NDQyQzI2LjExNjYgNDMuMjMyOSAyMy45ODQ0IDQ1LjM4OTUgMjMuOTg0NCA0OC4wNDcyVjQ5LjUzNzdDMjMuOTg0NCA1MC40ODY1IDI0Ljc0NTggNTEuMjU2NyAyNS42ODQ4IDUxLjI1NjdIMzguMTUxOUMzOS4wOSA1MS4yNTY3IDM5Ljg1MTUgNTAuNDg2NSAzOS44NTE1IDQ5LjUzNzdWNDguMDQ3MkMzOS44NTE1IDQ1LjM4OTUgMzcuNzE5MyA0My4yMzI5IDM1LjA5MTYgNDMuMjMyOVoiIGZpbGw9IiMwQzMyNkYiLz4KPC9nPgo8bWFzayBpZD0ibWFzazJfNDM3XzQ1IiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNDEiIHk9IjMyIiB3aWR0aD0iMTciIGhlaWdodD0iMjAiPgo8cGF0aCBkPSJNNDEuNTcwMSAzMi45MTYzSDU3LjQzNzJWNTEuMjU3Nkg0MS41NzAxVjMyLjkxNjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazJfNDM3XzQ1KSI+CjxwYXRoIGQ9Ik00OS41MDQxIDQyLjA4NjlDNTIuMDA3OSA0Mi4wODY5IDU0LjAzNzEgNDAuMDMzNSA1NC4wMzcxIDM3LjUwMTFDNTQuMDM3MSAzNC45Njg3IDUyLjAwNzkgMzIuOTE2MyA0OS41MDQxIDMyLjkxNjNDNDYuOTk5NCAzMi45MTYzIDQ0Ljk3MDEgMzQuOTY4NyA0NC45NzAxIDM3LjUwMTFDNDQuOTcwMSA0MC4wMzM1IDQ2Ljk5OTQgNDIuMDg2OSA0OS41MDQxIDQyLjA4NjlaTTUyLjY3NzMgNDMuMjMyOUg1Mi4wODYyQzUxLjI5OTMgNDMuNTk3NyA1MC40MjQ5IDQzLjgwNTkgNDkuNTA0MSA0My44MDU5QzQ4LjU4MzIgNDMuODA1OSA0Ny43MTE2IDQzLjU5NzcgNDYuOTIxOSA0My4yMzI5SDQ2LjMzMDhDNDMuNzAyMyA0My4yMzI5IDQxLjU3MDEgNDUuMzg5NSA0MS41NzAxIDQ4LjA0NzJWNDkuNTM3N0M0MS41NzAxIDUwLjQ4NjUgNDIuMzMxNSA1MS4yNTY3IDQzLjI3MDUgNTEuMjU2N0g1NS43Mzc2QzU2LjY3NTcgNTEuMjU2NyA1Ny40MzcyIDUwLjQ4NjUgNTcuNDM3MiA0OS41Mzc3VjQ4LjA0NzJDNTcuNDM3MiA0NS4zODk1IDU1LjMwNSA0My4yMzI5IDUyLjY3NzMgNDMuMjMyOVoiIGZpbGw9IiMwQzMyNkYiLz4KPC9nPgo8bWFzayBpZD0ibWFzazNfNDM3XzQ1IiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNiIgeT0iMSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE5Ij4KPHBhdGggZD0iTTYuNDAwMDIgMS4yODAwM0gyMi4yNjcxVjE5LjYyMTRINi40MDAwMlYxLjI4MDAzWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2szXzQzN180NSkiPgo8cGF0aCBkPSJNMTQuMzMzMSAxMC40NTExQzE2LjgzNzggMTAuNDUxMSAxOC44NjcxIDguMzk4NTkgMTguODY3MSA1Ljg2NjE4QzE4Ljg2NzEgMy4zMzM3NyAxNi44Mzc4IDEuMjgxMzEgMTQuMzMzMSAxLjI4MTMxQzExLjgyOTMgMS4yODEzMSA5LjgwMDA1IDMuMzMzNzcgOS44MDAwNSA1Ljg2NjE4QzkuODAwMDUgOC4zOTg1OSAxMS44MjkzIDEwLjQ1MTEgMTQuMzMzMSAxMC40NTExWk0xNy41MDczIDExLjU5OEgxNi45MTUyQzE2LjEyOTIgMTEuOTYyOCAxNS4yNTM5IDEyLjE3MSAxNC4zMzMxIDEyLjE3MUMxMy40MTIzIDEyLjE3MSAxMi41NDE2IDExLjk2MjggMTEuNzUxOSAxMS41OThIMTEuMTU5OUM4LjUzMjIxIDExLjU5OCA2LjQwMDAyIDEzLjc1NDUgNi40MDAwMiAxNi40MTIyVjE3LjkwMjdDNi40MDAwMiAxOC44NTE2IDcuMTYxNDYgMTkuNjIxNyA4LjA5OTU4IDE5LjYyMTdIMjAuNTY2NkMyMS41MDU3IDE5LjYyMTcgMjIuMjY3MSAxOC44NTE2IDIyLjI2NzEgMTcuOTAyN1YxNi40MTIyQzIyLjI2NzEgMTMuNzU0NSAyMC4xMzQ5IDExLjU5OCAxNy41MDczIDExLjU5OFoiIGZpbGw9IiMwQzMyNkYiLz4KPC9nPgo8bWFzayBpZD0ibWFzazRfNDM3XzQ1IiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMjMiIHk9IjEiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxOSI+CjxwYXRoIGQ9Ik0yMy45ODQ0IDEuMjgwMDNIMzkuODUxNVYxOS42MjE0SDIzLjk4NDRWMS4yODAwM1oiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrNF80MzdfNDUpIj4KPHBhdGggZD0iTTMxLjkxODQgMTAuNDUxMUMzNC40MjIyIDEwLjQ1MTEgMzYuNDUxNCA4LjM5ODU5IDM2LjQ1MTQgNS44NjYxOEMzNi40NTE0IDMuMzMzNzcgMzQuNDIyMiAxLjI4MTMxIDMxLjkxODQgMS4yODEzMUMyOS40MTM3IDEuMjgxMzEgMjcuMzg0NCAzLjMzMzc3IDI3LjM4NDQgNS44NjYxOEMyNy4zODQ0IDguMzk4NTkgMjkuNDEzNyAxMC40NTExIDMxLjkxODQgMTAuNDUxMVpNMzUuMDkxNiAxMS41OThIMzQuNDk5NkMzMy43MTM2IDExLjk2MjggMzIuODM5MiAxMi4xNzEgMzEuOTE4NCAxMi4xNzFDMzAuOTk3NiAxMi4xNzEgMzAuMTI1OSAxMS45NjI4IDI5LjMzNjMgMTEuNTk4SDI4Ljc0NDJDMjYuMTE2NiAxMS41OTggMjMuOTg0NCAxMy43NTQ1IDIzLjk4NDQgMTYuNDEyMlYxNy45MDI3QzIzLjk4NDQgMTguODUxNiAyNC43NDU4IDE5LjYyMTcgMjUuNjg0OCAxOS42MjE3SDM4LjE1MTlDMzkuMDkgMTkuNjIxNyAzOS44NTE1IDE4Ljg1MTYgMzkuODUxNSAxNy45MDI3VjE2LjQxMjJDMzkuODUxNSAxMy43NTQ1IDM3LjcxOTMgMTEuNTk4IDM1LjA5MTYgMTEuNTk4WiIgZmlsbD0iIzBDMzI2RiIvPgo8L2c+CjxtYXNrIGlkPSJtYXNrNV80MzdfNDUiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI0MSIgeT0iMSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE5Ij4KPHBhdGggZD0iTTQxLjU3MDEgMS4yODAwM0g1Ny40MzcyVjE5LjYyMTRINDEuNTcwMVYxLjI4MDAzWiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2s1XzQzN180NSkiPgo8cGF0aCBkPSJNNDkuNTA0MSAxMC40NTExQzUyLjAwNzkgMTAuNDUxMSA1NC4wMzcxIDguMzk4NTkgNTQuMDM3MSA1Ljg2NjE4QzU0LjAzNzEgMy4zMzM3NyA1Mi4wMDc5IDEuMjgxMzEgNDkuNTA0MSAxLjI4MTMxQzQ2Ljk5OTQgMS4yODEzMSA0NC45NzAxIDMuMzMzNzcgNDQuOTcwMSA1Ljg2NjE4QzQ0Ljk3MDEgOC4zOTg1OSA0Ni45OTk0IDEwLjQ1MTEgNDkuNTA0MSAxMC40NTExWk01Mi42NzczIDExLjU5OEg1Mi4wODYyQzUxLjI5OTMgMTEuOTYyOCA1MC40MjQ5IDEyLjE3MSA0OS41MDQxIDEyLjE3MUM0OC41ODMyIDEyLjE3MSA0Ny43MTE2IDExLjk2MjggNDYuOTIxOSAxMS41OThINDYuMzMwOEM0My43MDIzIDExLjU5OCA0MS41NzAxIDEzLjc1NDUgNDEuNTcwMSAxNi40MTIyVjE3LjkwMjdDNDEuNTcwMSAxOC44NTE2IDQyLjMzMTUgMTkuNjIxNyA0My4yNzA1IDE5LjYyMTdINTUuNzM3NkM1Ni42NzU3IDE5LjYyMTcgNTcuNDM3MiAxOC44NTE2IDU3LjQzNzIgMTcuOTAyN1YxNi40MTIyQzU3LjQzNzIgMTMuNzU0NSA1NS4zMDUgMTEuNTk4IDUyLjY3NzMgMTEuNTk4WiIgZmlsbD0iIzBDMzI2RiIvPgo8L2c+CjxtYXNrIGlkPSJtYXNrNl80MzdfNDUiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI2IiB5PSIyMiIgd2lkdGg9IjUyIiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNNi40MDAwMiAyMi42MTUxSDU3LjQ3MDVWMjkuOTE4NEg2LjQwMDAyVjIyLjYxNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazZfNDM3XzQ1KSI+CjxtYXNrIGlkPSJtYXNrN180MzdfNDUiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI2IiB5PSIyMiIgd2lkdGg9IjUyIiBoZWlnaHQ9IjgiPgo8cGF0aCBkPSJNMTAuMDEwNCAyMi42MTUxSDUzLjg2MUM1NC44MTgzIDIyLjYxNTEgNTUuNzM2NCAyMy4wMDAxIDU2LjQxMzEgMjMuNjg0NkM1Ny4wOTA3IDI0LjM3IDU3LjQ3MDUgMjUuMjk4NSA1Ny40NzA1IDI2LjI2NjdDNTcuNDcwNSAyNy4yMzQ5IDU3LjA5MDcgMjguMTY0NCA1Ni40MTMxIDI4Ljg0ODlDNTUuNzM2NCAyOS41MzM0IDU0LjgxODMgMjkuOTE4NCA1My44NjEgMjkuOTE4NEgxMC4wMTA0QzkuMDUyMjggMjkuOTE4NCA4LjEzNDE5IDI5LjUzMzQgNy40NTc0NyAyOC44NDg5QzYuNzc5ODMgMjguMTY0NCA2LjQwMDAyIDI3LjIzNDkgNi40MDAwMiAyNi4yNjY3QzYuNDAwMDIgMjUuMjk4NSA2Ljc3OTgzIDI0LjM3IDcuNDU3NDcgMjMuNjg0NkM4LjEzNDE5IDIzLjAwMDEgOS4wNTIyOCAyMi42MTUxIDEwLjAxMDQgMjIuNjE1MVoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrN180MzdfNDUpIj4KPHBhdGggZD0iTTYuNDAwMDIgMjIuNjE1MUg1Ny40NzA1VjI5LjkxODRINi40MDAwMlYyMi42MTUxWiIgZmlsbD0iIzBDMzI2RiIvPgo8L2c+CjwvZz4KPG1hc2sgaWQ9Im1hc2s4XzQzN180NSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjYiIHk9IjU0IiB3aWR0aD0iNTIiIGhlaWdodD0iOCI+CjxwYXRoIGQ9Ik02LjQwMDAyIDU0LjI1MTNINTcuNDcwNVY2MS41NTQ2SDYuNDAwMDJWNTQuMjUxM1oiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrOF80MzdfNDUpIj4KPG1hc2sgaWQ9Im1hc2s5XzQzN180NSIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjYiIHk9IjU0IiB3aWR0aD0iNTIiIGhlaWdodD0iOCI+CjxwYXRoIGQ9Ik0xMC4wMTA0IDU0LjI1MTNINTMuODYxQzU0LjgxODMgNTQuMjUxMyA1NS43MzY0IDU0LjYzNjMgNTYuNDEzMSA1NS4zMjA4QzU3LjA5MDcgNTYuMDA2MiA1Ny40NzA1IDU2LjkzNDggNTcuNDcwNSA1Ny45MDNDNTcuNDcwNSA1OC44NzIxIDU3LjA5MDcgNTkuODAwNyA1Ni40MTMxIDYwLjQ4NTFDNTUuNzM2NCA2MS4xNzA1IDU0LjgxODMgNjEuNTU0NiA1My44NjEgNjEuNTU0NkgxMC4wMTA0QzkuMDUyMjggNjEuNTU0NiA4LjEzNDE5IDYxLjE3MDUgNy40NTc0NyA2MC40ODUxQzYuNzc5ODMgNTkuODAwNyA2LjQwMDAyIDU4Ljg3MjEgNi40MDAwMiA1Ny45MDNDNi40MDAwMiA1Ni45MzQ4IDYuNzc5ODMgNTYuMDA2MiA3LjQ1NzQ3IDU1LjMyMDhDOC4xMzQxOSA1NC42MzYzIDkuMDUyMjggNTQuMjUxMyAxMC4wMTA0IDU0LjI1MTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazlfNDM3XzQ1KSI+CjxwYXRoIGQ9Ik02LjQwMDAyIDU0LjI1MTNINTcuNDcwNVY2MS41NTQ2SDYuNDAwMDJWNTQuMjUxM1oiIGZpbGw9IiMwQzMyNkYiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=);
}
.scopes-count {
  margin: 2rem 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  color: #1b1b1b;
  color: var(--gray-90);
}
/* css for decidim_homes */
.news-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 16px;
}
.news-card-home {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-radius: 10px;
  align-items: flex-start;
  height: auto;
  gap: 16px;
  padding: 0 16px;
}
.news-img {
  width: 160px;
  height: 120px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-card-home .news-title {
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  margin: 8px 0;
  max-height: 110px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  line-clamp: 5;
}
.news-card-home .news-title:hover {
  color: var(---blue-warm-vivid-70);
}
.centered-text {
  text-align: center;
}
#news-custom-home-section {
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  text-align: center;
}
#news-custom-home-section h2 {
  margin: 0;
  padding: 0;
}
#news-home-section .main-news-content,
#news-home-section .page-news-card-content {
  background: #f8f8f8;
  background: var(--gray-2);
}
.home-news-title {
  text-align: left;
  width: 100%;
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.home-news-description {
  display: none;
}
.info-news-text {
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.info-news-text .main-news-title {
  font-size: 20px;
  word-break: break-word;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.page-news-card-content .info-news-text .news-title {
  font-size: 16.846px;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  line-height: normal;
}
.page-news-card-content .news-date {
  align-self: flex-end;
}
.main-header-news .news-date {
  margin: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16px;
  display: none;
}
.main-header-news {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
.news-subtitle {
  display: none;
  font-size: 16px;
  text-align: start;
  color: #1b1b1b;
  color: var(--gray-90);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  max-height: 80px;
  max-width: 330px;
}
.page-news-card-content .news-subtitle {
  font-size: 14px;
}
.news-container .page-news-card-content {
  padding: 1.25rem;
}
.home-sections-content .main-news-card {
  width: auto;
  box-shadow: none;
  border-radius: 8px;
  overflow: hidden;
  margin: 0px 1rem 1.5rem 1rem;
}
.news-container .page-news-card {
  box-shadow: none;
  border-radius: 8px;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
}
@media (min-width: 768px) {
  section#news-home-section {
    gap: 2.5rem;
  }
  .home-news-title {
    font-size: 42px;
    padding: 0 24px;
  }
  .home-news-description {
    display: block;
    color: #636363;
    color: var(--Gray-gray-60, #636363);
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 24px;
  }
  #news-home-section .main-news-content {
    align-items: flex-start;
  }
  .home-sections-content .main-news-card {
    box-shadow: none;
    margin: 0 0 1.5rem 0;
    padding: 24px;
  }
  .main-header-news .news-date {
    display: block;
  }
  .main-news-subtitle {
    word-break: break-word;
  }
  .news-container {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin-bottom: 24px !important;
  }
  .news-card-home {
    width: 100%;
    height: 280px;
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    padding: 0;
  }
  .news-img {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: #fff;
  }
  .news-card-home .news-title {
    font-weight: 600;
    padding: 0;
    margin: 0 8px;
    font-size: 1rem;
    text-align: left;
  }
  .news-subtitle {
    display: block;
  }
  .news-container .page-news-card .page-news-card-content {
    justify-content: space-between;
    flex-grow: 1;
  }
  .page-news-card-content .news-date {
    align-self: auto;
  }
  #news-custom-home-section {
    padding: 2rem;
  }
}
.logos__list-container a img {
  width: 160px;
}
.logos__list-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}
.logos-section h2 {
  font-size: 2.25rem;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  padding-bottom: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .logos__list-container a img {
    width: 160px;
  }
  .logos-section h2 {
    padding-bottom: 0.75rem;
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold);
  }
  .logos__list-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
  }
}
.home_basic_logos__section {
  padding: 2rem 1rem;
}
.home_basic_logos__container {
  max-width: 900px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 42px;
  margin: 0 auto;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 870px) {
  .home_basic_logos__section {
    padding: 2rem 1rem 0 1rem;
  }
  .home_basic_logos__container {
    max-width: 900px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    gap: 42px;
    margin: 0 auto;
    flex-wrap: nowrap;
    align-items: center;
  }
}
.custom-home-sections-container h2 {
  text-align: center;
}
.custom-home-sections-container .custom-home-sections-content {
  margin: 0 auto;
  width: auto;
}
@media (min-width: 768px) {
  .custom-home-sections-container .custom-home-sections-content {
    margin: 0 auto;
    max-width: 1152px;
  }
}
.home-hero-br {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .home-hero-br {
    gap: 1rem;
  }
}
.home-hero-br .hero-title-br {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: left;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 1.75rem !important;
  margin: 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .home-hero-br .hero-title-br {
    font-size: 2.625rem !important;
  }
}
.home-hero-br .hero-text-br {
  color: #636363;
  color: var(--gray-60);
  text-align: left;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  line-height: normal;
  margin: 0;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .home-hero-br .hero-text-br {
    font-size: 20.16px !important;
    font-size: var(--font-size-scale-up-02) !important;
  }
}
.process-home-container .card__text--status {
  margin: 0 24px;
}
.call_to_action-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 16px;
}
@media (min-width: 768px) {
  .call_to_action-container {
    flex-direction: row;
    padding: 32px 64px;
  }
}
.call_to_action-container.reversed {
  padding: 16px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .call_to_action-container.reversed {
    flex-direction: row-reverse;
    padding: 32px 64px !important;
  }
}
.action_img-container {
  min-height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  height: 20rem;
  width: 100%;
}
@media (min-width: 768px) {
  .action_img-container {
    width: 50%;
  }
}
.action_img-container .home__video-iframe {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  min-height: inherit;
}
.action_content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .action_content-container {
    width: 50%;
  }
}
.action_content-container .action_link {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  text-align: center;
}
.action_content-container .action_link .primary {
  color: #fff;
  color: var(--pure-0);
}
.action_content-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.action_button_container {
  display: flex;
  gap: 1rem;
}
.action_button_container a {
  min-width: 30%;
}
.action_button_container .br-button.primary {
  background-color: #0c326f;
  background-color: var(--blue-warm-vivid-80);
}
.action_title {
  font-size: 2rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}
.action_text {
  text-align: justify;
  color: #636363;
  color: var(--gray-60);
  font-size: 18px !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  .action_button_container {
    flex-direction: column;
  }
}
.action_img_content {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.home_steps-container {
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
  gap: 1.5rem;
  background: #f8f8f8;
  background: var(--gray-2);
  border-radius: 16px 16px 0 0;
  max-height: 720px;
  overflow-y: hidden;
}
.steps_main-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.steps_side-container {
  display: flex;
  flex-direction: column;
}
.steps_main-container .steps_title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 2rem;
  padding: 0;
  margin: 0;
}
.steps_main_text {
  text-align: justify;
  color: #636363;
  color: var(--gray-60);
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.step_info-container {
  gap: 10px;
  display: flex;
  min-height: 100px;
}
.blue-step-container {
  display: flex;
  align-items: center;
  min-height: 100px;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(51, 51, 51, 0.16);
}
.step_index {
  margin: 0px 32px 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  text-align: center;
  min-height: 100%;
  min-width: 81px;
}
.step_index-circle {
  display: flex;
  width: 54px;
  height: 54px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  color: #fff;
  color: var(--pure-0);
  font-size: 24.19px;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.step_index-circle.gray-index {
  border: 1px solid #fff;
  border: 1px solid var(--pure-0);
  background: #adadad;
  background: var(--gray-30);
}
.step_index-circle.blue-index {
  border: 1px solid #fff;
  border: 1px solid var(--pure-0);
  background: #1351b4;
  background: var(--blue-warm-vivid-70);
  width: 76px;
  height: 76px;
}
.step_index-circle.write-index {
  color: #fff;
  color: var(--pure-0);
  border: 1px solid #adadad;
  border: 1px solid var(--gray-30);
  background: #adadad;
  background: var(--gray-30);
}
.index-line {
  width: 2px;
  background: #5992ed;
  background: var(--blue-warm-vivid-40);
  flex-grow: 1;
}
.hollow-index-line {
  width: 2px;
  flex-grow: 1;
}
.step_info-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0;
  justify-content: center;
  width: 90%;
}
.step_info-text h2 {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 0;
  margin: 0;
}
.step_info-text p {
  font-size: 11.662px !important;
  font-size: var(--font-size-scale-down-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.step_info-text.gray-step h2,
.step_info-text.gray-step p {
  color: #555;
  color: var(--gray-70);
}
.step_info-text.blue-step h2,
.step_info-text.blue-step p {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.step_info-text.write-step h2 {
  color: #333;
  color: var(--gray-80);
}
.step_info-text.write-step p {
  color: #1b1b1b;
  color: var(--gray-90);
}
.steps_side-container .steps_title {
  display: none;
}
.steps-section-background {
  position: relative;
}
.home_steps-container {
  position: relative;
  max-height: 720px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.ver_mais {
  display: none;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 1rem 0;
  cursor: pointer;
  background: linear-gradient(0deg, #F8F8F8 28.67%, rgba(248, 248, 248, 0.61) 114%);
  color: #0c326f;
  font-weight: 600;
  text-align: center;
  z-index: 1;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
  width: calc(100% - 80px);
}
.home_steps-container.has-overflow + .ver_mais {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_steps-container.expanded {
  max-height: none;
  overflow: visible;
}
.home_steps-container.has-overflow + .ver_mais::before {
  content: "Ver mais etapas";
}
.home_steps-container.expanded + .ver_mais::before {
  content: "Ver menos etapas";
}
.home_steps-container.expanded + .ver_mais i {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .steps_side-container .steps_title {
    display: inline;
    text-align: center;
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem;
    margin-top: 0;
    padding: 0;
    color: #0c326f;
    color: var(--blue-warm-vivid-80);
  }
  .steps_side-container {
    padding: 0 0 30px 0px;
    height: 100%;
    width: 100%;
  }
  .home_steps-container {
    transition: max-height 0.6s ease-in-out;
    padding: 1rem !important;
  }
  .step_info-container {
    margin: 0 1.5rem;
  }
  .step_info-text {
    margin: 10px 10px 10px 0px !important;
    padding: 0 !important;
  }
}
.br-carousel-container {
  display: flex;
  justify-content: center;
}
.br-carousel-container {
  display: flex;
  justify-content: center;
}
.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);
  color: white;
}
.participatory_cards-container {
  display: flex;
  justify-content: center;
}
.participatory_cards-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4.5rem;
  gap: 2rem;
  background-color: #345d96;
  background-color: var(--blue-warm-60);
}
.participatory_cards-title {
  color: #fff;
  color: var(--pure-0);
  text-align: center;
  font-size: 2.25rem !important;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  padding: 0;
  margin: 0;
}
.participatory_cards-subtitle {
  font-size: 14px;
  color: #fff;
  color: var(--pure-0);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 0;
  padding: 0 24px;
}
.cards_icon-container {
  display: flex;
  width: 60px;
  height: 60px;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 4px;
  background: #fff;
  background: var(--pure-0);
}
.cards_icon-container .fa-solid {
  color: #345d96;
  color: var(--blue-warm-60);
  font-size: 1.5rem;
}
.cards_info-container {
  display: flex;
  padding: 0 80px;
  justify-content: space-around;
  align-items: stretch;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 3.375rem;
}
.cards_info-content {
  display: flex;
  align-items: center;
  max-width: 400px;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.5rem;
  flex-grow: 1;
}
.cards_info-content:hover {
  transform: scale(1.025);
  transition: transform 0.3s, box-shadow 0.2s;
}
.cards_info-text {
  color: #FFF;
  color: var(--Pure-pure, #FFF);
  display: flex;
  flex-direction: column;
  white-space: wrap;
  overflow: hidden;
  gap: 0.5rem;
  max-width: 80%;
}
.cards_info-content h3 {
  color: #FFF;
  color: var(--Pure-pure, #FFF);
  font-size: 1.5rem;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  padding: 0;
  margin: 0;
}
.cards_info-content p {
  color: #FFF;
  color: var(--Pure-pure, #FFF);
  font-size: 1.5rem;
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
  word-break: break-all;
}
.blue-bp-divider {
  display: flex;
  width: 100%;
  height: 35px;
  background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcTVXIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--958ded6942dd87524d5b1852502383e4a10bbd3c/faixa-azul%20(1).png");
  background-size: cover;
  background-repeat: repeat;
  filter: brightness(0) saturate(100%) invert(33%) sepia(19%) saturate(1551%) hue-rotate(175deg) brightness(98%) contrast(95%);
}
@media (max-width: 768px) {
  .cards_info-container {
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: center;
    flex-wrap: nowrap;
    gap: 3.375rem;
  }
}
.description_cards-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 4rem 0;
}
.description_cards-title {
  font-size: 2rem;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  padding: 0;
  margin: 0;
}
.description_cards-subtitle {
  font-size: 1.125rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 0;
}
.description_cards {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.description_card {
  display: flex;
  flex-direction: column;
  background-color: #fcfcfc;
  background-color: var(--gray-1);
  max-width: 369px;
  min-width: 280px;
  width: auto;
  gap: 1rem;
}
.desc_card_label {
  background-color: #0c326f;
  background-color: var(--blue-warm-vivid-80);
  border-radius: 4px 4px 0 0;
  padding: 10px;
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #fff;
  color: var(--pure-0);
  line-height: 16.06px;
  text-align: center;
  margin: 0;
}
.desc_card_title {
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  padding: 0 1rem;
  font-weight: 600;
  line-height: 27.81px;
  text-align: left;
  margin: 0;
}
.desc_card_text {
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #000;
  color: var(--pure-100);
  padding: 0 1rem;
  line-height: 19.38px;
  text-align: left;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  .description_cards-container h2 {
    font-size: 1.5rem;
  }
  .description_cards {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    padding-bottom: 1rem;
  }
  .description_card {
    width: 280px;
  }
}
.step_cards-container {
  display: flex;
  justify-content: center;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
}
.step_cards-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 0;
  gap: 2rem;
}
.step_cards-title {
  font-size: 2rem;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  text-align: center;
  padding: 0;
  margin: 0;
}
.step_cards-subtitle {
  font-size: 1.125rem;
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 0;
}
.step_cards-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.step_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid #A3B3CC;
  background-color: #fff;
  background-color: var(--pure-0);
  padding: 1.5rem 1rem;
  gap: 1rem;
  width: 267px;
  min-width: 267px;
}
.step_card_info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.step_card_info-container .step_icon-container {
  font-size: 2rem;
  color: #1b1b1b;
  color: var(--gray-90);
}
.step_card_info-container .step_info-text {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
  width: 100%;
  white-space: nowrap;
}
.step_card_info-container .step_info-text p, .step_card_info-container .step_info-text h3 {
  color: #1b1b1b;
  color: var(--gray-90);
  overflow: hidden;
  text-overflow: ellipsis;
}
.step_card_info-container .step_info-text p {
  font-size: 0.75rem !important;
  font-weight: 400;
  text-align: center;
}
.step_card_info-container .step_info-text h3 {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin: 0;
}
.step_card.active {
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
}
.step_card.active .step_icon-container {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.step_card.active .step_info-text p, .step_card.active .step_info-text h3 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.step_card-description {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step_card-date {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #edf5ff;
  background-color: var(--blue-warm-vivid-5);
  gap: 0.5rem;
}
.step_card-date p {
  font-size: 0.875rem;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 0;
}
.survey_ended_warning {
  background-color: #555555;
  color: #fff;
  padding: 4px;
  width: 100%;
}
.ej-survey-background {
  padding: 16px 0;
}
.margin-top-2 {
  margin-top: 2rem;
}
.pie-chart-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.votes-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vote-row {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
.ej-conversation__general-stats .fa-thumbs-up {
  color: #7FB135;
}
.ej-conversation__general-stats .fa-thumbs-down {
  color: #FB5A47;
}
.ej-pie-chart-card {
  justify-content: center;
}
@media (min-width: 740px) {
  .ej-conversation__general-stats {
    align-items: stretch;
  }
  .ej-conversation-stats__card {
    align-items: center;
  }
}
.participatory-space-container {
  padding: 0 0 2rem 0;
}
.participatory-space-header {
  display: flex;
  flex-direction: column;
  align-self: self-start;
  gap: 1rem;
  max-width: 100%;
  line-height: normal;
}
.participatory-space-header h2 {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 42px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.participatory-space-header span {
  color: #636363;
  color: var(--Gray-gray-60, #636363);
  font-size: 20.16px;
  font-weight: 400;
  word-break: break-word;
}
.participatory-space-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.participatory-space-content .see-more-button {
  width: 100%;
  align-self: end;
  border: 1px solid #1351B4;
  border: 1px solid var(--Blue-Warm-Vivid-blue-warm-vivid-70, #1351B4);
  background: #FFF;
  background: var(--Pure-pure, #FFF);
  color: #1351B4;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-70, #1351B4);
  text-align: center;
  font-weight: 600;
}
.participatory-space-content .participatory-space-list {
  margin-top: 0;
}
.participatory-space-content .br-processes-list {
  margin: 0;
}
@media (min-width: 768px) {
  .participatory-space-content .see-more-button {
    max-width: 210px;
  }
}
.section-statistics .section-statistics-heading {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 42px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 1.5rem;
}
.section-statistics .home-statistics-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-statistics .home-statistics-container .stats-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.section-statistics .home-statistics-container .stats-container .stats-card {
  border-radius: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .section-statistics .home-statistics-container .stats-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow: row;
    grid-gap: 1rem;
    gap: 1rem;
    width: 100%;
  }
  .section-statistics .home-statistics-container .stats-container .stats-card {
    padding: 2.5rem;
    grid-column: span 2;
  }
  .section-statistics .home-statistics-container .stats-container .stats-card:nth-child(5n+4),
  .section-statistics .home-statistics-container .stats-container .stats-card:nth-child(5n+5) {
    grid-column: span 3;
  }
  .section-statistics .home-statistics-container .stats-container:has(.stats-card:nth-child(2):last-child) .stats-card {
    grid-column: span 3;
  }
  .section-statistics .home-statistics-container .stats-container:has(.stats-card:nth-child(4):last-child) .stats-card {
    grid-column: span 3;
  }
  .section-statistics .home-statistics-container .stats-container:has(.stats-card:nth-child(1):last-child) .stats-card {
    grid-column: span 6;
  }
}
.section-statistics .home-statistics-container .stats-container .stats-card {
  max-width: none;
  width: 100%;
}
.no-content-message {
  text-align: center;
  padding: 2rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.no-content-message p {
  color: #636363;
  color: var(--Gray-gray-60, #636363);
  font-size: 1.25rem;
  margin: 0;
}
.section-card-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.section-card {
  display: flex;
  width: 154px;
  height: 109px;
  padding: 8px;
  gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: #fff;
  background-color: var(--pure-0);
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
}
.section-card i {
  font-size: 46px;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.section-card:hover {
  background: #dbe8fb;
  background: var(--blue-10);
}
@media (min-width: 768px) {
  .section-card {
    display: flex;
    width: 190px;
    height: 170px;
    padding: 16px;
    gap: 16px;
  }
  .section-card i {
    font-size: 64px;
  }
  .section-card-title {
    font-size: 1.125rem;
  }
}
.home-sections-container {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
.home-sections-container {
  background-color: #fff;
  background-color: var(--pure-0);
}
.home-sections-container .home-sections-content {
  margin: 0 auto;
  width: auto;
}
#service-channels-home-section {
  background-color: #0c326f;
  background-color: var(--blue-warm-vivid-80);
}
.participatory-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
.home-sections-container.logos-section {
  padding: 0;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .participatory-items {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
  }
  .home-sections-container {
    padding: 3.5rem 0;
    gap: 2.5rem;
  }
  .home-sections-container h2 {
    font-size: 2rem !important;
    margin: 0;
  }
  .home-sections-container .home-sections-content {
    margin: 0 auto;
  }
  .participatory-items {
    flex-direction: row;
    max-width: 900px !important;
  }
  .home-sections-container.logos-section {
    padding: 2rem 0;
    gap: 2rem;
  }
}
#participatory-process-section {
  margin: 0 auto;
  border-radius: 8px;
}
.home-sections-container:first-child {
  padding-top: 0;
}
.menu-container-space {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 10px;
}
.cards-title-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.official_logos-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.official_logos-container .logos__container {
  justify-content: space-around;
}
.popularity {
  min-width: 100px;
  margin-top: 5px;
}
.popularity::before,
.popularity::after {
  display: table;
  content: " ";
}
.popularity::after {
  clear: both;
}
.popularity.extra__popularity {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.popularity__desc {
  color: #8c838a;
  font-size: 90%;
  padding-top: 0.3rem;
  display: block;
  clear: both;
}
.popularity__item {
  float: left;
  width: 18.4%;
  height: 4px;
  background-color: lightgrey;
  margin-left: 2%;
}
.popularity__item:first-of-type {
  margin-left: 0;
}
.popularity--level1 .popularity__item:first-of-type,
.popularity--level2 .popularity__item:first-of-type,
.popularity--level3 .popularity__item:first-of-type,
.popularity--level4 .popularity__item:first-of-type,
.popularity--level5 .popularity__item:first-of-type,
.popularity--level6 .popularity__item:first-of-type {
  background: #53c9c8;
}
.popularity--level2 .popularity__item:nth-of-type(2),
.popularity--level3 .popularity__item:nth-of-type(2),
.popularity--level4 .popularity__item:nth-of-type(2),
.popularity--level5 .popularity__item:nth-of-type(2),
.popularity--level6 .popularity__item:nth-of-type(2) {
  background: linear-gradient(to right, #53c9c8, #f9bc48);
}
.popularity--level3 .popularity__item:nth-of-type(3),
.popularity--level4 .popularity__item:nth-of-type(3),
.popularity--level5 .popularity__item:nth-of-type(3),
.popularity--level6 .popularity__item:nth-of-type(3) {
  background: #f9bc48;
}
.popularity--level4 .popularity__item:nth-of-type(4),
.popularity--level5 .popularity__item:nth-of-type(4),
.popularity--level6 .popularity__item:nth-of-type(4) {
  background: linear-gradient(to right, #f9bc48 50%, #f85a39);
}
.popularity--level5 .popularity__item:nth-of-type(5),
.popularity--level6 .popularity__item:nth-of-type(5) {
  background: #f85a39;
}
.initiative-statistics {
  margin-top: 25px;
}
.initiative-statistics .definition-data__item {
  flex-basis: 50%;
}
.initiative-statistics .definition-data__item:nth-child(odd) {
  border-right: 1px solid #e8e8e8;
}
.initiative-statistics .definition-data__item:nth-last-child(2) {
  border-bottom: none;
}
.committee_link {
  border: 1px solid lightgray;
  float: left;
  padding: 0.85em 1em;
  width: auto;
}
.invite-users-link {
  padding: 0.85em 1em;
}
#initiatives_type_remove_banner_image {
  display: none;
}
#initiatives_type_remove_banner_image + label {
  display: none;
}
.text-right {
  text-align: right !important;
}
.white-button {
  color: #599aa6;
  background: white;
}
.white-button:hover {
  color: #599aa6;
  background: white;
  font-weight: bold;
}
.ql-formats .ql-video {
  margin: 0;
}
.initiative-status {
  float: left;
  margin-right: 0.5rem;
}
.supports-list .author {
  margin-right: 15px;
}
.supports-list .author .author__name {
  color: #599aa6;
}
.initiative-authors {
  padding-left: 0 !important;
}
.initiative-authors .publish-date {
  display: inline-block;
  margin-left: -10px;
}
.initiative-authors .author {
  margin-right: 15px;
}
.initiative-authors .author__avatar--small {
  margin-left: 0 !important;
}
.initiative-authors .author__name {
  margin-left: 25px;
}
.lowercase {
  text-transform: lowercase !important;
}
.legal_text {
  font-size: 8pt;
}
.progress__bar--horizontal:last-of-type {
  margin-bottom: 1.5rem;
}
fieldset {
  padding: 0.5em;
  margin-bottom: 1em;
}
.flatpickr-calendar {
  animation: none;
  background: transparent;
  background: #fff;
  border: 0;
  border-radius: 5px;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  direction: ltr;
  display: none;
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  touch-action: manipulation;
  visibility: hidden;
  width: 307.875px;
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  max-height: 640px;
  opacity: 1;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  display: block;
  z-index: 999;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  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 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-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 {
  border: solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 22px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.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 {
  -webkit-box-flex: 1;
  background: transparent;
  flex: 1 1;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  fill: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.9);
  height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: 3;
}
.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 {
  height: 14px;
  width: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  transition: fill 0.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,
.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numInputWrapper span {
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
  cursor: pointer;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  padding: 0 4px 0 2px;
  position: absolute;
  right: 0;
  width: 14px;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}
.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}
.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  height: auto;
  width: inherit;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  height: 34px;
  left: 12.5%;
  line-height: inherit;
  line-height: 1;
  padding: 7.48px 0 0;
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  width: 75%;
}
.flatpickr-current-month span.cur-month {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  display: inline-block;
  width: 6ch;
  width: 7ch\0 ;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 0.5ch;
  vertical-align: baseline;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 100%;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  align-items: center;
  background: transparent;
  height: 28px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
  flex: 1 1;
}
span.flatpickr-weekday {
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  display: block;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  margin: 0;
  text-align: center;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  -ms-flex-pack: justify;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  max-width: 307.875px;
  min-width: 307.875px;
  opacity: 1;
  outline: 0;
  padding: 0;
  text-align: left;
  transform: translateZ(0);
  width: 307.875px;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  -ms-flex-preferred-size: 14.2857143%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  display: inline-block;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 39px;
  justify-content: center;
  line-height: 39px;
  margin: 0;
  max-width: 39px;
  position: relative;
  text-align: center;
  width: 14.2857143%;
}
.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 {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  background: #959ea9;
  border-color: #959ea9;
  color: #fff;
}
.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 {
  background: #569ff7;
  border-color: #569ff7;
  box-shadow: none;
  color: #fff;
}
.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 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 0 #e6e6e6, 5px 0 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 {
  background: transparent;
  border-color: transparent;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.1);
  cursor: not-allowed;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 #e6e6e6;
  padding: 0 12px;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  line-height: 28px;
  width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  background: transparent;
  border: none;
  color: rgba(57, 57, 57, 0.3);
  cursor: default;
  display: block;
  max-width: none;
  width: 100%;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  overflow: hidden;
}
.flatpickr-innerContainer,
.flatpickr-rContainer {
  box-sizing: border-box;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
}
.flatpickr-time {
  box-sizing: border-box;
  display: block;
  display: flex;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  outline: 0;
  overflow: hidden;
  text-align: center;
}
.flatpickr-time:after {
  clear: both;
  content: "";
  display: table;
}
.flatpickr-time .numInputWrapper {
  flex: 1 1;
  float: left;
  height: 40px;
  width: 40%;
}
.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 {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #393939;
  font-size: 14px;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.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 {
  align-self: center;
  color: #393939;
  float: left;
  font-weight: 700;
  height: inherit;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 2%;
}
.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  font-weight: 400;
  outline: 0;
  text-align: center;
  width: 18%;
}
.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-3: #f3f7fb;
  --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: #335bae;
  --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: 0.16;
  --surface-opacity-sm: 0.3;
  --surface-opacity-md: 0.45;
  --surface-opacity-lg: 0.65;
  --surface-opacity-xl: 0.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(0.25, 0.1, 0.25, 1);
  --animation-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --animation-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease-linear: cubic-bezier(0, 0, 1, 1);
  --duration-very-fast: 0.1s;
  --duration-fast: 0.3s;
  --duration-moderate: 0.5s;
  --duration-slow: 0.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-10: 10px;
  --font-size-11: 11px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-20: 20px;
  --font-size-32: 32px;
  --font-size-32: 48px;
  --font-size-96: 96px;
  --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 {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  line-height: 1.45;
  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: transparent;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
.inline-filters button[data-toggle],
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select,
.inline-filters button[data-toggle] {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: 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 (min-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 (min-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 (min-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 (min-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: 1 1 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 (min-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: 1 1 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 (min-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: 1 1 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 (min-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: 1 1 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 (min-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: 1 1 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;
  }
}
.br-col,
[class*=col-] {
  padding-left: calc(var(--grid-gutter) * 0.5);
  padding-right: calc(var(--grid-gutter) * 0.5);
  width: 100%;
}
.br-col {
  flex: 1 0;
  min-width: 8.3333333333%;
}
.br-col-auto {
  flex: 0 0 auto;
  width: auto;
}
.br-col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.br-col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.br-col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.br-col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.br-col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.br-col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.br-col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.br-col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.br-col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.br-col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.br-col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.br-col-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.br-container,
.br-container-fluid,
.br-container-lg,
.br-container-md,
.br-container-sm,
.br-container-xl {
  --grid-margin: var(--grid-portrait-margin);
  --grid-maxwidth: var(--grid-portrait-maxwidth);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--grid-maxwidth);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  width: 100%;
}
.br-row {
  --grid-gutter: var(--grid-portrait-gutter);
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .br-container,
  .br-container-fluid,
  .br-container-lg,
  .br-container-md,
  .br-container-sm,
  .br-container-xl {
    --grid-margin: var(--grid-tablet-margin);
  }
  .br-row {
    --grid-gutter: var(--grid-tablet-gutter);
  }
  .br-container,
  .br-container-sm {
    --grid-maxwidth: calc(
      var(--grid-breakpoint-sm) - var(--grid-tablet-margin)
    );
  }
  .br-col-sm {
    flex: 1 0;
    min-width: 8.3333333333%;
  }
  .br-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .br-col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .br-col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .br-col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .br-col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .br-col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .br-col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .br-col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .br-col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .br-col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .br-col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .br-col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .br-col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .br-container,
  .br-container-fluid,
  .br-container-lg,
  .br-container-md,
  .br-container-sm,
  .br-container-xl {
    --grid-margin: var(--grid-tablet-margin);
  }
  .br-row {
    --grid-gutter: var(--grid-tablet-gutter);
  }
  .br-container,
  .br-container-md,
  .br-container-sm {
    --grid-maxwidth: calc(
      var(--grid-breakpoint-md) - var(--grid-tablet-margin)
    );
  }
  .br-col-md {
    flex: 1 0;
    min-width: 8.3333333333%;
  }
  .br-col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .br-col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .br-col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .br-col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .br-col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .br-col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .br-col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .br-col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .br-col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .br-col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .br-col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .br-col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .br-col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .br-container,
  .br-container-fluid,
  .br-container-lg,
  .br-container-md,
  .br-container-sm,
  .br-container-xl {
    --grid-margin: var(--grid-desktop-margin);
  }
  .br-row {
    --grid-gutter: var(--grid-desktop-gutter);
  }
  .br-container,
  .br-container-lg,
  .br-container-md,
  .br-container-sm {
    --grid-maxwidth: calc(
      var(--grid-breakpoint-lg) - var(--grid-desktop-margin)
    );
  }
  .br-col-lg {
    flex: 1 0;
    min-width: 8.3333333333%;
  }
  .br-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .br-col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .br-col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .br-col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .br-col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .br-col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .br-col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .br-col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .br-col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .br-col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .br-col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .br-col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .br-col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .br-container,
  .br-container-fluid,
  .br-container-lg,
  .br-container-md,
  .br-container-sm,
  .br-container-xl {
    --grid-margin: var(--grid-tv-margin);
  }
  .br-row {
    --grid-gutter: var(--grid-tv-gutter);
  }
  .br-container,
  .br-container-lg,
  .br-container-md,
  .br-container-sm,
  .br-container-xl {
    --grid-maxwidth: calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin));
  }
  .br-col-xl {
    flex: 1 0;
    min-width: 8.3333333333%;
  }
  .br-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .br-col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .br-col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .br-col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .br-col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .br-col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .br-col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .br-col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .br-col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .br-col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .br-col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .br-col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .br-col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.m-0 {
  margin: 0 !important;
  margin: var(--spacing-scale-default) !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-left: var(--spacing-scale-default) !important;
  margin-right: 0 !important;
  margin-right: var(--spacing-scale-default) !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-bottom: var(--spacing-scale-default) !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
  margin-top: var(--spacing-scale-default) !important;
}
.mr-0 {
  margin-right: 0 !important;
  margin-right: var(--spacing-scale-default) !important;
}
.mb-0 {
  margin-bottom: 0 !important;
  margin-bottom: var(--spacing-scale-default) !important;
}
.ml-0 {
  margin-left: 0 !important;
  margin-left: var(--spacing-scale-default) !important;
}
.m-half {
  margin: 4px !important;
  margin: var(--spacing-scale-half) !important;
}
.mx-half {
  margin-left: 4px !important;
  margin-left: var(--spacing-scale-half) !important;
  margin-right: 4px !important;
  margin-right: var(--spacing-scale-half) !important;
}
.my-half {
  margin-bottom: 4px !important;
  margin-bottom: var(--spacing-scale-half) !important;
}
.mt-half,
.my-half {
  margin-top: 4px !important;
  margin-top: var(--spacing-scale-half) !important;
}
.mt-nhalf {
  margin-top: calc(4px * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-half {
  margin-right: 4px !important;
  margin-right: var(--spacing-scale-half) !important;
}
.mr-nhalf {
  margin-right: calc(4px * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-half {
  margin-bottom: 4px !important;
  margin-bottom: var(--spacing-scale-half) !important;
}
.mb-nhalf {
  margin-bottom: calc(4px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-half {
  margin-left: 4px !important;
  margin-left: var(--spacing-scale-half) !important;
}
.ml-nhalf {
  margin-left: calc(4px * -1) !important;
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-nhalf {
  margin: calc(4px * -1) !important;
  margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-nhalf {
  margin-left: calc(4px * -1) !important;
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(4px * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-nhalf {
  margin-bottom: calc(4px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(4px * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-base {
  margin: 8px !important;
  margin: var(--spacing-scale-base) !important;
}
.mx-base {
  margin-left: 8px !important;
  margin-left: var(--spacing-scale-base) !important;
  margin-right: 8px !important;
  margin-right: var(--spacing-scale-base) !important;
}
.my-base {
  margin-bottom: 8px !important;
  margin-bottom: var(--spacing-scale-base) !important;
}
.mt-base,
.my-base {
  margin-top: 8px !important;
  margin-top: var(--spacing-scale-base) !important;
}
.mt-nbase {
  margin-top: calc(8px * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-base {
  margin-right: 8px !important;
  margin-right: var(--spacing-scale-base) !important;
}
.mr-nbase {
  margin-right: calc(8px * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-base {
  margin-bottom: 8px !important;
  margin-bottom: var(--spacing-scale-base) !important;
}
.mb-nbase {
  margin-bottom: calc(8px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-base {
  margin-left: 8px !important;
  margin-left: var(--spacing-scale-base) !important;
}
.ml-nbase {
  margin-left: calc(8px * -1) !important;
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-nbase {
  margin: calc(8px * -1) !important;
  margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-nbase {
  margin-left: calc(8px * -1) !important;
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(8px * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-nbase {
  margin-bottom: calc(8px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(8px * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-baseh {
  margin: 12px !important;
  margin: var(--spacing-scale-baseh) !important;
}
.mx-baseh {
  margin-left: 12px !important;
  margin-left: var(--spacing-scale-baseh) !important;
  margin-right: 12px !important;
  margin-right: var(--spacing-scale-baseh) !important;
}
.my-baseh {
  margin-bottom: 12px !important;
  margin-bottom: var(--spacing-scale-baseh) !important;
}
.mt-baseh,
.my-baseh {
  margin-top: 12px !important;
  margin-top: var(--spacing-scale-baseh) !important;
}
.mt-nbaseh {
  margin-top: calc(12px * -1) !important;
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mr-baseh {
  margin-right: 12px !important;
  margin-right: var(--spacing-scale-baseh) !important;
}
.mr-nbaseh {
  margin-right: calc(12px * -1) !important;
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mb-baseh {
  margin-bottom: 12px !important;
  margin-bottom: var(--spacing-scale-baseh) !important;
}
.mb-nbaseh {
  margin-bottom: calc(12px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.ml-baseh {
  margin-left: 12px !important;
  margin-left: var(--spacing-scale-baseh) !important;
}
.ml-nbaseh {
  margin-left: calc(12px * -1) !important;
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-nbaseh {
  margin: calc(12px * -1) !important;
  margin: calc(var(--spacing-scale-baseh) * -1) !important;
}
.mx-nbaseh {
  margin-left: calc(12px * -1) !important;
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-right: calc(12px * -1) !important;
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.my-nbaseh {
  margin-bottom: calc(12px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-top: calc(12px * -1) !important;
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.m-1 {
  margin: 4px !important;
  margin: var(--spacing-scale-half) !important;
}
.mx-1 {
  margin-left: 4px !important;
  margin-left: var(--spacing-scale-half) !important;
  margin-right: 4px !important;
  margin-right: var(--spacing-scale-half) !important;
}
.my-1 {
  margin-bottom: 4px !important;
  margin-bottom: var(--spacing-scale-half) !important;
}
.mt-1,
.my-1 {
  margin-top: 4px !important;
  margin-top: var(--spacing-scale-half) !important;
}
.mt-n1 {
  margin-top: calc(4px * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.mr-1 {
  margin-right: 4px !important;
  margin-right: var(--spacing-scale-half) !important;
}
.mr-n1 {
  margin-right: calc(4px * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.mb-1 {
  margin-bottom: 4px !important;
  margin-bottom: var(--spacing-scale-half) !important;
}
.mb-n1 {
  margin-bottom: calc(4px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.ml-1 {
  margin-left: 4px !important;
  margin-left: var(--spacing-scale-half) !important;
}
.ml-n1 {
  margin-left: calc(4px * -1) !important;
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}
.m-n1 {
  margin: calc(4px * -1) !important;
  margin: calc(var(--spacing-scale-half) * -1) !important;
}
.mx-n1 {
  margin-left: calc(4px * -1) !important;
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(4px * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}
.my-n1 {
  margin-bottom: calc(4px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(4px * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}
.m-2 {
  margin: 8px !important;
  margin: var(--spacing-scale-base) !important;
}
.mx-2 {
  margin-left: 8px !important;
  margin-left: var(--spacing-scale-base) !important;
  margin-right: 8px !important;
  margin-right: var(--spacing-scale-base) !important;
}
.my-2 {
  margin-bottom: 8px !important;
  margin-bottom: var(--spacing-scale-base) !important;
}
.mt-2,
.my-2 {
  margin-top: 8px !important;
  margin-top: var(--spacing-scale-base) !important;
}
.mt-n2 {
  margin-top: calc(8px * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.mr-2 {
  margin-right: 8px !important;
  margin-right: var(--spacing-scale-base) !important;
}
.mr-n2 {
  margin-right: calc(8px * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.mb-2 {
  margin-bottom: 8px !important;
  margin-bottom: var(--spacing-scale-base) !important;
}
.mb-n2 {
  margin-bottom: calc(8px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.ml-2 {
  margin-left: 8px !important;
  margin-left: var(--spacing-scale-base) !important;
}
.ml-n2 {
  margin-left: calc(8px * -1) !important;
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}
.m-n2 {
  margin: calc(8px * -1) !important;
  margin: calc(var(--spacing-scale-base) * -1) !important;
}
.mx-n2 {
  margin-left: calc(8px * -1) !important;
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(8px * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}
.my-n2 {
  margin-bottom: calc(8px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(8px * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}
.m-3 {
  margin: 16px !important;
  margin: var(--spacing-scale-2x) !important;
}
.mx-3 {
  margin-left: 16px !important;
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: 16px !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.my-3 {
  margin-bottom: 16px !important;
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mt-3,
.my-3 {
  margin-top: 16px !important;
  margin-top: var(--spacing-scale-2x) !important;
}
.mt-n3 {
  margin-top: calc(16px * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-3 {
  margin-right: 16px !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.mr-n3 {
  margin-right: calc(16px * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-3 {
  margin-bottom: 16px !important;
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n3 {
  margin-bottom: calc(16px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-3 {
  margin-left: 16px !important;
  margin-left: var(--spacing-scale-2x) !important;
}
.ml-n3 {
  margin-left: calc(16px * -1) !important;
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-n3 {
  margin: calc(16px * -1) !important;
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-n3 {
  margin-left: calc(16px * -1) !important;
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(16px * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-n3 {
  margin-bottom: calc(16px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(16px * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-4 {
  margin: 24px !important;
  margin: var(--spacing-scale-3x) !important;
}
.mx-4 {
  margin-left: 24px !important;
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: 24px !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.my-4 {
  margin-bottom: 24px !important;
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mt-4,
.my-4 {
  margin-top: 24px !important;
  margin-top: var(--spacing-scale-3x) !important;
}
.mt-n4 {
  margin-top: calc(24px * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-4 {
  margin-right: 24px !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.mr-n4 {
  margin-right: calc(24px * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-4 {
  margin-bottom: 24px !important;
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n4 {
  margin-bottom: calc(24px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-4 {
  margin-left: 24px !important;
  margin-left: var(--spacing-scale-3x) !important;
}
.ml-n4 {
  margin-left: calc(24px * -1) !important;
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-n4 {
  margin: calc(24px * -1) !important;
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-n4 {
  margin-left: calc(24px * -1) !important;
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(24px * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-n4 {
  margin-bottom: calc(24px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(24px * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-5 {
  margin: 32px !important;
  margin: var(--spacing-scale-4x) !important;
}
.mx-5 {
  margin-left: 32px !important;
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: 32px !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.my-5 {
  margin-bottom: 32px !important;
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mt-5,
.my-5 {
  margin-top: 32px !important;
  margin-top: var(--spacing-scale-4x) !important;
}
.mt-n5 {
  margin-top: calc(32px * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-5 {
  margin-right: 32px !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.mr-n5 {
  margin-right: calc(32px * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-5 {
  margin-bottom: 32px !important;
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n5 {
  margin-bottom: calc(32px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-5 {
  margin-left: 32px !important;
  margin-left: var(--spacing-scale-4x) !important;
}
.ml-n5 {
  margin-left: calc(32px * -1) !important;
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-n5 {
  margin: calc(32px * -1) !important;
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-n5 {
  margin-left: calc(32px * -1) !important;
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(32px * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-n5 {
  margin-bottom: calc(32px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(32px * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-6 {
  margin: 40px !important;
  margin: var(--spacing-scale-5x) !important;
}
.mx-6 {
  margin-left: 40px !important;
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: 40px !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.my-6 {
  margin-bottom: 40px !important;
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mt-6,
.my-6 {
  margin-top: 40px !important;
  margin-top: var(--spacing-scale-5x) !important;
}
.mt-n6 {
  margin-top: calc(40px * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-6 {
  margin-right: 40px !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.mr-n6 {
  margin-right: calc(40px * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-6 {
  margin-bottom: 40px !important;
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n6 {
  margin-bottom: calc(40px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-6 {
  margin-left: 40px !important;
  margin-left: var(--spacing-scale-5x) !important;
}
.ml-n6 {
  margin-left: calc(40px * -1) !important;
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-n6 {
  margin: calc(40px * -1) !important;
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-n6 {
  margin-left: calc(40px * -1) !important;
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(40px * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-n6 {
  margin-bottom: calc(40px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(40px * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-2x {
  margin: 16px !important;
  margin: var(--spacing-scale-2x) !important;
}
.mx-2x {
  margin-left: 16px !important;
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: 16px !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.my-2x {
  margin-bottom: 16px !important;
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mt-2x,
.my-2x {
  margin-top: 16px !important;
  margin-top: var(--spacing-scale-2x) !important;
}
.mt-n2x {
  margin-top: calc(16px * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.mr-2x {
  margin-right: 16px !important;
  margin-right: var(--spacing-scale-2x) !important;
}
.mr-n2x {
  margin-right: calc(16px * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.mb-2x {
  margin-bottom: 16px !important;
  margin-bottom: var(--spacing-scale-2x) !important;
}
.mb-n2x {
  margin-bottom: calc(16px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.ml-2x {
  margin-left: 16px !important;
  margin-left: var(--spacing-scale-2x) !important;
}
.ml-n2x {
  margin-left: calc(16px * -1) !important;
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-n2x {
  margin: calc(16px * -1) !important;
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}
.mx-n2x {
  margin-left: calc(16px * -1) !important;
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(16px * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.my-n2x {
  margin-bottom: calc(16px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(16px * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.m-2xh {
  margin: 20px !important;
  margin: var(--spacing-scale-2xh) !important;
}
.mx-2xh {
  margin-left: 20px !important;
  margin-left: var(--spacing-scale-2xh) !important;
  margin-right: 20px !important;
  margin-right: var(--spacing-scale-2xh) !important;
}
.my-2xh {
  margin-bottom: 20px !important;
  margin-bottom: var(--spacing-scale-2xh) !important;
}
.mt-2xh,
.my-2xh {
  margin-top: 20px !important;
  margin-top: var(--spacing-scale-2xh) !important;
}
.mt-n2xh {
  margin-top: calc(20px * -1) !important;
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mr-2xh {
  margin-right: 20px !important;
  margin-right: var(--spacing-scale-2xh) !important;
}
.mr-n2xh {
  margin-right: calc(20px * -1) !important;
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mb-2xh {
  margin-bottom: 20px !important;
  margin-bottom: var(--spacing-scale-2xh) !important;
}
.mb-n2xh {
  margin-bottom: calc(20px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.ml-2xh {
  margin-left: 20px !important;
  margin-left: var(--spacing-scale-2xh) !important;
}
.ml-n2xh {
  margin-left: calc(20px * -1) !important;
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-n2xh {
  margin: calc(20px * -1) !important;
  margin: calc(var(--spacing-scale-2xh) * -1) !important;
}
.mx-n2xh {
  margin-left: calc(20px * -1) !important;
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-right: calc(20px * -1) !important;
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.my-n2xh {
  margin-bottom: calc(20px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-top: calc(20px * -1) !important;
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.m-3x {
  margin: 24px !important;
  margin: var(--spacing-scale-3x) !important;
}
.mx-3x {
  margin-left: 24px !important;
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: 24px !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.my-3x {
  margin-bottom: 24px !important;
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mt-3x,
.my-3x {
  margin-top: 24px !important;
  margin-top: var(--spacing-scale-3x) !important;
}
.mt-n3x {
  margin-top: calc(24px * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.mr-3x {
  margin-right: 24px !important;
  margin-right: var(--spacing-scale-3x) !important;
}
.mr-n3x {
  margin-right: calc(24px * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.mb-3x {
  margin-bottom: 24px !important;
  margin-bottom: var(--spacing-scale-3x) !important;
}
.mb-n3x {
  margin-bottom: calc(24px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.ml-3x {
  margin-left: 24px !important;
  margin-left: var(--spacing-scale-3x) !important;
}
.ml-n3x {
  margin-left: calc(24px * -1) !important;
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-n3x {
  margin: calc(24px * -1) !important;
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}
.mx-n3x {
  margin-left: calc(24px * -1) !important;
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(24px * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.my-n3x {
  margin-bottom: calc(24px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(24px * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.m-3xh {
  margin: 28px !important;
  margin: var(--spacing-scale-3xh) !important;
}
.mx-3xh {
  margin-left: 28px !important;
  margin-left: var(--spacing-scale-3xh) !important;
  margin-right: 28px !important;
  margin-right: var(--spacing-scale-3xh) !important;
}
.my-3xh {
  margin-bottom: 28px !important;
  margin-bottom: var(--spacing-scale-3xh) !important;
}
.mt-3xh,
.my-3xh {
  margin-top: 28px !important;
  margin-top: var(--spacing-scale-3xh) !important;
}
.mt-n3xh {
  margin-top: calc(28px * -1) !important;
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mr-3xh {
  margin-right: 28px !important;
  margin-right: var(--spacing-scale-3xh) !important;
}
.mr-n3xh {
  margin-right: calc(28px * -1) !important;
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mb-3xh {
  margin-bottom: 28px !important;
  margin-bottom: var(--spacing-scale-3xh) !important;
}
.mb-n3xh {
  margin-bottom: calc(28px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.ml-3xh {
  margin-left: 28px !important;
  margin-left: var(--spacing-scale-3xh) !important;
}
.ml-n3xh {
  margin-left: calc(28px * -1) !important;
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-n3xh {
  margin: calc(28px * -1) !important;
  margin: calc(var(--spacing-scale-3xh) * -1) !important;
}
.mx-n3xh {
  margin-left: calc(28px * -1) !important;
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-right: calc(28px * -1) !important;
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.my-n3xh {
  margin-bottom: calc(28px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-top: calc(28px * -1) !important;
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.m-4x {
  margin: 32px !important;
  margin: var(--spacing-scale-4x) !important;
}
.mx-4x {
  margin-left: 32px !important;
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: 32px !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.my-4x {
  margin-bottom: 32px !important;
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mt-4x,
.my-4x {
  margin-top: 32px !important;
  margin-top: var(--spacing-scale-4x) !important;
}
.mt-n4x {
  margin-top: calc(32px * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.mr-4x {
  margin-right: 32px !important;
  margin-right: var(--spacing-scale-4x) !important;
}
.mr-n4x {
  margin-right: calc(32px * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.mb-4x {
  margin-bottom: 32px !important;
  margin-bottom: var(--spacing-scale-4x) !important;
}
.mb-n4x {
  margin-bottom: calc(32px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.ml-4x {
  margin-left: 32px !important;
  margin-left: var(--spacing-scale-4x) !important;
}
.ml-n4x {
  margin-left: calc(32px * -1) !important;
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-n4x {
  margin: calc(32px * -1) !important;
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}
.mx-n4x {
  margin-left: calc(32px * -1) !important;
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(32px * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.my-n4x {
  margin-bottom: calc(32px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(32px * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.m-4xh {
  margin: 36px !important;
  margin: var(--spacing-scale-4xh) !important;
}
.mx-4xh {
  margin-left: 36px !important;
  margin-left: var(--spacing-scale-4xh) !important;
  margin-right: 36px !important;
  margin-right: var(--spacing-scale-4xh) !important;
}
.my-4xh {
  margin-bottom: 36px !important;
  margin-bottom: var(--spacing-scale-4xh) !important;
}
.mt-4xh,
.my-4xh {
  margin-top: 36px !important;
  margin-top: var(--spacing-scale-4xh) !important;
}
.mt-n4xh {
  margin-top: calc(36px * -1) !important;
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mr-4xh {
  margin-right: 36px !important;
  margin-right: var(--spacing-scale-4xh) !important;
}
.mr-n4xh {
  margin-right: calc(36px * -1) !important;
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mb-4xh {
  margin-bottom: 36px !important;
  margin-bottom: var(--spacing-scale-4xh) !important;
}
.mb-n4xh {
  margin-bottom: calc(36px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.ml-4xh {
  margin-left: 36px !important;
  margin-left: var(--spacing-scale-4xh) !important;
}
.ml-n4xh {
  margin-left: calc(36px * -1) !important;
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-n4xh {
  margin: calc(36px * -1) !important;
  margin: calc(var(--spacing-scale-4xh) * -1) !important;
}
.mx-n4xh {
  margin-left: calc(36px * -1) !important;
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-right: calc(36px * -1) !important;
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.my-n4xh {
  margin-bottom: calc(36px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-top: calc(36px * -1) !important;
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.m-5x {
  margin: 40px !important;
  margin: var(--spacing-scale-5x) !important;
}
.mx-5x {
  margin-left: 40px !important;
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: 40px !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.my-5x {
  margin-bottom: 40px !important;
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mt-5x,
.my-5x {
  margin-top: 40px !important;
  margin-top: var(--spacing-scale-5x) !important;
}
.mt-n5x {
  margin-top: calc(40px * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.mr-5x {
  margin-right: 40px !important;
  margin-right: var(--spacing-scale-5x) !important;
}
.mr-n5x {
  margin-right: calc(40px * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.mb-5x {
  margin-bottom: 40px !important;
  margin-bottom: var(--spacing-scale-5x) !important;
}
.mb-n5x {
  margin-bottom: calc(40px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.ml-5x {
  margin-left: 40px !important;
  margin-left: var(--spacing-scale-5x) !important;
}
.ml-n5x {
  margin-left: calc(40px * -1) !important;
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-n5x {
  margin: calc(40px * -1) !important;
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}
.mx-n5x {
  margin-left: calc(40px * -1) !important;
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(40px * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.my-n5x {
  margin-bottom: calc(40px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(40px * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.m-5xh {
  margin: 44px !important;
  margin: var(--spacing-scale-5xh) !important;
}
.mx-5xh {
  margin-left: 44px !important;
  margin-left: var(--spacing-scale-5xh) !important;
  margin-right: 44px !important;
  margin-right: var(--spacing-scale-5xh) !important;
}
.my-5xh {
  margin-bottom: 44px !important;
  margin-bottom: var(--spacing-scale-5xh) !important;
}
.mt-5xh,
.my-5xh {
  margin-top: 44px !important;
  margin-top: var(--spacing-scale-5xh) !important;
}
.mt-n5xh {
  margin-top: calc(44px * -1) !important;
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mr-5xh {
  margin-right: 44px !important;
  margin-right: var(--spacing-scale-5xh) !important;
}
.mr-n5xh {
  margin-right: calc(44px * -1) !important;
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mb-5xh {
  margin-bottom: 44px !important;
  margin-bottom: var(--spacing-scale-5xh) !important;
}
.mb-n5xh {
  margin-bottom: calc(44px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.ml-5xh {
  margin-left: 44px !important;
  margin-left: var(--spacing-scale-5xh) !important;
}
.ml-n5xh {
  margin-left: calc(44px * -1) !important;
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-n5xh {
  margin: calc(44px * -1) !important;
  margin: calc(var(--spacing-scale-5xh) * -1) !important;
}
.mx-n5xh {
  margin-left: calc(44px * -1) !important;
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-right: calc(44px * -1) !important;
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.my-n5xh {
  margin-bottom: calc(44px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-top: calc(44px * -1) !important;
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.m-6x {
  margin: 48px !important;
  margin: var(--spacing-scale-6x) !important;
}
.mx-6x {
  margin-left: 48px !important;
  margin-left: var(--spacing-scale-6x) !important;
  margin-right: 48px !important;
  margin-right: var(--spacing-scale-6x) !important;
}
.my-6x {
  margin-bottom: 48px !important;
  margin-bottom: var(--spacing-scale-6x) !important;
}
.mt-6x,
.my-6x {
  margin-top: 48px !important;
  margin-top: var(--spacing-scale-6x) !important;
}
.mt-n6x {
  margin-top: calc(48px * -1) !important;
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.mr-6x {
  margin-right: 48px !important;
  margin-right: var(--spacing-scale-6x) !important;
}
.mr-n6x {
  margin-right: calc(48px * -1) !important;
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.mb-6x {
  margin-bottom: 48px !important;
  margin-bottom: var(--spacing-scale-6x) !important;
}
.mb-n6x {
  margin-bottom: calc(48px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.ml-6x {
  margin-left: 48px !important;
  margin-left: var(--spacing-scale-6x) !important;
}
.ml-n6x {
  margin-left: calc(48px * -1) !important;
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-n6x {
  margin: calc(48px * -1) !important;
  margin: calc(var(--spacing-scale-6x) * -1) !important;
}
.mx-n6x {
  margin-left: calc(48px * -1) !important;
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  margin-right: calc(48px * -1) !important;
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.my-n6x {
  margin-bottom: calc(48px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  margin-top: calc(48px * -1) !important;
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.m-6xh {
  margin: 52px !important;
  margin: var(--spacing-scale-6xh) !important;
}
.mx-6xh {
  margin-left: 52px !important;
  margin-left: var(--spacing-scale-6xh) !important;
  margin-right: 52px !important;
  margin-right: var(--spacing-scale-6xh) !important;
}
.my-6xh {
  margin-bottom: 52px !important;
  margin-bottom: var(--spacing-scale-6xh) !important;
}
.mt-6xh,
.my-6xh {
  margin-top: 52px !important;
  margin-top: var(--spacing-scale-6xh) !important;
}
.mt-n6xh {
  margin-top: calc(52px * -1) !important;
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mr-6xh {
  margin-right: 52px !important;
  margin-right: var(--spacing-scale-6xh) !important;
}
.mr-n6xh {
  margin-right: calc(52px * -1) !important;
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mb-6xh {
  margin-bottom: 52px !important;
  margin-bottom: var(--spacing-scale-6xh) !important;
}
.mb-n6xh {
  margin-bottom: calc(52px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.ml-6xh {
  margin-left: 52px !important;
  margin-left: var(--spacing-scale-6xh) !important;
}
.ml-n6xh {
  margin-left: calc(52px * -1) !important;
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-n6xh {
  margin: calc(52px * -1) !important;
  margin: calc(var(--spacing-scale-6xh) * -1) !important;
}
.mx-n6xh {
  margin-left: calc(52px * -1) !important;
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-right: calc(52px * -1) !important;
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.my-n6xh {
  margin-bottom: calc(52px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-top: calc(52px * -1) !important;
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.m-7x {
  margin: 56px !important;
  margin: var(--spacing-scale-7x) !important;
}
.mx-7x {
  margin-left: 56px !important;
  margin-left: var(--spacing-scale-7x) !important;
  margin-right: 56px !important;
  margin-right: var(--spacing-scale-7x) !important;
}
.my-7x {
  margin-bottom: 56px !important;
  margin-bottom: var(--spacing-scale-7x) !important;
}
.mt-7x,
.my-7x {
  margin-top: 56px !important;
  margin-top: var(--spacing-scale-7x) !important;
}
.mt-n7x {
  margin-top: calc(56px * -1) !important;
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.mr-7x {
  margin-right: 56px !important;
  margin-right: var(--spacing-scale-7x) !important;
}
.mr-n7x {
  margin-right: calc(56px * -1) !important;
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.mb-7x {
  margin-bottom: 56px !important;
  margin-bottom: var(--spacing-scale-7x) !important;
}
.mb-n7x {
  margin-bottom: calc(56px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.ml-7x {
  margin-left: 56px !important;
  margin-left: var(--spacing-scale-7x) !important;
}
.ml-n7x {
  margin-left: calc(56px * -1) !important;
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-n7x {
  margin: calc(56px * -1) !important;
  margin: calc(var(--spacing-scale-7x) * -1) !important;
}
.mx-n7x {
  margin-left: calc(56px * -1) !important;
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  margin-right: calc(56px * -1) !important;
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.my-n7x {
  margin-bottom: calc(56px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  margin-top: calc(56px * -1) !important;
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.m-7xh {
  margin: 60px !important;
  margin: var(--spacing-scale-7xh) !important;
}
.mx-7xh {
  margin-left: 60px !important;
  margin-left: var(--spacing-scale-7xh) !important;
  margin-right: 60px !important;
  margin-right: var(--spacing-scale-7xh) !important;
}
.my-7xh {
  margin-bottom: 60px !important;
  margin-bottom: var(--spacing-scale-7xh) !important;
}
.mt-7xh,
.my-7xh {
  margin-top: 60px !important;
  margin-top: var(--spacing-scale-7xh) !important;
}
.mt-n7xh {
  margin-top: calc(60px * -1) !important;
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mr-7xh {
  margin-right: 60px !important;
  margin-right: var(--spacing-scale-7xh) !important;
}
.mr-n7xh {
  margin-right: calc(60px * -1) !important;
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mb-7xh {
  margin-bottom: 60px !important;
  margin-bottom: var(--spacing-scale-7xh) !important;
}
.mb-n7xh {
  margin-bottom: calc(60px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.ml-7xh {
  margin-left: 60px !important;
  margin-left: var(--spacing-scale-7xh) !important;
}
.ml-n7xh {
  margin-left: calc(60px * -1) !important;
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-n7xh {
  margin: calc(60px * -1) !important;
  margin: calc(var(--spacing-scale-7xh) * -1) !important;
}
.mx-n7xh {
  margin-left: calc(60px * -1) !important;
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-right: calc(60px * -1) !important;
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.my-n7xh {
  margin-bottom: calc(60px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-top: calc(60px * -1) !important;
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.m-8x {
  margin: 64px !important;
  margin: var(--spacing-scale-8x) !important;
}
.mx-8x {
  margin-left: 64px !important;
  margin-left: var(--spacing-scale-8x) !important;
  margin-right: 64px !important;
  margin-right: var(--spacing-scale-8x) !important;
}
.my-8x {
  margin-bottom: 64px !important;
  margin-bottom: var(--spacing-scale-8x) !important;
}
.mt-8x,
.my-8x {
  margin-top: 64px !important;
  margin-top: var(--spacing-scale-8x) !important;
}
.mt-n8x {
  margin-top: calc(64px * -1) !important;
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.mr-8x {
  margin-right: 64px !important;
  margin-right: var(--spacing-scale-8x) !important;
}
.mr-n8x {
  margin-right: calc(64px * -1) !important;
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.mb-8x {
  margin-bottom: 64px !important;
  margin-bottom: var(--spacing-scale-8x) !important;
}
.mb-n8x {
  margin-bottom: calc(64px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.ml-8x {
  margin-left: 64px !important;
  margin-left: var(--spacing-scale-8x) !important;
}
.ml-n8x {
  margin-left: calc(64px * -1) !important;
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-n8x {
  margin: calc(64px * -1) !important;
  margin: calc(var(--spacing-scale-8x) * -1) !important;
}
.mx-n8x {
  margin-left: calc(64px * -1) !important;
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  margin-right: calc(64px * -1) !important;
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.my-n8x {
  margin-bottom: calc(64px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  margin-top: calc(64px * -1) !important;
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.m-8xh {
  margin: 68px !important;
  margin: var(--spacing-scale-8xh) !important;
}
.mx-8xh {
  margin-left: 68px !important;
  margin-left: var(--spacing-scale-8xh) !important;
  margin-right: 68px !important;
  margin-right: var(--spacing-scale-8xh) !important;
}
.my-8xh {
  margin-bottom: 68px !important;
  margin-bottom: var(--spacing-scale-8xh) !important;
}
.mt-8xh,
.my-8xh {
  margin-top: 68px !important;
  margin-top: var(--spacing-scale-8xh) !important;
}
.mt-n8xh {
  margin-top: calc(68px * -1) !important;
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mr-8xh {
  margin-right: 68px !important;
  margin-right: var(--spacing-scale-8xh) !important;
}
.mr-n8xh {
  margin-right: calc(68px * -1) !important;
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mb-8xh {
  margin-bottom: 68px !important;
  margin-bottom: var(--spacing-scale-8xh) !important;
}
.mb-n8xh {
  margin-bottom: calc(68px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.ml-8xh {
  margin-left: 68px !important;
  margin-left: var(--spacing-scale-8xh) !important;
}
.ml-n8xh {
  margin-left: calc(68px * -1) !important;
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-n8xh {
  margin: calc(68px * -1) !important;
  margin: calc(var(--spacing-scale-8xh) * -1) !important;
}
.mx-n8xh {
  margin-left: calc(68px * -1) !important;
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-right: calc(68px * -1) !important;
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.my-n8xh {
  margin-bottom: calc(68px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-top: calc(68px * -1) !important;
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.m-9x {
  margin: 72px !important;
  margin: var(--spacing-scale-9x) !important;
}
.mx-9x {
  margin-left: 72px !important;
  margin-left: var(--spacing-scale-9x) !important;
  margin-right: 72px !important;
  margin-right: var(--spacing-scale-9x) !important;
}
.my-9x {
  margin-bottom: 72px !important;
  margin-bottom: var(--spacing-scale-9x) !important;
}
.mt-9x,
.my-9x {
  margin-top: 72px !important;
  margin-top: var(--spacing-scale-9x) !important;
}
.mt-n9x {
  margin-top: calc(72px * -1) !important;
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.mr-9x {
  margin-right: 72px !important;
  margin-right: var(--spacing-scale-9x) !important;
}
.mr-n9x {
  margin-right: calc(72px * -1) !important;
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.mb-9x {
  margin-bottom: 72px !important;
  margin-bottom: var(--spacing-scale-9x) !important;
}
.mb-n9x {
  margin-bottom: calc(72px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.ml-9x {
  margin-left: 72px !important;
  margin-left: var(--spacing-scale-9x) !important;
}
.ml-n9x {
  margin-left: calc(72px * -1) !important;
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-n9x {
  margin: calc(72px * -1) !important;
  margin: calc(var(--spacing-scale-9x) * -1) !important;
}
.mx-n9x {
  margin-left: calc(72px * -1) !important;
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  margin-right: calc(72px * -1) !important;
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.my-n9x {
  margin-bottom: calc(72px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  margin-top: calc(72px * -1) !important;
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.m-9xh {
  margin: 76px !important;
  margin: var(--spacing-scale-9xh) !important;
}
.mx-9xh {
  margin-left: 76px !important;
  margin-left: var(--spacing-scale-9xh) !important;
  margin-right: 76px !important;
  margin-right: var(--spacing-scale-9xh) !important;
}
.my-9xh {
  margin-bottom: 76px !important;
  margin-bottom: var(--spacing-scale-9xh) !important;
}
.mt-9xh,
.my-9xh {
  margin-top: 76px !important;
  margin-top: var(--spacing-scale-9xh) !important;
}
.mt-n9xh {
  margin-top: calc(76px * -1) !important;
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mr-9xh {
  margin-right: 76px !important;
  margin-right: var(--spacing-scale-9xh) !important;
}
.mr-n9xh {
  margin-right: calc(76px * -1) !important;
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mb-9xh {
  margin-bottom: 76px !important;
  margin-bottom: var(--spacing-scale-9xh) !important;
}
.mb-n9xh {
  margin-bottom: calc(76px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.ml-9xh {
  margin-left: 76px !important;
  margin-left: var(--spacing-scale-9xh) !important;
}
.ml-n9xh {
  margin-left: calc(76px * -1) !important;
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-n9xh {
  margin: calc(76px * -1) !important;
  margin: calc(var(--spacing-scale-9xh) * -1) !important;
}
.mx-n9xh {
  margin-left: calc(76px * -1) !important;
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-right: calc(76px * -1) !important;
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.my-n9xh {
  margin-bottom: calc(76px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-top: calc(76px * -1) !important;
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.m-10x {
  margin: 80px !important;
  margin: var(--spacing-scale-10x) !important;
}
.mx-10x {
  margin-left: 80px !important;
  margin-left: var(--spacing-scale-10x) !important;
  margin-right: 80px !important;
  margin-right: var(--spacing-scale-10x) !important;
}
.my-10x {
  margin-bottom: 80px !important;
  margin-bottom: var(--spacing-scale-10x) !important;
}
.mt-10x,
.my-10x {
  margin-top: 80px !important;
  margin-top: var(--spacing-scale-10x) !important;
}
.mt-n10x {
  margin-top: calc(80px * -1) !important;
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.mr-10x {
  margin-right: 80px !important;
  margin-right: var(--spacing-scale-10x) !important;
}
.mr-n10x {
  margin-right: calc(80px * -1) !important;
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.mb-10x {
  margin-bottom: 80px !important;
  margin-bottom: var(--spacing-scale-10x) !important;
}
.mb-n10x {
  margin-bottom: calc(80px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.ml-10x {
  margin-left: 80px !important;
  margin-left: var(--spacing-scale-10x) !important;
}
.ml-n10x {
  margin-left: calc(80px * -1) !important;
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-n10x {
  margin: calc(80px * -1) !important;
  margin: calc(var(--spacing-scale-10x) * -1) !important;
}
.mx-n10x {
  margin-left: calc(80px * -1) !important;
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  margin-right: calc(80px * -1) !important;
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.my-n10x {
  margin-bottom: calc(80px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  margin-top: calc(80px * -1) !important;
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.m-10xh {
  margin: 84px !important;
  margin: var(--spacing-scale-10xh) !important;
}
.mx-10xh {
  margin-left: 84px !important;
  margin-left: var(--spacing-scale-10xh) !important;
  margin-right: 84px !important;
  margin-right: var(--spacing-scale-10xh) !important;
}
.my-10xh {
  margin-bottom: 84px !important;
  margin-bottom: var(--spacing-scale-10xh) !important;
}
.mt-10xh,
.my-10xh {
  margin-top: 84px !important;
  margin-top: var(--spacing-scale-10xh) !important;
}
.mt-n10xh {
  margin-top: calc(84px * -1) !important;
  margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mr-10xh {
  margin-right: 84px !important;
  margin-right: var(--spacing-scale-10xh) !important;
}
.mr-n10xh {
  margin-right: calc(84px * -1) !important;
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mb-10xh {
  margin-bottom: 84px !important;
  margin-bottom: var(--spacing-scale-10xh) !important;
}
.mb-n10xh {
  margin-bottom: calc(84px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.ml-10xh {
  margin-left: 84px !important;
  margin-left: var(--spacing-scale-10xh) !important;
}
.ml-n10xh {
  margin-left: calc(84px * -1) !important;
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.m-n10xh {
  margin: calc(84px * -1) !important;
  margin: calc(var(--spacing-scale-10xh) * -1) !important;
}
.mx-n10xh {
  margin-left: calc(84px * -1) !important;
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-right: calc(84px * -1) !important;
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.my-n10xh {
  margin-bottom: calc(84px * -1) !important;
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-top: calc(84px * -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: 0 !important;
  padding: var(--spacing-scale-default) !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-left: var(--spacing-scale-default) !important;
  padding-right: 0 !important;
  padding-right: var(--spacing-scale-default) !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-bottom: var(--spacing-scale-default) !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
  padding-top: var(--spacing-scale-default) !important;
}
.pr-0 {
  padding-right: 0 !important;
  padding-right: var(--spacing-scale-default) !important;
}
.pb-0 {
  padding-bottom: 0 !important;
  padding-bottom: var(--spacing-scale-default) !important;
}
.pl-0 {
  padding-left: 0 !important;
  padding-left: var(--spacing-scale-default) !important;
}
.p-half {
  padding: 4px !important;
  padding: var(--spacing-scale-half) !important;
}
.px-half {
  padding-left: 4px !important;
  padding-left: var(--spacing-scale-half) !important;
  padding-right: 4px !important;
  padding-right: var(--spacing-scale-half) !important;
}
.py-half {
  padding-bottom: 4px !important;
  padding-bottom: var(--spacing-scale-half) !important;
}
.pt-half,
.py-half {
  padding-top: 4px !important;
  padding-top: var(--spacing-scale-half) !important;
}
.pt-nhalf {
  padding-top: calc(4px * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-half {
  padding-right: 4px !important;
  padding-right: var(--spacing-scale-half) !important;
}
.pr-nhalf {
  padding-right: calc(4px * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-half {
  padding-bottom: 4px !important;
  padding-bottom: var(--spacing-scale-half) !important;
}
.pb-nhalf {
  padding-bottom: calc(4px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-half {
  padding-left: 4px !important;
  padding-left: var(--spacing-scale-half) !important;
}
.pl-nhalf {
  padding-left: calc(4px * -1) !important;
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-nhalf {
  padding: calc(4px * -1) !important;
  padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-nhalf {
  padding-left: calc(4px * -1) !important;
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(4px * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-nhalf {
  padding-bottom: calc(4px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(4px * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-base {
  padding: 8px !important;
  padding: var(--spacing-scale-base) !important;
}
.px-base {
  padding-left: 8px !important;
  padding-left: var(--spacing-scale-base) !important;
  padding-right: 8px !important;
  padding-right: var(--spacing-scale-base) !important;
}
.py-base {
  padding-bottom: 8px !important;
  padding-bottom: var(--spacing-scale-base) !important;
}
.pt-base,
.py-base {
  padding-top: 8px !important;
  padding-top: var(--spacing-scale-base) !important;
}
.pt-nbase {
  padding-top: calc(8px * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-base {
  padding-right: 8px !important;
  padding-right: var(--spacing-scale-base) !important;
}
.pr-nbase {
  padding-right: calc(8px * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-base {
  padding-bottom: 8px !important;
  padding-bottom: var(--spacing-scale-base) !important;
}
.pb-nbase {
  padding-bottom: calc(8px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-base {
  padding-left: 8px !important;
  padding-left: var(--spacing-scale-base) !important;
}
.pl-nbase {
  padding-left: calc(8px * -1) !important;
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-nbase {
  padding: calc(8px * -1) !important;
  padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-nbase {
  padding-left: calc(8px * -1) !important;
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(8px * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-nbase {
  padding-bottom: calc(8px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(8px * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-baseh {
  padding: 12px !important;
  padding: var(--spacing-scale-baseh) !important;
}
.px-baseh {
  padding-left: 12px !important;
  padding-left: var(--spacing-scale-baseh) !important;
  padding-right: 12px !important;
  padding-right: var(--spacing-scale-baseh) !important;
}
.py-baseh {
  padding-bottom: 12px !important;
  padding-bottom: var(--spacing-scale-baseh) !important;
}
.pt-baseh,
.py-baseh {
  padding-top: 12px !important;
  padding-top: var(--spacing-scale-baseh) !important;
}
.pt-nbaseh {
  padding-top: calc(12px * -1) !important;
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pr-baseh {
  padding-right: 12px !important;
  padding-right: var(--spacing-scale-baseh) !important;
}
.pr-nbaseh {
  padding-right: calc(12px * -1) !important;
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pb-baseh {
  padding-bottom: 12px !important;
  padding-bottom: var(--spacing-scale-baseh) !important;
}
.pb-nbaseh {
  padding-bottom: calc(12px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}
.pl-baseh {
  padding-left: 12px !important;
  padding-left: var(--spacing-scale-baseh) !important;
}
.pl-nbaseh {
  padding-left: calc(12px * -1) !important;
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-nbaseh {
  padding: calc(12px * -1) !important;
  padding: calc(var(--spacing-scale-baseh) * -1) !important;
}
.px-nbaseh {
  padding-left: calc(12px * -1) !important;
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-right: calc(12px * -1) !important;
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}
.py-nbaseh {
  padding-bottom: calc(12px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-top: calc(12px * -1) !important;
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}
.p-1 {
  padding: 4px !important;
  padding: var(--spacing-scale-half) !important;
}
.px-1 {
  padding-left: 4px !important;
  padding-left: var(--spacing-scale-half) !important;
  padding-right: 4px !important;
  padding-right: var(--spacing-scale-half) !important;
}
.py-1 {
  padding-bottom: 4px !important;
  padding-bottom: var(--spacing-scale-half) !important;
}
.pt-1,
.py-1 {
  padding-top: 4px !important;
  padding-top: var(--spacing-scale-half) !important;
}
.pt-n1 {
  padding-top: calc(4px * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.pr-1 {
  padding-right: 4px !important;
  padding-right: var(--spacing-scale-half) !important;
}
.pr-n1 {
  padding-right: calc(4px * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.pb-1 {
  padding-bottom: 4px !important;
  padding-bottom: var(--spacing-scale-half) !important;
}
.pb-n1 {
  padding-bottom: calc(4px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}
.pl-1 {
  padding-left: 4px !important;
  padding-left: var(--spacing-scale-half) !important;
}
.pl-n1 {
  padding-left: calc(4px * -1) !important;
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}
.p-n1 {
  padding: calc(4px * -1) !important;
  padding: calc(var(--spacing-scale-half) * -1) !important;
}
.px-n1 {
  padding-left: calc(4px * -1) !important;
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(4px * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}
.py-n1 {
  padding-bottom: calc(4px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(4px * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}
.p-2 {
  padding: 8px !important;
  padding: var(--spacing-scale-base) !important;
}
.px-2 {
  padding-left: 8px !important;
  padding-left: var(--spacing-scale-base) !important;
  padding-right: 8px !important;
  padding-right: var(--spacing-scale-base) !important;
}
.py-2 {
  padding-bottom: 8px !important;
  padding-bottom: var(--spacing-scale-base) !important;
}
.pt-2,
.py-2 {
  padding-top: 8px !important;
  padding-top: var(--spacing-scale-base) !important;
}
.pt-n2 {
  padding-top: calc(8px * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.pr-2 {
  padding-right: 8px !important;
  padding-right: var(--spacing-scale-base) !important;
}
.pr-n2 {
  padding-right: calc(8px * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.pb-2 {
  padding-bottom: 8px !important;
  padding-bottom: var(--spacing-scale-base) !important;
}
.pb-n2 {
  padding-bottom: calc(8px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}
.pl-2 {
  padding-left: 8px !important;
  padding-left: var(--spacing-scale-base) !important;
}
.pl-n2 {
  padding-left: calc(8px * -1) !important;
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}
.p-n2 {
  padding: calc(8px * -1) !important;
  padding: calc(var(--spacing-scale-base) * -1) !important;
}
.px-n2 {
  padding-left: calc(8px * -1) !important;
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(8px * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}
.py-n2 {
  padding-bottom: calc(8px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(8px * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}
.p-3 {
  padding: 16px !important;
  padding: var(--spacing-scale-2x) !important;
}
.px-3 {
  padding-left: 16px !important;
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: 16px !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.py-3 {
  padding-bottom: 16px !important;
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pt-3,
.py-3 {
  padding-top: 16px !important;
  padding-top: var(--spacing-scale-2x) !important;
}
.pt-n3 {
  padding-top: calc(16px * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-3 {
  padding-right: 16px !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.pr-n3 {
  padding-right: calc(16px * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-3 {
  padding-bottom: 16px !important;
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n3 {
  padding-bottom: calc(16px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-3 {
  padding-left: 16px !important;
  padding-left: var(--spacing-scale-2x) !important;
}
.pl-n3 {
  padding-left: calc(16px * -1) !important;
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-n3 {
  padding: calc(16px * -1) !important;
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-n3 {
  padding-left: calc(16px * -1) !important;
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(16px * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-n3 {
  padding-bottom: calc(16px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(16px * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-4 {
  padding: 24px !important;
  padding: var(--spacing-scale-3x) !important;
}
.px-4 {
  padding-left: 24px !important;
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: 24px !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.py-4 {
  padding-bottom: 24px !important;
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pt-4,
.py-4 {
  padding-top: 24px !important;
  padding-top: var(--spacing-scale-3x) !important;
}
.pt-n4 {
  padding-top: calc(24px * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-4 {
  padding-right: 24px !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.pr-n4 {
  padding-right: calc(24px * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-4 {
  padding-bottom: 24px !important;
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n4 {
  padding-bottom: calc(24px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-4 {
  padding-left: 24px !important;
  padding-left: var(--spacing-scale-3x) !important;
}
.pl-n4 {
  padding-left: calc(24px * -1) !important;
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-n4 {
  padding: calc(24px * -1) !important;
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-n4 {
  padding-left: calc(24px * -1) !important;
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(24px * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-n4 {
  padding-bottom: calc(24px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(24px * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-5 {
  padding: 32px !important;
  padding: var(--spacing-scale-4x) !important;
}
.px-5 {
  padding-left: 32px !important;
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: 32px !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.py-5 {
  padding-bottom: 32px !important;
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pt-5,
.py-5 {
  padding-top: 32px !important;
  padding-top: var(--spacing-scale-4x) !important;
}
.pt-n5 {
  padding-top: calc(32px * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-5 {
  padding-right: 32px !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.pr-n5 {
  padding-right: calc(32px * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-5 {
  padding-bottom: 32px !important;
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n5 {
  padding-bottom: calc(32px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-5 {
  padding-left: 32px !important;
  padding-left: var(--spacing-scale-4x) !important;
}
.pl-n5 {
  padding-left: calc(32px * -1) !important;
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-n5 {
  padding: calc(32px * -1) !important;
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-n5 {
  padding-left: calc(32px * -1) !important;
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(32px * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-n5 {
  padding-bottom: calc(32px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(32px * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-6 {
  padding: 40px !important;
  padding: var(--spacing-scale-5x) !important;
}
.px-6 {
  padding-left: 40px !important;
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: 40px !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.py-6 {
  padding-bottom: 40px !important;
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pt-6,
.py-6 {
  padding-top: 40px !important;
  padding-top: var(--spacing-scale-5x) !important;
}
.pt-n6 {
  padding-top: calc(40px * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-6 {
  padding-right: 40px !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.pr-n6 {
  padding-right: calc(40px * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-6 {
  padding-bottom: 40px !important;
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n6 {
  padding-bottom: calc(40px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-6 {
  padding-left: 40px !important;
  padding-left: var(--spacing-scale-5x) !important;
}
.pl-n6 {
  padding-left: calc(40px * -1) !important;
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-n6 {
  padding: calc(40px * -1) !important;
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-n6 {
  padding-left: calc(40px * -1) !important;
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(40px * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-n6 {
  padding-bottom: calc(40px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(40px * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-2x {
  padding: 16px !important;
  padding: var(--spacing-scale-2x) !important;
}
.px-2x {
  padding-left: 16px !important;
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: 16px !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.py-2x {
  padding-bottom: 16px !important;
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pt-2x,
.py-2x {
  padding-top: 16px !important;
  padding-top: var(--spacing-scale-2x) !important;
}
.pt-n2x {
  padding-top: calc(16px * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.pr-2x {
  padding-right: 16px !important;
  padding-right: var(--spacing-scale-2x) !important;
}
.pr-n2x {
  padding-right: calc(16px * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.pb-2x {
  padding-bottom: 16px !important;
  padding-bottom: var(--spacing-scale-2x) !important;
}
.pb-n2x {
  padding-bottom: calc(16px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}
.pl-2x {
  padding-left: 16px !important;
  padding-left: var(--spacing-scale-2x) !important;
}
.pl-n2x {
  padding-left: calc(16px * -1) !important;
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-n2x {
  padding: calc(16px * -1) !important;
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}
.px-n2x {
  padding-left: calc(16px * -1) !important;
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(16px * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}
.py-n2x {
  padding-bottom: calc(16px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(16px * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}
.p-2xh {
  padding: 20px !important;
  padding: var(--spacing-scale-2xh) !important;
}
.px-2xh {
  padding-left: 20px !important;
  padding-left: var(--spacing-scale-2xh) !important;
  padding-right: 20px !important;
  padding-right: var(--spacing-scale-2xh) !important;
}
.py-2xh {
  padding-bottom: 20px !important;
  padding-bottom: var(--spacing-scale-2xh) !important;
}
.pt-2xh,
.py-2xh {
  padding-top: 20px !important;
  padding-top: var(--spacing-scale-2xh) !important;
}
.pt-n2xh {
  padding-top: calc(20px * -1) !important;
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pr-2xh {
  padding-right: 20px !important;
  padding-right: var(--spacing-scale-2xh) !important;
}
.pr-n2xh {
  padding-right: calc(20px * -1) !important;
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pb-2xh {
  padding-bottom: 20px !important;
  padding-bottom: var(--spacing-scale-2xh) !important;
}
.pb-n2xh {
  padding-bottom: calc(20px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}
.pl-2xh {
  padding-left: 20px !important;
  padding-left: var(--spacing-scale-2xh) !important;
}
.pl-n2xh {
  padding-left: calc(20px * -1) !important;
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-n2xh {
  padding: calc(20px * -1) !important;
  padding: calc(var(--spacing-scale-2xh) * -1) !important;
}
.px-n2xh {
  padding-left: calc(20px * -1) !important;
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-right: calc(20px * -1) !important;
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}
.py-n2xh {
  padding-bottom: calc(20px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-top: calc(20px * -1) !important;
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}
.p-3x {
  padding: 24px !important;
  padding: var(--spacing-scale-3x) !important;
}
.px-3x {
  padding-left: 24px !important;
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: 24px !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.py-3x {
  padding-bottom: 24px !important;
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pt-3x,
.py-3x {
  padding-top: 24px !important;
  padding-top: var(--spacing-scale-3x) !important;
}
.pt-n3x {
  padding-top: calc(24px * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.pr-3x {
  padding-right: 24px !important;
  padding-right: var(--spacing-scale-3x) !important;
}
.pr-n3x {
  padding-right: calc(24px * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.pb-3x {
  padding-bottom: 24px !important;
  padding-bottom: var(--spacing-scale-3x) !important;
}
.pb-n3x {
  padding-bottom: calc(24px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}
.pl-3x {
  padding-left: 24px !important;
  padding-left: var(--spacing-scale-3x) !important;
}
.pl-n3x {
  padding-left: calc(24px * -1) !important;
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-n3x {
  padding: calc(24px * -1) !important;
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}
.px-n3x {
  padding-left: calc(24px * -1) !important;
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(24px * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}
.py-n3x {
  padding-bottom: calc(24px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(24px * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}
.p-3xh {
  padding: 28px !important;
  padding: var(--spacing-scale-3xh) !important;
}
.px-3xh {
  padding-left: 28px !important;
  padding-left: var(--spacing-scale-3xh) !important;
  padding-right: 28px !important;
  padding-right: var(--spacing-scale-3xh) !important;
}
.py-3xh {
  padding-bottom: 28px !important;
  padding-bottom: var(--spacing-scale-3xh) !important;
}
.pt-3xh,
.py-3xh {
  padding-top: 28px !important;
  padding-top: var(--spacing-scale-3xh) !important;
}
.pt-n3xh {
  padding-top: calc(28px * -1) !important;
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pr-3xh {
  padding-right: 28px !important;
  padding-right: var(--spacing-scale-3xh) !important;
}
.pr-n3xh {
  padding-right: calc(28px * -1) !important;
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pb-3xh {
  padding-bottom: 28px !important;
  padding-bottom: var(--spacing-scale-3xh) !important;
}
.pb-n3xh {
  padding-bottom: calc(28px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}
.pl-3xh {
  padding-left: 28px !important;
  padding-left: var(--spacing-scale-3xh) !important;
}
.pl-n3xh {
  padding-left: calc(28px * -1) !important;
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-n3xh {
  padding: calc(28px * -1) !important;
  padding: calc(var(--spacing-scale-3xh) * -1) !important;
}
.px-n3xh {
  padding-left: calc(28px * -1) !important;
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-right: calc(28px * -1) !important;
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}
.py-n3xh {
  padding-bottom: calc(28px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-top: calc(28px * -1) !important;
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}
.p-4x {
  padding: 32px !important;
  padding: var(--spacing-scale-4x) !important;
}
.px-4x {
  padding-left: 32px !important;
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: 32px !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.py-4x {
  padding-bottom: 32px !important;
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pt-4x,
.py-4x {
  padding-top: 32px !important;
  padding-top: var(--spacing-scale-4x) !important;
}
.pt-n4x {
  padding-top: calc(32px * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.pr-4x {
  padding-right: 32px !important;
  padding-right: var(--spacing-scale-4x) !important;
}
.pr-n4x {
  padding-right: calc(32px * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.pb-4x {
  padding-bottom: 32px !important;
  padding-bottom: var(--spacing-scale-4x) !important;
}
.pb-n4x {
  padding-bottom: calc(32px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}
.pl-4x {
  padding-left: 32px !important;
  padding-left: var(--spacing-scale-4x) !important;
}
.pl-n4x {
  padding-left: calc(32px * -1) !important;
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-n4x {
  padding: calc(32px * -1) !important;
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}
.px-n4x {
  padding-left: calc(32px * -1) !important;
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(32px * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}
.py-n4x {
  padding-bottom: calc(32px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(32px * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}
.p-4xh {
  padding: 36px !important;
  padding: var(--spacing-scale-4xh) !important;
}
.px-4xh {
  padding-left: 36px !important;
  padding-left: var(--spacing-scale-4xh) !important;
  padding-right: 36px !important;
  padding-right: var(--spacing-scale-4xh) !important;
}
.py-4xh {
  padding-bottom: 36px !important;
  padding-bottom: var(--spacing-scale-4xh) !important;
}
.pt-4xh,
.py-4xh {
  padding-top: 36px !important;
  padding-top: var(--spacing-scale-4xh) !important;
}
.pt-n4xh {
  padding-top: calc(36px * -1) !important;
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pr-4xh {
  padding-right: 36px !important;
  padding-right: var(--spacing-scale-4xh) !important;
}
.pr-n4xh {
  padding-right: calc(36px * -1) !important;
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pb-4xh {
  padding-bottom: 36px !important;
  padding-bottom: var(--spacing-scale-4xh) !important;
}
.pb-n4xh {
  padding-bottom: calc(36px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}
.pl-4xh {
  padding-left: 36px !important;
  padding-left: var(--spacing-scale-4xh) !important;
}
.pl-n4xh {
  padding-left: calc(36px * -1) !important;
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-n4xh {
  padding: calc(36px * -1) !important;
  padding: calc(var(--spacing-scale-4xh) * -1) !important;
}
.px-n4xh {
  padding-left: calc(36px * -1) !important;
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-right: calc(36px * -1) !important;
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}
.py-n4xh {
  padding-bottom: calc(36px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-top: calc(36px * -1) !important;
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}
.p-5x {
  padding: 40px !important;
  padding: var(--spacing-scale-5x) !important;
}
.px-5x {
  padding-left: 40px !important;
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: 40px !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.py-5x {
  padding-bottom: 40px !important;
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pt-5x,
.py-5x {
  padding-top: 40px !important;
  padding-top: var(--spacing-scale-5x) !important;
}
.pt-n5x {
  padding-top: calc(40px * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.pr-5x {
  padding-right: 40px !important;
  padding-right: var(--spacing-scale-5x) !important;
}
.pr-n5x {
  padding-right: calc(40px * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.pb-5x {
  padding-bottom: 40px !important;
  padding-bottom: var(--spacing-scale-5x) !important;
}
.pb-n5x {
  padding-bottom: calc(40px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}
.pl-5x {
  padding-left: 40px !important;
  padding-left: var(--spacing-scale-5x) !important;
}
.pl-n5x {
  padding-left: calc(40px * -1) !important;
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-n5x {
  padding: calc(40px * -1) !important;
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}
.px-n5x {
  padding-left: calc(40px * -1) !important;
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(40px * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}
.py-n5x {
  padding-bottom: calc(40px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(40px * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}
.p-5xh {
  padding: 44px !important;
  padding: var(--spacing-scale-5xh) !important;
}
.px-5xh {
  padding-left: 44px !important;
  padding-left: var(--spacing-scale-5xh) !important;
  padding-right: 44px !important;
  padding-right: var(--spacing-scale-5xh) !important;
}
.py-5xh {
  padding-bottom: 44px !important;
  padding-bottom: var(--spacing-scale-5xh) !important;
}
.pt-5xh,
.py-5xh {
  padding-top: 44px !important;
  padding-top: var(--spacing-scale-5xh) !important;
}
.pt-n5xh {
  padding-top: calc(44px * -1) !important;
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pr-5xh {
  padding-right: 44px !important;
  padding-right: var(--spacing-scale-5xh) !important;
}
.pr-n5xh {
  padding-right: calc(44px * -1) !important;
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pb-5xh {
  padding-bottom: 44px !important;
  padding-bottom: var(--spacing-scale-5xh) !important;
}
.pb-n5xh {
  padding-bottom: calc(44px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}
.pl-5xh {
  padding-left: 44px !important;
  padding-left: var(--spacing-scale-5xh) !important;
}
.pl-n5xh {
  padding-left: calc(44px * -1) !important;
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-n5xh {
  padding: calc(44px * -1) !important;
  padding: calc(var(--spacing-scale-5xh) * -1) !important;
}
.px-n5xh {
  padding-left: calc(44px * -1) !important;
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-right: calc(44px * -1) !important;
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}
.py-n5xh {
  padding-bottom: calc(44px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-top: calc(44px * -1) !important;
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}
.p-6x {
  padding: 48px !important;
  padding: var(--spacing-scale-6x) !important;
}
.px-6x {
  padding-left: 48px !important;
  padding-left: var(--spacing-scale-6x) !important;
  padding-right: 48px !important;
  padding-right: var(--spacing-scale-6x) !important;
}
.py-6x {
  padding-bottom: 48px !important;
  padding-bottom: var(--spacing-scale-6x) !important;
}
.pt-6x,
.py-6x {
  padding-top: 48px !important;
  padding-top: var(--spacing-scale-6x) !important;
}
.pt-n6x {
  padding-top: calc(48px * -1) !important;
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.pr-6x {
  padding-right: 48px !important;
  padding-right: var(--spacing-scale-6x) !important;
}
.pr-n6x {
  padding-right: calc(48px * -1) !important;
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.pb-6x {
  padding-bottom: 48px !important;
  padding-bottom: var(--spacing-scale-6x) !important;
}
.pb-n6x {
  padding-bottom: calc(48px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}
.pl-6x {
  padding-left: 48px !important;
  padding-left: var(--spacing-scale-6x) !important;
}
.pl-n6x {
  padding-left: calc(48px * -1) !important;
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-n6x {
  padding: calc(48px * -1) !important;
  padding: calc(var(--spacing-scale-6x) * -1) !important;
}
.px-n6x {
  padding-left: calc(48px * -1) !important;
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  padding-right: calc(48px * -1) !important;
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}
.py-n6x {
  padding-bottom: calc(48px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  padding-top: calc(48px * -1) !important;
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}
.p-6xh {
  padding: 52px !important;
  padding: var(--spacing-scale-6xh) !important;
}
.px-6xh {
  padding-left: 52px !important;
  padding-left: var(--spacing-scale-6xh) !important;
  padding-right: 52px !important;
  padding-right: var(--spacing-scale-6xh) !important;
}
.py-6xh {
  padding-bottom: 52px !important;
  padding-bottom: var(--spacing-scale-6xh) !important;
}
.pt-6xh,
.py-6xh {
  padding-top: 52px !important;
  padding-top: var(--spacing-scale-6xh) !important;
}
.pt-n6xh {
  padding-top: calc(52px * -1) !important;
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pr-6xh {
  padding-right: 52px !important;
  padding-right: var(--spacing-scale-6xh) !important;
}
.pr-n6xh {
  padding-right: calc(52px * -1) !important;
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pb-6xh {
  padding-bottom: 52px !important;
  padding-bottom: var(--spacing-scale-6xh) !important;
}
.pb-n6xh {
  padding-bottom: calc(52px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}
.pl-6xh {
  padding-left: 52px !important;
  padding-left: var(--spacing-scale-6xh) !important;
}
.pl-n6xh {
  padding-left: calc(52px * -1) !important;
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-n6xh {
  padding: calc(52px * -1) !important;
  padding: calc(var(--spacing-scale-6xh) * -1) !important;
}
.px-n6xh {
  padding-left: calc(52px * -1) !important;
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-right: calc(52px * -1) !important;
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}
.py-n6xh {
  padding-bottom: calc(52px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-top: calc(52px * -1) !important;
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}
.p-7x {
  padding: 56px !important;
  padding: var(--spacing-scale-7x) !important;
}
.px-7x {
  padding-left: 56px !important;
  padding-left: var(--spacing-scale-7x) !important;
  padding-right: 56px !important;
  padding-right: var(--spacing-scale-7x) !important;
}
.py-7x {
  padding-bottom: 56px !important;
  padding-bottom: var(--spacing-scale-7x) !important;
}
.pt-7x,
.py-7x {
  padding-top: 56px !important;
  padding-top: var(--spacing-scale-7x) !important;
}
.pt-n7x {
  padding-top: calc(56px * -1) !important;
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.pr-7x {
  padding-right: 56px !important;
  padding-right: var(--spacing-scale-7x) !important;
}
.pr-n7x {
  padding-right: calc(56px * -1) !important;
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.pb-7x {
  padding-bottom: 56px !important;
  padding-bottom: var(--spacing-scale-7x) !important;
}
.pb-n7x {
  padding-bottom: calc(56px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}
.pl-7x {
  padding-left: 56px !important;
  padding-left: var(--spacing-scale-7x) !important;
}
.pl-n7x {
  padding-left: calc(56px * -1) !important;
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-n7x {
  padding: calc(56px * -1) !important;
  padding: calc(var(--spacing-scale-7x) * -1) !important;
}
.px-n7x {
  padding-left: calc(56px * -1) !important;
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  padding-right: calc(56px * -1) !important;
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}
.py-n7x {
  padding-bottom: calc(56px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  padding-top: calc(56px * -1) !important;
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}
.p-7xh {
  padding: 60px !important;
  padding: var(--spacing-scale-7xh) !important;
}
.px-7xh {
  padding-left: 60px !important;
  padding-left: var(--spacing-scale-7xh) !important;
  padding-right: 60px !important;
  padding-right: var(--spacing-scale-7xh) !important;
}
.py-7xh {
  padding-bottom: 60px !important;
  padding-bottom: var(--spacing-scale-7xh) !important;
}
.pt-7xh,
.py-7xh {
  padding-top: 60px !important;
  padding-top: var(--spacing-scale-7xh) !important;
}
.pt-n7xh {
  padding-top: calc(60px * -1) !important;
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pr-7xh {
  padding-right: 60px !important;
  padding-right: var(--spacing-scale-7xh) !important;
}
.pr-n7xh {
  padding-right: calc(60px * -1) !important;
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pb-7xh {
  padding-bottom: 60px !important;
  padding-bottom: var(--spacing-scale-7xh) !important;
}
.pb-n7xh {
  padding-bottom: calc(60px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}
.pl-7xh {
  padding-left: 60px !important;
  padding-left: var(--spacing-scale-7xh) !important;
}
.pl-n7xh {
  padding-left: calc(60px * -1) !important;
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-n7xh {
  padding: calc(60px * -1) !important;
  padding: calc(var(--spacing-scale-7xh) * -1) !important;
}
.px-n7xh {
  padding-left: calc(60px * -1) !important;
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-right: calc(60px * -1) !important;
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}
.py-n7xh {
  padding-bottom: calc(60px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-top: calc(60px * -1) !important;
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}
.p-8x {
  padding: 64px !important;
  padding: var(--spacing-scale-8x) !important;
}
.px-8x {
  padding-left: 64px !important;
  padding-left: var(--spacing-scale-8x) !important;
  padding-right: 64px !important;
  padding-right: var(--spacing-scale-8x) !important;
}
.py-8x {
  padding-bottom: 64px !important;
  padding-bottom: var(--spacing-scale-8x) !important;
}
.pt-8x,
.py-8x {
  padding-top: 64px !important;
  padding-top: var(--spacing-scale-8x) !important;
}
.pt-n8x {
  padding-top: calc(64px * -1) !important;
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.pr-8x {
  padding-right: 64px !important;
  padding-right: var(--spacing-scale-8x) !important;
}
.pr-n8x {
  padding-right: calc(64px * -1) !important;
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.pb-8x {
  padding-bottom: 64px !important;
  padding-bottom: var(--spacing-scale-8x) !important;
}
.pb-n8x {
  padding-bottom: calc(64px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}
.pl-8x {
  padding-left: 64px !important;
  padding-left: var(--spacing-scale-8x) !important;
}
.pl-n8x {
  padding-left: calc(64px * -1) !important;
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-n8x {
  padding: calc(64px * -1) !important;
  padding: calc(var(--spacing-scale-8x) * -1) !important;
}
.px-n8x {
  padding-left: calc(64px * -1) !important;
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  padding-right: calc(64px * -1) !important;
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}
.py-n8x {
  padding-bottom: calc(64px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  padding-top: calc(64px * -1) !important;
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}
.p-8xh {
  padding: 68px !important;
  padding: var(--spacing-scale-8xh) !important;
}
.px-8xh {
  padding-left: 68px !important;
  padding-left: var(--spacing-scale-8xh) !important;
  padding-right: 68px !important;
  padding-right: var(--spacing-scale-8xh) !important;
}
.py-8xh {
  padding-bottom: 68px !important;
  padding-bottom: var(--spacing-scale-8xh) !important;
}
.pt-8xh,
.py-8xh {
  padding-top: 68px !important;
  padding-top: var(--spacing-scale-8xh) !important;
}
.pt-n8xh {
  padding-top: calc(68px * -1) !important;
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pr-8xh {
  padding-right: 68px !important;
  padding-right: var(--spacing-scale-8xh) !important;
}
.pr-n8xh {
  padding-right: calc(68px * -1) !important;
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pb-8xh {
  padding-bottom: 68px !important;
  padding-bottom: var(--spacing-scale-8xh) !important;
}
.pb-n8xh {
  padding-bottom: calc(68px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}
.pl-8xh {
  padding-left: 68px !important;
  padding-left: var(--spacing-scale-8xh) !important;
}
.pl-n8xh {
  padding-left: calc(68px * -1) !important;
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-n8xh {
  padding: calc(68px * -1) !important;
  padding: calc(var(--spacing-scale-8xh) * -1) !important;
}
.px-n8xh {
  padding-left: calc(68px * -1) !important;
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-right: calc(68px * -1) !important;
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}
.py-n8xh {
  padding-bottom: calc(68px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-top: calc(68px * -1) !important;
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}
.p-9x {
  padding: 72px !important;
  padding: var(--spacing-scale-9x) !important;
}
.px-9x {
  padding-left: 72px !important;
  padding-left: var(--spacing-scale-9x) !important;
  padding-right: 72px !important;
  padding-right: var(--spacing-scale-9x) !important;
}
.py-9x {
  padding-bottom: 72px !important;
  padding-bottom: var(--spacing-scale-9x) !important;
}
.pt-9x,
.py-9x {
  padding-top: 72px !important;
  padding-top: var(--spacing-scale-9x) !important;
}
.pt-n9x {
  padding-top: calc(72px * -1) !important;
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.pr-9x {
  padding-right: 72px !important;
  padding-right: var(--spacing-scale-9x) !important;
}
.pr-n9x {
  padding-right: calc(72px * -1) !important;
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.pb-9x {
  padding-bottom: 72px !important;
  padding-bottom: var(--spacing-scale-9x) !important;
}
.pb-n9x {
  padding-bottom: calc(72px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}
.pl-9x {
  padding-left: 72px !important;
  padding-left: var(--spacing-scale-9x) !important;
}
.pl-n9x {
  padding-left: calc(72px * -1) !important;
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-n9x {
  padding: calc(72px * -1) !important;
  padding: calc(var(--spacing-scale-9x) * -1) !important;
}
.px-n9x {
  padding-left: calc(72px * -1) !important;
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  padding-right: calc(72px * -1) !important;
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}
.py-n9x {
  padding-bottom: calc(72px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  padding-top: calc(72px * -1) !important;
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}
.p-9xh {
  padding: 76px !important;
  padding: var(--spacing-scale-9xh) !important;
}
.px-9xh {
  padding-left: 76px !important;
  padding-left: var(--spacing-scale-9xh) !important;
  padding-right: 76px !important;
  padding-right: var(--spacing-scale-9xh) !important;
}
.py-9xh {
  padding-bottom: 76px !important;
  padding-bottom: var(--spacing-scale-9xh) !important;
}
.pt-9xh,
.py-9xh {
  padding-top: 76px !important;
  padding-top: var(--spacing-scale-9xh) !important;
}
.pt-n9xh {
  padding-top: calc(76px * -1) !important;
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pr-9xh {
  padding-right: 76px !important;
  padding-right: var(--spacing-scale-9xh) !important;
}
.pr-n9xh {
  padding-right: calc(76px * -1) !important;
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pb-9xh {
  padding-bottom: 76px !important;
  padding-bottom: var(--spacing-scale-9xh) !important;
}
.pb-n9xh {
  padding-bottom: calc(76px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}
.pl-9xh {
  padding-left: 76px !important;
  padding-left: var(--spacing-scale-9xh) !important;
}
.pl-n9xh {
  padding-left: calc(76px * -1) !important;
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-n9xh {
  padding: calc(76px * -1) !important;
  padding: calc(var(--spacing-scale-9xh) * -1) !important;
}
.px-n9xh {
  padding-left: calc(76px * -1) !important;
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-right: calc(76px * -1) !important;
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}
.py-n9xh {
  padding-bottom: calc(76px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-top: calc(76px * -1) !important;
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}
.p-10x {
  padding: 80px !important;
  padding: var(--spacing-scale-10x) !important;
}
.px-10x {
  padding-left: 80px !important;
  padding-left: var(--spacing-scale-10x) !important;
  padding-right: 80px !important;
  padding-right: var(--spacing-scale-10x) !important;
}
.py-10x {
  padding-bottom: 80px !important;
  padding-bottom: var(--spacing-scale-10x) !important;
}
.pt-10x,
.py-10x {
  padding-top: 80px !important;
  padding-top: var(--spacing-scale-10x) !important;
}
.pt-n10x {
  padding-top: calc(80px * -1) !important;
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.pr-10x {
  padding-right: 80px !important;
  padding-right: var(--spacing-scale-10x) !important;
}
.pr-n10x {
  padding-right: calc(80px * -1) !important;
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.pb-10x {
  padding-bottom: 80px !important;
  padding-bottom: var(--spacing-scale-10x) !important;
}
.pb-n10x {
  padding-bottom: calc(80px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}
.pl-10x {
  padding-left: 80px !important;
  padding-left: var(--spacing-scale-10x) !important;
}
.pl-n10x {
  padding-left: calc(80px * -1) !important;
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-n10x {
  padding: calc(80px * -1) !important;
  padding: calc(var(--spacing-scale-10x) * -1) !important;
}
.px-n10x {
  padding-left: calc(80px * -1) !important;
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  padding-right: calc(80px * -1) !important;
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}
.py-n10x {
  padding-bottom: calc(80px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  padding-top: calc(80px * -1) !important;
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}
.p-10xh {
  padding: 84px !important;
  padding: var(--spacing-scale-10xh) !important;
}
.px-10xh {
  padding-left: 84px !important;
  padding-left: var(--spacing-scale-10xh) !important;
  padding-right: 84px !important;
  padding-right: var(--spacing-scale-10xh) !important;
}
.py-10xh {
  padding-bottom: 84px !important;
  padding-bottom: var(--spacing-scale-10xh) !important;
}
.pt-10xh,
.py-10xh {
  padding-top: 84px !important;
  padding-top: var(--spacing-scale-10xh) !important;
}
.pt-n10xh {
  padding-top: calc(84px * -1) !important;
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pr-10xh {
  padding-right: 84px !important;
  padding-right: var(--spacing-scale-10xh) !important;
}
.pr-n10xh {
  padding-right: calc(84px * -1) !important;
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pb-10xh {
  padding-bottom: 84px !important;
  padding-bottom: var(--spacing-scale-10xh) !important;
}
.pb-n10xh {
  padding-bottom: calc(84px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}
.pl-10xh {
  padding-left: 84px !important;
  padding-left: var(--spacing-scale-10xh) !important;
}
.pl-n10xh {
  padding-left: calc(84px * -1) !important;
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}
.p-n10xh {
  padding: calc(84px * -1) !important;
  padding: calc(var(--spacing-scale-10xh) * -1) !important;
}
.px-n10xh {
  padding-left: calc(84px * -1) !important;
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-right: calc(84px * -1) !important;
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}
.py-n10xh {
  padding-bottom: calc(84px * -1) !important;
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-top: calc(84px * -1) !important;
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
    margin: var(--spacing-scale-default) !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-sm-half {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-sm-half,
  .my-sm-half {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-nhalf {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-sm-half {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-nhalf {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-sm-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-sm-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-nhalf {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-sm-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-sm-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-base {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-sm-base,
  .my-sm-base {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-nbase {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-sm-base {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-nbase {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-sm-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-sm-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-nbase {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-sm-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-sm-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-baseh {
    margin: 12px !important;
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-sm-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-sm-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-baseh,
  .my-sm-baseh {
    margin-top: 12px !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-sm-nbaseh {
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-sm-baseh {
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-sm-nbaseh {
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-sm-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-sm-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-sm-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-sm-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-sm-nbaseh {
    margin: calc(12px * -1) !important;
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-sm-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-sm-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-sm-1 {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-sm-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-sm-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-sm-n1 {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-sm-1 {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-sm-n1 {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-sm-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-sm-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-sm-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-sm-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-n1 {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-sm-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-sm-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-sm-2 {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-sm-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-sm-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-sm-n2 {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-sm-2 {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-sm-n2 {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-sm-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-sm-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-sm-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-sm-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-n2 {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-sm-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-sm-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-sm-3 {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n3 {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-sm-3 {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n3 {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-sm-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-sm-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-n3 {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-sm-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-sm-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-4 {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n4 {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-sm-4 {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n4 {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-sm-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-sm-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-n4 {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-sm-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-sm-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-5 {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n5 {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-sm-5 {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n5 {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-sm-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-sm-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-n5 {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-sm-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-sm-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-6 {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n6 {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-sm-6 {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n6 {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-sm-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-sm-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-n6 {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-sm-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-sm-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-2x {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-sm-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-sm-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-sm-2x,
  .my-sm-2x {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-sm-n2x {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-sm-2x {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-sm-n2x {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-sm-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-sm-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-sm-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-sm-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-n2x {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-sm-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-sm-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-sm-2xh {
    margin: 20px !important;
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-sm-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-sm-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-2xh,
  .my-sm-2xh {
    margin-top: 20px !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-sm-n2xh {
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-sm-2xh {
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-sm-n2xh {
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-sm-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-sm-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-sm-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-sm-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-sm-n2xh {
    margin: calc(20px * -1) !important;
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-sm-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-sm-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-sm-3x {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-sm-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-sm-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-sm-3x,
  .my-sm-3x {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-sm-n3x {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-sm-3x {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-sm-n3x {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-sm-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-sm-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-sm-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-sm-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-n3x {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-sm-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-sm-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-sm-3xh {
    margin: 28px !important;
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-sm-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-sm-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-3xh,
  .my-sm-3xh {
    margin-top: 28px !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-sm-n3xh {
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-sm-3xh {
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-sm-n3xh {
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-sm-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-sm-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-sm-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-sm-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-sm-n3xh {
    margin: calc(28px * -1) !important;
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-sm-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-sm-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-sm-4x {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-sm-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-sm-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-sm-4x,
  .my-sm-4x {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-sm-n4x {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-sm-4x {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-sm-n4x {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-sm-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-sm-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-sm-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-sm-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-n4x {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-sm-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-sm-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-sm-4xh {
    margin: 36px !important;
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-sm-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-sm-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-4xh,
  .my-sm-4xh {
    margin-top: 36px !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-sm-n4xh {
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-sm-4xh {
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-sm-n4xh {
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-sm-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-sm-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-sm-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-sm-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-sm-n4xh {
    margin: calc(36px * -1) !important;
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-sm-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-sm-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-sm-5x {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-sm-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-sm-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-sm-5x,
  .my-sm-5x {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-sm-n5x {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-sm-5x {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-sm-n5x {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-sm-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-sm-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-sm-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-sm-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-n5x {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-sm-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-sm-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-sm-5xh {
    margin: 44px !important;
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-sm-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-sm-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-5xh,
  .my-sm-5xh {
    margin-top: 44px !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-sm-n5xh {
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-sm-5xh {
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-sm-n5xh {
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-sm-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-sm-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-sm-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-sm-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-sm-n5xh {
    margin: calc(44px * -1) !important;
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-sm-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-sm-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-sm-6x {
    margin: 48px !important;
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-sm-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-sm-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-sm-6x,
  .my-sm-6x {
    margin-top: 48px !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-sm-n6x {
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-sm-6x {
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-sm-n6x {
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-sm-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-sm-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-sm-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-sm-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-sm-n6x {
    margin: calc(48px * -1) !important;
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-sm-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-sm-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-sm-6xh {
    margin: 52px !important;
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-sm-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-sm-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-6xh,
  .my-sm-6xh {
    margin-top: 52px !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-sm-n6xh {
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-sm-6xh {
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-sm-n6xh {
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-sm-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-sm-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-sm-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-sm-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-sm-n6xh {
    margin: calc(52px * -1) !important;
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-sm-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-sm-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-sm-7x {
    margin: 56px !important;
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-sm-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-sm-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-sm-7x,
  .my-sm-7x {
    margin-top: 56px !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-sm-n7x {
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-sm-7x {
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-sm-n7x {
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-sm-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-sm-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-sm-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-sm-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-sm-n7x {
    margin: calc(56px * -1) !important;
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-sm-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-sm-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-sm-7xh {
    margin: 60px !important;
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-sm-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-sm-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-7xh,
  .my-sm-7xh {
    margin-top: 60px !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-sm-n7xh {
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-sm-7xh {
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-sm-n7xh {
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-sm-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-sm-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-sm-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-sm-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-sm-n7xh {
    margin: calc(60px * -1) !important;
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-sm-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-sm-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-sm-8x {
    margin: 64px !important;
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-sm-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-sm-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-sm-8x,
  .my-sm-8x {
    margin-top: 64px !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-sm-n8x {
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-sm-8x {
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-sm-n8x {
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-sm-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-sm-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-sm-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-sm-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-sm-n8x {
    margin: calc(64px * -1) !important;
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-sm-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-sm-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-sm-8xh {
    margin: 68px !important;
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-sm-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-sm-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-8xh,
  .my-sm-8xh {
    margin-top: 68px !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-sm-n8xh {
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-sm-8xh {
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-sm-n8xh {
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-sm-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-sm-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-sm-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-sm-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-sm-n8xh {
    margin: calc(68px * -1) !important;
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-sm-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-sm-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-sm-9x {
    margin: 72px !important;
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-sm-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-sm-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-sm-9x,
  .my-sm-9x {
    margin-top: 72px !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-sm-n9x {
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-sm-9x {
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-sm-n9x {
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-sm-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-sm-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-sm-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-sm-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-sm-n9x {
    margin: calc(72px * -1) !important;
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-sm-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-sm-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-sm-9xh {
    margin: 76px !important;
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-sm-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-sm-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-9xh,
  .my-sm-9xh {
    margin-top: 76px !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-sm-n9xh {
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-sm-9xh {
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-sm-n9xh {
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-sm-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-sm-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-sm-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-sm-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-sm-n9xh {
    margin: calc(76px * -1) !important;
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-sm-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-sm-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-sm-10x {
    margin: 80px !important;
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-sm-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-sm-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-sm-10x,
  .my-sm-10x {
    margin-top: 80px !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-sm-n10x {
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-sm-10x {
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-sm-n10x {
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-sm-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-sm-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-sm-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-sm-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-sm-n10x {
    margin: calc(80px * -1) !important;
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-sm-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-sm-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-sm-10xh {
    margin: 84px !important;
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-sm-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-sm-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-10xh,
  .my-sm-10xh {
    margin-top: 84px !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-sm-n10xh {
    margin-top: calc(84px * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-sm-10xh {
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-sm-n10xh {
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-sm-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-sm-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-sm-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-sm-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-sm-n10xh {
    margin: calc(84px * -1) !important;
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-sm-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-sm-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(84px * -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: 0 !important;
    padding: var(--spacing-scale-default) !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-sm-half {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-sm-half,
  .py-sm-half {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-nhalf {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-sm-half {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-nhalf {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-sm-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-sm-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-nhalf {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-sm-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-sm-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-base {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-sm-base,
  .py-sm-base {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-nbase {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-sm-base {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-nbase {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-sm-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-sm-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-nbase {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-sm-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-sm-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-baseh {
    padding: 12px !important;
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-sm-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-sm-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-baseh,
  .py-sm-baseh {
    padding-top: 12px !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-sm-nbaseh {
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-sm-baseh {
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-sm-nbaseh {
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-sm-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-sm-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-sm-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-sm-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-sm-nbaseh {
    padding: calc(12px * -1) !important;
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-sm-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-sm-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-sm-1 {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-sm-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-sm-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-sm-n1 {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-sm-1 {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-sm-n1 {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-sm-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-sm-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-sm-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-sm-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-n1 {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-sm-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-sm-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-sm-2 {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-sm-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-sm-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-sm-n2 {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-sm-2 {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-sm-n2 {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-sm-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-sm-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-sm-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-sm-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-n2 {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-sm-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-sm-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-sm-3 {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n3 {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-sm-3 {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n3 {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-sm-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-sm-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-n3 {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-sm-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-sm-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-4 {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n4 {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-sm-4 {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n4 {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-sm-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-sm-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-n4 {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-sm-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-sm-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-5 {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n5 {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-sm-5 {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n5 {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-sm-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-sm-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-n5 {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-sm-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-sm-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-6 {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n6 {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-sm-6 {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n6 {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-sm-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-sm-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-n6 {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-sm-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-sm-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-2x {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-sm-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-sm-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-sm-2x,
  .py-sm-2x {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-sm-n2x {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-sm-2x {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-sm-n2x {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-sm-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-sm-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-sm-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-sm-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-n2x {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-sm-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-sm-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-sm-2xh {
    padding: 20px !important;
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-sm-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-sm-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-2xh,
  .py-sm-2xh {
    padding-top: 20px !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-sm-n2xh {
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-sm-2xh {
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-sm-n2xh {
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-sm-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-sm-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-sm-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-sm-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-sm-n2xh {
    padding: calc(20px * -1) !important;
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-sm-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-sm-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-sm-3x {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-sm-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-sm-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-sm-3x,
  .py-sm-3x {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-sm-n3x {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-sm-3x {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-sm-n3x {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-sm-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-sm-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-sm-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-sm-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-n3x {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-sm-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-sm-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-sm-3xh {
    padding: 28px !important;
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-sm-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-sm-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-3xh,
  .py-sm-3xh {
    padding-top: 28px !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-sm-n3xh {
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-sm-3xh {
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-sm-n3xh {
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-sm-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-sm-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-sm-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-sm-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-sm-n3xh {
    padding: calc(28px * -1) !important;
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-sm-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-sm-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-sm-4x {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-sm-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-sm-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-sm-4x,
  .py-sm-4x {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-sm-n4x {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-sm-4x {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-sm-n4x {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-sm-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-sm-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-sm-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-sm-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-n4x {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-sm-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-sm-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-sm-4xh {
    padding: 36px !important;
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-sm-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-sm-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-4xh,
  .py-sm-4xh {
    padding-top: 36px !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-sm-n4xh {
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-sm-4xh {
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-sm-n4xh {
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-sm-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-sm-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-sm-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-sm-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-sm-n4xh {
    padding: calc(36px * -1) !important;
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-sm-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-sm-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-sm-5x {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-sm-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-sm-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-sm-5x,
  .py-sm-5x {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-sm-n5x {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-sm-5x {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-sm-n5x {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-sm-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-sm-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-sm-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-sm-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-n5x {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-sm-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-sm-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-sm-5xh {
    padding: 44px !important;
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-sm-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-sm-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-5xh,
  .py-sm-5xh {
    padding-top: 44px !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-sm-n5xh {
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-sm-5xh {
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-sm-n5xh {
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-sm-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-sm-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-sm-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-sm-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-sm-n5xh {
    padding: calc(44px * -1) !important;
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-sm-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-sm-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-sm-6x {
    padding: 48px !important;
    padding: var(--spacing-scale-6x) !important;
  }
  .px-sm-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-sm-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-sm-6x,
  .py-sm-6x {
    padding-top: 48px !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-sm-n6x {
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-sm-6x {
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-sm-n6x {
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-sm-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-sm-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-sm-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-sm-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-sm-n6x {
    padding: calc(48px * -1) !important;
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-sm-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-sm-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-sm-6xh {
    padding: 52px !important;
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-sm-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-sm-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-6xh,
  .py-sm-6xh {
    padding-top: 52px !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-sm-n6xh {
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-sm-6xh {
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-sm-n6xh {
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-sm-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-sm-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-sm-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-sm-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-sm-n6xh {
    padding: calc(52px * -1) !important;
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-sm-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-sm-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-sm-7x {
    padding: 56px !important;
    padding: var(--spacing-scale-7x) !important;
  }
  .px-sm-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-sm-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-sm-7x,
  .py-sm-7x {
    padding-top: 56px !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-sm-n7x {
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-sm-7x {
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-sm-n7x {
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-sm-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-sm-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-sm-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-sm-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-sm-n7x {
    padding: calc(56px * -1) !important;
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-sm-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-sm-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-sm-7xh {
    padding: 60px !important;
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-sm-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-sm-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-7xh,
  .py-sm-7xh {
    padding-top: 60px !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-sm-n7xh {
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-sm-7xh {
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-sm-n7xh {
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-sm-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-sm-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-sm-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-sm-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-sm-n7xh {
    padding: calc(60px * -1) !important;
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-sm-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-sm-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-sm-8x {
    padding: 64px !important;
    padding: var(--spacing-scale-8x) !important;
  }
  .px-sm-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-sm-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-sm-8x,
  .py-sm-8x {
    padding-top: 64px !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-sm-n8x {
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-sm-8x {
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-sm-n8x {
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-sm-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-sm-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-sm-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-sm-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-sm-n8x {
    padding: calc(64px * -1) !important;
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-sm-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-sm-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-sm-8xh {
    padding: 68px !important;
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-sm-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-sm-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-8xh,
  .py-sm-8xh {
    padding-top: 68px !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-sm-n8xh {
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-sm-8xh {
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-sm-n8xh {
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-sm-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-sm-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-sm-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-sm-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-sm-n8xh {
    padding: calc(68px * -1) !important;
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-sm-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-sm-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-sm-9x {
    padding: 72px !important;
    padding: var(--spacing-scale-9x) !important;
  }
  .px-sm-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-sm-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-sm-9x,
  .py-sm-9x {
    padding-top: 72px !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-sm-n9x {
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-sm-9x {
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-sm-n9x {
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-sm-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-sm-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-sm-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-sm-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-sm-n9x {
    padding: calc(72px * -1) !important;
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-sm-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-sm-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-sm-9xh {
    padding: 76px !important;
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-sm-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-sm-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-9xh,
  .py-sm-9xh {
    padding-top: 76px !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-sm-n9xh {
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-sm-9xh {
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-sm-n9xh {
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-sm-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-sm-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-sm-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-sm-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-sm-n9xh {
    padding: calc(76px * -1) !important;
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-sm-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-sm-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-sm-10x {
    padding: 80px !important;
    padding: var(--spacing-scale-10x) !important;
  }
  .px-sm-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-sm-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-sm-10x,
  .py-sm-10x {
    padding-top: 80px !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-sm-n10x {
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-sm-10x {
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-sm-n10x {
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-sm-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-sm-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-sm-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-sm-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-sm-n10x {
    padding: calc(80px * -1) !important;
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-sm-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-sm-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-sm-10xh {
    padding: 84px !important;
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-sm-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-sm-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-10xh,
  .py-sm-10xh {
    padding-top: 84px !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-sm-n10xh {
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-sm-10xh {
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-sm-n10xh {
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-sm-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-sm-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-sm-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-sm-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-sm-n10xh {
    padding: calc(84px * -1) !important;
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-sm-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-sm-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important;
    margin: var(--spacing-scale-default) !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-md-half {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-md-half,
  .my-md-half {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-nhalf {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-md-half {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-nhalf {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-md-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-md-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-nhalf {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-md-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-md-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-base {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-md-base,
  .my-md-base {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-nbase {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-md-base {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-nbase {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-md-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-md-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-nbase {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-md-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-md-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-baseh {
    margin: 12px !important;
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-md-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-md-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-md-baseh,
  .my-md-baseh {
    margin-top: 12px !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-md-nbaseh {
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-md-baseh {
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-md-nbaseh {
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-md-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-md-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-md-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-md-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-md-nbaseh {
    margin: calc(12px * -1) !important;
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-md-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-md-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-md-1 {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-md-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-md-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-md-n1 {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-md-n1 {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-md-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-md-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-n1 {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-md-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-md-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-md-2 {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-md-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-md-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-md-n2 {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-md-n2 {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-md-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-md-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-n2 {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-md-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-md-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-md-3 {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n3 {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-md-3 {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n3 {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-md-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-md-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-n3 {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-md-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-md-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-4 {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n4 {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-md-4 {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n4 {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-md-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-md-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-n4 {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-md-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-md-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-5 {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n5 {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-md-5 {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n5 {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-md-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-md-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-n5 {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-md-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-md-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-6 {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n6 {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-md-6 {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n6 {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-md-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-md-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-n6 {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-md-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-md-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-2x {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-md-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-md-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-md-2x,
  .my-md-2x {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-md-n2x {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-md-2x {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-md-n2x {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-md-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-md-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-md-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-md-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-n2x {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-md-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-md-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-md-2xh {
    margin: 20px !important;
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-md-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-md-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-md-2xh,
  .my-md-2xh {
    margin-top: 20px !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-md-n2xh {
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-md-2xh {
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-md-n2xh {
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-md-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-md-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-md-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-md-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-md-n2xh {
    margin: calc(20px * -1) !important;
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-md-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-md-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-md-3x {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-md-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-md-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-md-3x,
  .my-md-3x {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-md-n3x {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-md-3x {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-md-n3x {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-md-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-md-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-md-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-md-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-n3x {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-md-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-md-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-md-3xh {
    margin: 28px !important;
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-md-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-md-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-md-3xh,
  .my-md-3xh {
    margin-top: 28px !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-md-n3xh {
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-md-3xh {
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-md-n3xh {
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-md-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-md-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-md-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-md-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-md-n3xh {
    margin: calc(28px * -1) !important;
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-md-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-md-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-md-4x {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-md-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-md-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-md-4x,
  .my-md-4x {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-md-n4x {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-md-4x {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-md-n4x {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-md-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-md-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-md-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-md-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-n4x {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-md-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-md-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-md-4xh {
    margin: 36px !important;
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-md-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-md-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-md-4xh,
  .my-md-4xh {
    margin-top: 36px !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-md-n4xh {
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-md-4xh {
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-md-n4xh {
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-md-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-md-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-md-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-md-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-md-n4xh {
    margin: calc(36px * -1) !important;
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-md-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-md-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-md-5x {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-md-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-md-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-md-5x,
  .my-md-5x {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-md-n5x {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-md-5x {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-md-n5x {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-md-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-md-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-md-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-md-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-n5x {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-md-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-md-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-md-5xh {
    margin: 44px !important;
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-md-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-md-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-md-5xh,
  .my-md-5xh {
    margin-top: 44px !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-md-n5xh {
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-md-5xh {
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-md-n5xh {
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-md-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-md-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-md-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-md-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-md-n5xh {
    margin: calc(44px * -1) !important;
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-md-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-md-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-md-6x {
    margin: 48px !important;
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-md-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-md-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-md-6x,
  .my-md-6x {
    margin-top: 48px !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-md-n6x {
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-md-6x {
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-md-n6x {
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-md-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-md-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-md-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-md-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-md-n6x {
    margin: calc(48px * -1) !important;
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-md-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-md-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-md-6xh {
    margin: 52px !important;
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-md-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-md-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-md-6xh,
  .my-md-6xh {
    margin-top: 52px !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-md-n6xh {
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-md-6xh {
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-md-n6xh {
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-md-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-md-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-md-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-md-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-md-n6xh {
    margin: calc(52px * -1) !important;
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-md-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-md-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-md-7x {
    margin: 56px !important;
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-md-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-md-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-md-7x,
  .my-md-7x {
    margin-top: 56px !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-md-n7x {
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-md-7x {
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-md-n7x {
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-md-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-md-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-md-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-md-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-md-n7x {
    margin: calc(56px * -1) !important;
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-md-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-md-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-md-7xh {
    margin: 60px !important;
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-md-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-md-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-md-7xh,
  .my-md-7xh {
    margin-top: 60px !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-md-n7xh {
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-md-7xh {
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-md-n7xh {
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-md-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-md-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-md-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-md-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-md-n7xh {
    margin: calc(60px * -1) !important;
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-md-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-md-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-md-8x {
    margin: 64px !important;
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-md-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-md-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-md-8x,
  .my-md-8x {
    margin-top: 64px !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-md-n8x {
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-md-8x {
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-md-n8x {
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-md-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-md-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-md-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-md-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-md-n8x {
    margin: calc(64px * -1) !important;
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-md-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-md-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-md-8xh {
    margin: 68px !important;
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-md-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-md-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-md-8xh,
  .my-md-8xh {
    margin-top: 68px !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-md-n8xh {
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-md-8xh {
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-md-n8xh {
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-md-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-md-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-md-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-md-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-md-n8xh {
    margin: calc(68px * -1) !important;
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-md-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-md-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-md-9x {
    margin: 72px !important;
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-md-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-md-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-md-9x,
  .my-md-9x {
    margin-top: 72px !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-md-n9x {
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-md-9x {
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-md-n9x {
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-md-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-md-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-md-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-md-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-md-n9x {
    margin: calc(72px * -1) !important;
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-md-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-md-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-md-9xh {
    margin: 76px !important;
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-md-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-md-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-md-9xh,
  .my-md-9xh {
    margin-top: 76px !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-md-n9xh {
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-md-9xh {
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-md-n9xh {
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-md-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-md-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-md-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-md-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-md-n9xh {
    margin: calc(76px * -1) !important;
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-md-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-md-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-md-10x {
    margin: 80px !important;
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-md-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-md-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-md-10x,
  .my-md-10x {
    margin-top: 80px !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-md-n10x {
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-md-10x {
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-md-n10x {
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-md-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-md-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-md-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-md-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-md-n10x {
    margin: calc(80px * -1) !important;
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-md-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-md-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-md-10xh {
    margin: 84px !important;
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-md-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-md-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-md-10xh,
  .my-md-10xh {
    margin-top: 84px !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-md-n10xh {
    margin-top: calc(84px * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-md-10xh {
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-md-n10xh {
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-md-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-md-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-md-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-md-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-md-n10xh {
    margin: calc(84px * -1) !important;
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-md-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-md-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(84px * -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: 0 !important;
    padding: var(--spacing-scale-default) !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-md-half {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-md-half,
  .py-md-half {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-nhalf {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-md-half {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-nhalf {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-md-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-md-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-nhalf {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-md-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-md-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-base {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-md-base,
  .py-md-base {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-nbase {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-md-base {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-nbase {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-md-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-md-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-nbase {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-md-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-md-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-baseh {
    padding: 12px !important;
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-md-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-md-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-md-baseh,
  .py-md-baseh {
    padding-top: 12px !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-md-nbaseh {
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-md-baseh {
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-md-nbaseh {
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-md-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-md-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-md-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-md-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-md-nbaseh {
    padding: calc(12px * -1) !important;
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-md-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-md-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-md-1 {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-md-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-md-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-md-n1 {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-md-n1 {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-md-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-md-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-n1 {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-md-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-md-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-md-2 {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-md-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-md-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-md-n2 {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-md-n2 {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-md-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-md-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-n2 {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-md-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-md-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-md-3 {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n3 {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-md-3 {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n3 {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-md-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-md-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-n3 {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-md-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-md-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-4 {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n4 {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-md-4 {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n4 {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-md-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-md-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-n4 {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-md-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-md-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-5 {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n5 {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-md-5 {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n5 {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-md-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-md-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-n5 {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-md-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-md-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-6 {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n6 {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-md-6 {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n6 {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-md-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-md-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-n6 {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-md-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-md-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-2x {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-md-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-md-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-md-2x,
  .py-md-2x {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-md-n2x {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-md-2x {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-md-n2x {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-md-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-md-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-md-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-md-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-n2x {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-md-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-md-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-md-2xh {
    padding: 20px !important;
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-md-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-md-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-md-2xh,
  .py-md-2xh {
    padding-top: 20px !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-md-n2xh {
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-md-2xh {
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-md-n2xh {
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-md-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-md-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-md-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-md-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-md-n2xh {
    padding: calc(20px * -1) !important;
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-md-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-md-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-md-3x {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-md-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-md-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-md-3x,
  .py-md-3x {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-md-n3x {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-md-3x {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-md-n3x {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-md-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-md-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-md-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-md-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-n3x {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-md-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-md-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-md-3xh {
    padding: 28px !important;
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-md-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-md-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-md-3xh,
  .py-md-3xh {
    padding-top: 28px !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-md-n3xh {
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-md-3xh {
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-md-n3xh {
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-md-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-md-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-md-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-md-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-md-n3xh {
    padding: calc(28px * -1) !important;
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-md-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-md-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-md-4x {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-md-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-md-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-md-4x,
  .py-md-4x {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-md-n4x {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-md-4x {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-md-n4x {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-md-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-md-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-md-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-md-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-n4x {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-md-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-md-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-md-4xh {
    padding: 36px !important;
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-md-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-md-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-md-4xh,
  .py-md-4xh {
    padding-top: 36px !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-md-n4xh {
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-md-4xh {
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-md-n4xh {
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-md-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-md-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-md-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-md-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-md-n4xh {
    padding: calc(36px * -1) !important;
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-md-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-md-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-md-5x {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-md-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-md-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-md-5x,
  .py-md-5x {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-md-n5x {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-md-5x {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-md-n5x {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-md-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-md-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-md-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-md-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-n5x {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-md-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-md-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-md-5xh {
    padding: 44px !important;
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-md-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-md-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-md-5xh,
  .py-md-5xh {
    padding-top: 44px !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-md-n5xh {
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-md-5xh {
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-md-n5xh {
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-md-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-md-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-md-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-md-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-md-n5xh {
    padding: calc(44px * -1) !important;
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-md-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-md-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-md-6x {
    padding: 48px !important;
    padding: var(--spacing-scale-6x) !important;
  }
  .px-md-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-md-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-md-6x,
  .py-md-6x {
    padding-top: 48px !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-md-n6x {
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-md-6x {
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-md-n6x {
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-md-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-md-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-md-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-md-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-md-n6x {
    padding: calc(48px * -1) !important;
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-md-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-md-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-md-6xh {
    padding: 52px !important;
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-md-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-md-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-md-6xh,
  .py-md-6xh {
    padding-top: 52px !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-md-n6xh {
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-md-6xh {
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-md-n6xh {
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-md-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-md-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-md-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-md-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-md-n6xh {
    padding: calc(52px * -1) !important;
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-md-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-md-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-md-7x {
    padding: 56px !important;
    padding: var(--spacing-scale-7x) !important;
  }
  .px-md-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-md-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-md-7x,
  .py-md-7x {
    padding-top: 56px !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-md-n7x {
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-md-7x {
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-md-n7x {
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-md-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-md-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-md-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-md-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-md-n7x {
    padding: calc(56px * -1) !important;
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-md-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-md-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-md-7xh {
    padding: 60px !important;
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-md-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-md-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-md-7xh,
  .py-md-7xh {
    padding-top: 60px !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-md-n7xh {
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-md-7xh {
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-md-n7xh {
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-md-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-md-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-md-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-md-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-md-n7xh {
    padding: calc(60px * -1) !important;
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-md-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-md-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-md-8x {
    padding: 64px !important;
    padding: var(--spacing-scale-8x) !important;
  }
  .px-md-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-md-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-md-8x,
  .py-md-8x {
    padding-top: 64px !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-md-n8x {
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-md-8x {
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-md-n8x {
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-md-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-md-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-md-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-md-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-md-n8x {
    padding: calc(64px * -1) !important;
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-md-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-md-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-md-8xh {
    padding: 68px !important;
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-md-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-md-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-md-8xh,
  .py-md-8xh {
    padding-top: 68px !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-md-n8xh {
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-md-8xh {
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-md-n8xh {
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-md-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-md-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-md-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-md-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-md-n8xh {
    padding: calc(68px * -1) !important;
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-md-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-md-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-md-9x {
    padding: 72px !important;
    padding: var(--spacing-scale-9x) !important;
  }
  .px-md-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-md-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-md-9x,
  .py-md-9x {
    padding-top: 72px !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-md-n9x {
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-md-9x {
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-md-n9x {
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-md-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-md-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-md-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-md-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-md-n9x {
    padding: calc(72px * -1) !important;
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-md-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-md-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-md-9xh {
    padding: 76px !important;
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-md-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-md-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-md-9xh,
  .py-md-9xh {
    padding-top: 76px !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-md-n9xh {
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-md-9xh {
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-md-n9xh {
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-md-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-md-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-md-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-md-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-md-n9xh {
    padding: calc(76px * -1) !important;
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-md-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-md-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-md-10x {
    padding: 80px !important;
    padding: var(--spacing-scale-10x) !important;
  }
  .px-md-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-md-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-md-10x,
  .py-md-10x {
    padding-top: 80px !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-md-n10x {
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-md-10x {
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-md-n10x {
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-md-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-md-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-md-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-md-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-md-n10x {
    padding: calc(80px * -1) !important;
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-md-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-md-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-md-10xh {
    padding: 84px !important;
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-md-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-md-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-md-10xh,
  .py-md-10xh {
    padding-top: 84px !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-md-n10xh {
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-md-10xh {
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-md-n10xh {
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-md-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-md-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-md-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-md-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-md-n10xh {
    padding: calc(84px * -1) !important;
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-md-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-md-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-0 {
    margin: 0 !important;
    margin: var(--spacing-scale-default) !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-lg-half {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-lg-half,
  .my-lg-half {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-nhalf {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-lg-half {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-nhalf {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-lg-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-lg-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-nhalf {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-lg-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-lg-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-base {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-lg-base,
  .my-lg-base {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-nbase {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-lg-base {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-nbase {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-lg-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-lg-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-nbase {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-lg-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-lg-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-baseh {
    margin: 12px !important;
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-lg-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-lg-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-baseh,
  .my-lg-baseh {
    margin-top: 12px !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-lg-nbaseh {
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-lg-baseh {
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-lg-nbaseh {
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-lg-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-lg-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-lg-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-lg-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-lg-nbaseh {
    margin: calc(12px * -1) !important;
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-lg-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-lg-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-lg-1 {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-lg-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-lg-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-lg-n1 {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-lg-n1 {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-lg-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-lg-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-n1 {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-lg-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-lg-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-lg-2 {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-lg-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-lg-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-lg-n2 {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-lg-n2 {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-lg-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-lg-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-n2 {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-lg-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-lg-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-lg-3 {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n3 {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-lg-3 {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n3 {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-lg-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-lg-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-n3 {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-lg-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-lg-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-4 {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n4 {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-lg-4 {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n4 {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-lg-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-lg-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-n4 {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-lg-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-lg-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-5 {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n5 {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-lg-5 {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n5 {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-lg-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-lg-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-n5 {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-lg-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-lg-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-6 {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n6 {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-lg-6 {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n6 {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-lg-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-lg-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-n6 {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-lg-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-lg-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-2x {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-lg-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-lg-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-lg-2x,
  .my-lg-2x {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-lg-n2x {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-lg-2x {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-lg-n2x {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-lg-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-lg-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-lg-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-lg-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-n2x {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-lg-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-lg-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-lg-2xh {
    margin: 20px !important;
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-lg-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-lg-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-2xh,
  .my-lg-2xh {
    margin-top: 20px !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-lg-n2xh {
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-lg-2xh {
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-lg-n2xh {
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-lg-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-lg-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-lg-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-lg-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-lg-n2xh {
    margin: calc(20px * -1) !important;
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-lg-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-lg-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-lg-3x {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-lg-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-lg-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-lg-3x,
  .my-lg-3x {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-lg-n3x {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-lg-3x {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-lg-n3x {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-lg-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-lg-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-lg-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-lg-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-n3x {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-lg-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-lg-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-lg-3xh {
    margin: 28px !important;
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-lg-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-lg-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-3xh,
  .my-lg-3xh {
    margin-top: 28px !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-lg-n3xh {
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-lg-3xh {
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-lg-n3xh {
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-lg-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-lg-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-lg-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-lg-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-lg-n3xh {
    margin: calc(28px * -1) !important;
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-lg-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-lg-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-lg-4x {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-lg-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-lg-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-lg-4x,
  .my-lg-4x {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-lg-n4x {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-lg-4x {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-lg-n4x {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-lg-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-lg-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-lg-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-lg-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-n4x {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-lg-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-lg-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-lg-4xh {
    margin: 36px !important;
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-lg-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-lg-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-4xh,
  .my-lg-4xh {
    margin-top: 36px !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-lg-n4xh {
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-lg-4xh {
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-lg-n4xh {
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-lg-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-lg-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-lg-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-lg-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-lg-n4xh {
    margin: calc(36px * -1) !important;
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-lg-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-lg-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-lg-5x {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-lg-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-lg-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-lg-5x,
  .my-lg-5x {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-lg-n5x {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-lg-5x {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-lg-n5x {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-lg-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-lg-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-lg-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-lg-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-n5x {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-lg-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-lg-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-lg-5xh {
    margin: 44px !important;
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-lg-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-lg-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-5xh,
  .my-lg-5xh {
    margin-top: 44px !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-lg-n5xh {
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-lg-5xh {
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-lg-n5xh {
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-lg-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-lg-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-lg-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-lg-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-lg-n5xh {
    margin: calc(44px * -1) !important;
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-lg-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-lg-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-lg-6x {
    margin: 48px !important;
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-lg-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-lg-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-lg-6x,
  .my-lg-6x {
    margin-top: 48px !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-lg-n6x {
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-lg-6x {
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-lg-n6x {
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-lg-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-lg-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-lg-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-lg-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-lg-n6x {
    margin: calc(48px * -1) !important;
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-lg-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-lg-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-lg-6xh {
    margin: 52px !important;
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-lg-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-lg-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-6xh,
  .my-lg-6xh {
    margin-top: 52px !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-lg-n6xh {
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-lg-6xh {
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-lg-n6xh {
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-lg-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-lg-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-lg-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-lg-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-lg-n6xh {
    margin: calc(52px * -1) !important;
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-lg-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-lg-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-lg-7x {
    margin: 56px !important;
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-lg-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-lg-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-lg-7x,
  .my-lg-7x {
    margin-top: 56px !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-lg-n7x {
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-lg-7x {
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-lg-n7x {
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-lg-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-lg-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-lg-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-lg-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-lg-n7x {
    margin: calc(56px * -1) !important;
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-lg-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-lg-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-lg-7xh {
    margin: 60px !important;
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-lg-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-lg-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-7xh,
  .my-lg-7xh {
    margin-top: 60px !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-lg-n7xh {
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-lg-7xh {
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-lg-n7xh {
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-lg-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-lg-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-lg-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-lg-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-lg-n7xh {
    margin: calc(60px * -1) !important;
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-lg-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-lg-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-lg-8x {
    margin: 64px !important;
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-lg-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-lg-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-lg-8x,
  .my-lg-8x {
    margin-top: 64px !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-lg-n8x {
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-lg-8x {
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-lg-n8x {
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-lg-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-lg-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-lg-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-lg-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-lg-n8x {
    margin: calc(64px * -1) !important;
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-lg-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-lg-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-lg-8xh {
    margin: 68px !important;
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-lg-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-lg-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-8xh,
  .my-lg-8xh {
    margin-top: 68px !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-lg-n8xh {
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-lg-8xh {
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-lg-n8xh {
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-lg-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-lg-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-lg-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-lg-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-lg-n8xh {
    margin: calc(68px * -1) !important;
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-lg-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-lg-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-lg-9x {
    margin: 72px !important;
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-lg-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-lg-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-lg-9x,
  .my-lg-9x {
    margin-top: 72px !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-lg-n9x {
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-lg-9x {
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-lg-n9x {
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-lg-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-lg-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-lg-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-lg-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-lg-n9x {
    margin: calc(72px * -1) !important;
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-lg-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-lg-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-lg-9xh {
    margin: 76px !important;
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-lg-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-lg-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-9xh,
  .my-lg-9xh {
    margin-top: 76px !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-lg-n9xh {
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-lg-9xh {
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-lg-n9xh {
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-lg-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-lg-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-lg-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-lg-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-lg-n9xh {
    margin: calc(76px * -1) !important;
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-lg-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-lg-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-lg-10x {
    margin: 80px !important;
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-lg-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-lg-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-lg-10x,
  .my-lg-10x {
    margin-top: 80px !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-lg-n10x {
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-lg-10x {
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-lg-n10x {
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-lg-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-lg-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-lg-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-lg-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-lg-n10x {
    margin: calc(80px * -1) !important;
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-lg-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-lg-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-lg-10xh {
    margin: 84px !important;
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-lg-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-lg-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-10xh,
  .my-lg-10xh {
    margin-top: 84px !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-lg-n10xh {
    margin-top: calc(84px * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-lg-10xh {
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-lg-n10xh {
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-lg-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-lg-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-lg-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-lg-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-lg-n10xh {
    margin: calc(84px * -1) !important;
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-lg-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-lg-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(84px * -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: 0 !important;
    padding: var(--spacing-scale-default) !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-lg-half {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-lg-half,
  .py-lg-half {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-nhalf {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-lg-half {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-nhalf {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-lg-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-lg-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-nhalf {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-lg-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-lg-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-base {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-lg-base,
  .py-lg-base {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-nbase {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-lg-base {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-nbase {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-lg-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-lg-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-nbase {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-lg-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-lg-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-baseh {
    padding: 12px !important;
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-lg-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-lg-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-baseh,
  .py-lg-baseh {
    padding-top: 12px !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-lg-nbaseh {
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-lg-baseh {
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-lg-nbaseh {
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-lg-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-lg-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-lg-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-lg-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-lg-nbaseh {
    padding: calc(12px * -1) !important;
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-lg-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-lg-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-lg-1 {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-lg-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-lg-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-lg-n1 {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-lg-n1 {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-lg-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-lg-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-n1 {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-lg-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-lg-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-lg-2 {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-lg-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-lg-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-lg-n2 {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-lg-n2 {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-lg-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-lg-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-n2 {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-lg-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-lg-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-lg-3 {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n3 {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-lg-3 {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n3 {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-lg-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-lg-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-n3 {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-lg-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-lg-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-4 {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n4 {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-lg-4 {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n4 {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-lg-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-lg-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-n4 {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-lg-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-lg-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-5 {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n5 {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-lg-5 {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n5 {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-lg-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-lg-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-n5 {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-lg-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-lg-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-6 {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n6 {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-lg-6 {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n6 {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-lg-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-lg-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-n6 {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-lg-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-lg-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-2x {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-lg-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-lg-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-lg-2x,
  .py-lg-2x {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-lg-n2x {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-lg-2x {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-lg-n2x {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-lg-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-lg-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-lg-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-lg-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-n2x {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-lg-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-lg-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-lg-2xh {
    padding: 20px !important;
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-lg-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-lg-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-2xh,
  .py-lg-2xh {
    padding-top: 20px !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-lg-n2xh {
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-lg-2xh {
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-lg-n2xh {
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-lg-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-lg-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-lg-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-lg-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-lg-n2xh {
    padding: calc(20px * -1) !important;
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-lg-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-lg-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-lg-3x {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-lg-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-lg-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-lg-3x,
  .py-lg-3x {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-lg-n3x {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-lg-3x {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-lg-n3x {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-lg-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-lg-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-lg-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-lg-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-n3x {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-lg-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-lg-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-lg-3xh {
    padding: 28px !important;
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-lg-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-lg-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-3xh,
  .py-lg-3xh {
    padding-top: 28px !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-lg-n3xh {
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-lg-3xh {
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-lg-n3xh {
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-lg-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-lg-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-lg-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-lg-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-lg-n3xh {
    padding: calc(28px * -1) !important;
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-lg-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-lg-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-lg-4x {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-lg-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-lg-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-lg-4x,
  .py-lg-4x {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-lg-n4x {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-lg-4x {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-lg-n4x {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-lg-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-lg-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-lg-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-lg-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-n4x {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-lg-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-lg-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-lg-4xh {
    padding: 36px !important;
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-lg-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-lg-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-4xh,
  .py-lg-4xh {
    padding-top: 36px !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-lg-n4xh {
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-lg-4xh {
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-lg-n4xh {
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-lg-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-lg-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-lg-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-lg-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-lg-n4xh {
    padding: calc(36px * -1) !important;
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-lg-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-lg-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-lg-5x {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-lg-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-lg-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-lg-5x,
  .py-lg-5x {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-lg-n5x {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-lg-5x {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-lg-n5x {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-lg-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-lg-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-lg-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-lg-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-n5x {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-lg-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-lg-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-lg-5xh {
    padding: 44px !important;
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-lg-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-lg-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-5xh,
  .py-lg-5xh {
    padding-top: 44px !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-lg-n5xh {
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-lg-5xh {
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-lg-n5xh {
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-lg-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-lg-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-lg-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-lg-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-lg-n5xh {
    padding: calc(44px * -1) !important;
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-lg-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-lg-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-lg-6x {
    padding: 48px !important;
    padding: var(--spacing-scale-6x) !important;
  }
  .px-lg-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-lg-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-lg-6x,
  .py-lg-6x {
    padding-top: 48px !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-lg-n6x {
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-lg-6x {
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-lg-n6x {
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-lg-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-lg-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-lg-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-lg-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-lg-n6x {
    padding: calc(48px * -1) !important;
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-lg-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-lg-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-lg-6xh {
    padding: 52px !important;
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-lg-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-lg-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-6xh,
  .py-lg-6xh {
    padding-top: 52px !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-lg-n6xh {
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-lg-6xh {
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-lg-n6xh {
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-lg-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-lg-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-lg-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-lg-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-lg-n6xh {
    padding: calc(52px * -1) !important;
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-lg-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-lg-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-lg-7x {
    padding: 56px !important;
    padding: var(--spacing-scale-7x) !important;
  }
  .px-lg-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-lg-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-lg-7x,
  .py-lg-7x {
    padding-top: 56px !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-lg-n7x {
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-lg-7x {
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-lg-n7x {
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-lg-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-lg-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-lg-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-lg-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-lg-n7x {
    padding: calc(56px * -1) !important;
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-lg-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-lg-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-lg-7xh {
    padding: 60px !important;
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-lg-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-lg-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-7xh,
  .py-lg-7xh {
    padding-top: 60px !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-lg-n7xh {
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-lg-7xh {
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-lg-n7xh {
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-lg-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-lg-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-lg-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-lg-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-lg-n7xh {
    padding: calc(60px * -1) !important;
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-lg-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-lg-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-lg-8x {
    padding: 64px !important;
    padding: var(--spacing-scale-8x) !important;
  }
  .px-lg-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-lg-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-lg-8x,
  .py-lg-8x {
    padding-top: 64px !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-lg-n8x {
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-lg-8x {
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-lg-n8x {
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-lg-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-lg-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-lg-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-lg-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-lg-n8x {
    padding: calc(64px * -1) !important;
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-lg-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-lg-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-lg-8xh {
    padding: 68px !important;
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-lg-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-lg-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-8xh,
  .py-lg-8xh {
    padding-top: 68px !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-lg-n8xh {
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-lg-8xh {
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-lg-n8xh {
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-lg-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-lg-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-lg-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-lg-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-lg-n8xh {
    padding: calc(68px * -1) !important;
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-lg-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-lg-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-lg-9x {
    padding: 72px !important;
    padding: var(--spacing-scale-9x) !important;
  }
  .px-lg-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-lg-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-lg-9x,
  .py-lg-9x {
    padding-top: 72px !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-lg-n9x {
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-lg-9x {
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-lg-n9x {
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-lg-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-lg-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-lg-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-lg-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-lg-n9x {
    padding: calc(72px * -1) !important;
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-lg-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-lg-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-lg-9xh {
    padding: 76px !important;
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-lg-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-lg-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-9xh,
  .py-lg-9xh {
    padding-top: 76px !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-lg-n9xh {
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-lg-9xh {
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-lg-n9xh {
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-lg-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-lg-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-lg-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-lg-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-lg-n9xh {
    padding: calc(76px * -1) !important;
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-lg-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-lg-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-lg-10x {
    padding: 80px !important;
    padding: var(--spacing-scale-10x) !important;
  }
  .px-lg-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-lg-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-lg-10x,
  .py-lg-10x {
    padding-top: 80px !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-lg-n10x {
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-lg-10x {
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-lg-n10x {
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-lg-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-lg-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-lg-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-lg-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-lg-n10x {
    padding: calc(80px * -1) !important;
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-lg-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-lg-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-lg-10xh {
    padding: 84px !important;
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-lg-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-lg-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-10xh,
  .py-lg-10xh {
    padding-top: 84px !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-lg-n10xh {
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-lg-10xh {
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-lg-n10xh {
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-lg-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-lg-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-lg-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-lg-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-lg-n10xh {
    padding: calc(84px * -1) !important;
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-lg-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-lg-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
@media (min-width: 1600px) {
  .m-xl-0 {
    margin: 0 !important;
    margin: var(--spacing-scale-default) !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
    margin-top: var(--spacing-scale-default) !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
    margin-right: var(--spacing-scale-default) !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
    margin-bottom: var(--spacing-scale-default) !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
    margin-left: var(--spacing-scale-default) !important;
  }
  .m-xl-half {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-xl-half,
  .my-xl-half {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-nhalf {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-xl-half {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-nhalf {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-xl-half {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-xl-half {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-nhalf {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-xl-nhalf {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-xl-nhalf {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-base {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-xl-base,
  .my-xl-base {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-nbase {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-xl-base {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-nbase {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-xl-base {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-xl-base {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-nbase {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-xl-nbase {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-xl-nbase {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-baseh {
    margin: 12px !important;
    margin: var(--spacing-scale-baseh) !important;
  }
  .mx-xl-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .my-xl-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-baseh,
  .my-xl-baseh {
    margin-top: 12px !important;
    margin-top: var(--spacing-scale-baseh) !important;
  }
  .mt-xl-nbaseh {
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mr-xl-baseh {
    margin-right: 12px !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }
  .mr-xl-nbaseh {
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mb-xl-baseh {
    margin-bottom: 12px !important;
    margin-bottom: var(--spacing-scale-baseh) !important;
  }
  .mb-xl-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .ml-xl-baseh {
    margin-left: 12px !important;
    margin-left: var(--spacing-scale-baseh) !important;
  }
  .ml-xl-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-xl-nbaseh {
    margin: calc(12px * -1) !important;
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .mx-xl-nbaseh {
    margin-left: calc(12px * -1) !important;
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(12px * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .my-xl-nbaseh {
    margin-bottom: calc(12px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(12px * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .m-xl-1 {
    margin: 4px !important;
    margin: var(--spacing-scale-half) !important;
  }
  .mx-xl-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .my-xl-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 4px !important;
    margin-top: var(--spacing-scale-half) !important;
  }
  .mt-xl-n1 {
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mr-xl-1 {
    margin-right: 4px !important;
    margin-right: var(--spacing-scale-half) !important;
  }
  .mr-xl-n1 {
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mb-xl-1 {
    margin-bottom: 4px !important;
    margin-bottom: var(--spacing-scale-half) !important;
  }
  .mb-xl-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .ml-xl-1 {
    margin-left: 4px !important;
    margin-left: var(--spacing-scale-half) !important;
  }
  .ml-xl-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-n1 {
    margin: calc(4px * -1) !important;
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }
  .mx-xl-n1 {
    margin-left: calc(4px * -1) !important;
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(4px * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .my-xl-n1 {
    margin-bottom: calc(4px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(4px * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .m-xl-2 {
    margin: 8px !important;
    margin: var(--spacing-scale-base) !important;
  }
  .mx-xl-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .my-xl-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 8px !important;
    margin-top: var(--spacing-scale-base) !important;
  }
  .mt-xl-n2 {
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mr-xl-2 {
    margin-right: 8px !important;
    margin-right: var(--spacing-scale-base) !important;
  }
  .mr-xl-n2 {
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mb-xl-2 {
    margin-bottom: 8px !important;
    margin-bottom: var(--spacing-scale-base) !important;
  }
  .mb-xl-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .ml-xl-2 {
    margin-left: 8px !important;
    margin-left: var(--spacing-scale-base) !important;
  }
  .ml-xl-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-n2 {
    margin: calc(8px * -1) !important;
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }
  .mx-xl-n2 {
    margin-left: calc(8px * -1) !important;
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(8px * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .my-xl-n2 {
    margin-bottom: calc(8px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(8px * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .m-xl-3 {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n3 {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-xl-3 {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n3 {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-xl-3 {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-xl-3 {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-n3 {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-xl-n3 {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-xl-n3 {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-4 {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n4 {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-xl-4 {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n4 {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-xl-4 {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-xl-4 {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-n4 {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-xl-n4 {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-xl-n4 {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-5 {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n5 {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-xl-5 {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n5 {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-xl-5 {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-xl-5 {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-n5 {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-xl-n5 {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-xl-n5 {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-6 {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n6 {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-xl-6 {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n6 {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-xl-6 {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-xl-6 {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-n6 {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-xl-n6 {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-xl-n6 {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-2x {
    margin: 16px !important;
    margin: var(--spacing-scale-2x) !important;
  }
  .mx-xl-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .my-xl-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mt-xl-2x,
  .my-xl-2x {
    margin-top: 16px !important;
    margin-top: var(--spacing-scale-2x) !important;
  }
  .mt-xl-n2x {
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mr-xl-2x {
    margin-right: 16px !important;
    margin-right: var(--spacing-scale-2x) !important;
  }
  .mr-xl-n2x {
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mb-xl-2x {
    margin-bottom: 16px !important;
    margin-bottom: var(--spacing-scale-2x) !important;
  }
  .mb-xl-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .ml-xl-2x {
    margin-left: 16px !important;
    margin-left: var(--spacing-scale-2x) !important;
  }
  .ml-xl-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-n2x {
    margin: calc(16px * -1) !important;
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .mx-xl-n2x {
    margin-left: calc(16px * -1) !important;
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(16px * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .my-xl-n2x {
    margin-bottom: calc(16px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(16px * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .m-xl-2xh {
    margin: 20px !important;
    margin: var(--spacing-scale-2xh) !important;
  }
  .mx-xl-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .my-xl-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-2xh,
  .my-xl-2xh {
    margin-top: 20px !important;
    margin-top: var(--spacing-scale-2xh) !important;
  }
  .mt-xl-n2xh {
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mr-xl-2xh {
    margin-right: 20px !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }
  .mr-xl-n2xh {
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mb-xl-2xh {
    margin-bottom: 20px !important;
    margin-bottom: var(--spacing-scale-2xh) !important;
  }
  .mb-xl-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .ml-xl-2xh {
    margin-left: 20px !important;
    margin-left: var(--spacing-scale-2xh) !important;
  }
  .ml-xl-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-xl-n2xh {
    margin: calc(20px * -1) !important;
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .mx-xl-n2xh {
    margin-left: calc(20px * -1) !important;
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(20px * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .my-xl-n2xh {
    margin-bottom: calc(20px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(20px * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .m-xl-3x {
    margin: 24px !important;
    margin: var(--spacing-scale-3x) !important;
  }
  .mx-xl-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .my-xl-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mt-xl-3x,
  .my-xl-3x {
    margin-top: 24px !important;
    margin-top: var(--spacing-scale-3x) !important;
  }
  .mt-xl-n3x {
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mr-xl-3x {
    margin-right: 24px !important;
    margin-right: var(--spacing-scale-3x) !important;
  }
  .mr-xl-n3x {
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mb-xl-3x {
    margin-bottom: 24px !important;
    margin-bottom: var(--spacing-scale-3x) !important;
  }
  .mb-xl-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .ml-xl-3x {
    margin-left: 24px !important;
    margin-left: var(--spacing-scale-3x) !important;
  }
  .ml-xl-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-n3x {
    margin: calc(24px * -1) !important;
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .mx-xl-n3x {
    margin-left: calc(24px * -1) !important;
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(24px * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .my-xl-n3x {
    margin-bottom: calc(24px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(24px * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .m-xl-3xh {
    margin: 28px !important;
    margin: var(--spacing-scale-3xh) !important;
  }
  .mx-xl-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .my-xl-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-3xh,
  .my-xl-3xh {
    margin-top: 28px !important;
    margin-top: var(--spacing-scale-3xh) !important;
  }
  .mt-xl-n3xh {
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mr-xl-3xh {
    margin-right: 28px !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }
  .mr-xl-n3xh {
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mb-xl-3xh {
    margin-bottom: 28px !important;
    margin-bottom: var(--spacing-scale-3xh) !important;
  }
  .mb-xl-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .ml-xl-3xh {
    margin-left: 28px !important;
    margin-left: var(--spacing-scale-3xh) !important;
  }
  .ml-xl-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-xl-n3xh {
    margin: calc(28px * -1) !important;
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .mx-xl-n3xh {
    margin-left: calc(28px * -1) !important;
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(28px * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .my-xl-n3xh {
    margin-bottom: calc(28px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(28px * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .m-xl-4x {
    margin: 32px !important;
    margin: var(--spacing-scale-4x) !important;
  }
  .mx-xl-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .my-xl-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mt-xl-4x,
  .my-xl-4x {
    margin-top: 32px !important;
    margin-top: var(--spacing-scale-4x) !important;
  }
  .mt-xl-n4x {
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mr-xl-4x {
    margin-right: 32px !important;
    margin-right: var(--spacing-scale-4x) !important;
  }
  .mr-xl-n4x {
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mb-xl-4x {
    margin-bottom: 32px !important;
    margin-bottom: var(--spacing-scale-4x) !important;
  }
  .mb-xl-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .ml-xl-4x {
    margin-left: 32px !important;
    margin-left: var(--spacing-scale-4x) !important;
  }
  .ml-xl-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-n4x {
    margin: calc(32px * -1) !important;
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .mx-xl-n4x {
    margin-left: calc(32px * -1) !important;
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(32px * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .my-xl-n4x {
    margin-bottom: calc(32px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(32px * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .m-xl-4xh {
    margin: 36px !important;
    margin: var(--spacing-scale-4xh) !important;
  }
  .mx-xl-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .my-xl-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-4xh,
  .my-xl-4xh {
    margin-top: 36px !important;
    margin-top: var(--spacing-scale-4xh) !important;
  }
  .mt-xl-n4xh {
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mr-xl-4xh {
    margin-right: 36px !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }
  .mr-xl-n4xh {
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mb-xl-4xh {
    margin-bottom: 36px !important;
    margin-bottom: var(--spacing-scale-4xh) !important;
  }
  .mb-xl-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .ml-xl-4xh {
    margin-left: 36px !important;
    margin-left: var(--spacing-scale-4xh) !important;
  }
  .ml-xl-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-xl-n4xh {
    margin: calc(36px * -1) !important;
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .mx-xl-n4xh {
    margin-left: calc(36px * -1) !important;
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(36px * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .my-xl-n4xh {
    margin-bottom: calc(36px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(36px * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .m-xl-5x {
    margin: 40px !important;
    margin: var(--spacing-scale-5x) !important;
  }
  .mx-xl-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .my-xl-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mt-xl-5x,
  .my-xl-5x {
    margin-top: 40px !important;
    margin-top: var(--spacing-scale-5x) !important;
  }
  .mt-xl-n5x {
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mr-xl-5x {
    margin-right: 40px !important;
    margin-right: var(--spacing-scale-5x) !important;
  }
  .mr-xl-n5x {
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mb-xl-5x {
    margin-bottom: 40px !important;
    margin-bottom: var(--spacing-scale-5x) !important;
  }
  .mb-xl-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .ml-xl-5x {
    margin-left: 40px !important;
    margin-left: var(--spacing-scale-5x) !important;
  }
  .ml-xl-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-n5x {
    margin: calc(40px * -1) !important;
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .mx-xl-n5x {
    margin-left: calc(40px * -1) !important;
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(40px * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .my-xl-n5x {
    margin-bottom: calc(40px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(40px * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .m-xl-5xh {
    margin: 44px !important;
    margin: var(--spacing-scale-5xh) !important;
  }
  .mx-xl-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .my-xl-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-5xh,
  .my-xl-5xh {
    margin-top: 44px !important;
    margin-top: var(--spacing-scale-5xh) !important;
  }
  .mt-xl-n5xh {
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mr-xl-5xh {
    margin-right: 44px !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }
  .mr-xl-n5xh {
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mb-xl-5xh {
    margin-bottom: 44px !important;
    margin-bottom: var(--spacing-scale-5xh) !important;
  }
  .mb-xl-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .ml-xl-5xh {
    margin-left: 44px !important;
    margin-left: var(--spacing-scale-5xh) !important;
  }
  .ml-xl-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-xl-n5xh {
    margin: calc(44px * -1) !important;
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .mx-xl-n5xh {
    margin-left: calc(44px * -1) !important;
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(44px * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .my-xl-n5xh {
    margin-bottom: calc(44px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(44px * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .m-xl-6x {
    margin: 48px !important;
    margin: var(--spacing-scale-6x) !important;
  }
  .mx-xl-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .my-xl-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mt-xl-6x,
  .my-xl-6x {
    margin-top: 48px !important;
    margin-top: var(--spacing-scale-6x) !important;
  }
  .mt-xl-n6x {
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mr-xl-6x {
    margin-right: 48px !important;
    margin-right: var(--spacing-scale-6x) !important;
  }
  .mr-xl-n6x {
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mb-xl-6x {
    margin-bottom: 48px !important;
    margin-bottom: var(--spacing-scale-6x) !important;
  }
  .mb-xl-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .ml-xl-6x {
    margin-left: 48px !important;
    margin-left: var(--spacing-scale-6x) !important;
  }
  .ml-xl-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-xl-n6x {
    margin: calc(48px * -1) !important;
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .mx-xl-n6x {
    margin-left: calc(48px * -1) !important;
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(48px * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .my-xl-n6x {
    margin-bottom: calc(48px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(48px * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .m-xl-6xh {
    margin: 52px !important;
    margin: var(--spacing-scale-6xh) !important;
  }
  .mx-xl-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .my-xl-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-6xh,
  .my-xl-6xh {
    margin-top: 52px !important;
    margin-top: var(--spacing-scale-6xh) !important;
  }
  .mt-xl-n6xh {
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mr-xl-6xh {
    margin-right: 52px !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }
  .mr-xl-n6xh {
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mb-xl-6xh {
    margin-bottom: 52px !important;
    margin-bottom: var(--spacing-scale-6xh) !important;
  }
  .mb-xl-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .ml-xl-6xh {
    margin-left: 52px !important;
    margin-left: var(--spacing-scale-6xh) !important;
  }
  .ml-xl-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-xl-n6xh {
    margin: calc(52px * -1) !important;
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .mx-xl-n6xh {
    margin-left: calc(52px * -1) !important;
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(52px * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .my-xl-n6xh {
    margin-bottom: calc(52px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(52px * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .m-xl-7x {
    margin: 56px !important;
    margin: var(--spacing-scale-7x) !important;
  }
  .mx-xl-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .my-xl-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mt-xl-7x,
  .my-xl-7x {
    margin-top: 56px !important;
    margin-top: var(--spacing-scale-7x) !important;
  }
  .mt-xl-n7x {
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mr-xl-7x {
    margin-right: 56px !important;
    margin-right: var(--spacing-scale-7x) !important;
  }
  .mr-xl-n7x {
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mb-xl-7x {
    margin-bottom: 56px !important;
    margin-bottom: var(--spacing-scale-7x) !important;
  }
  .mb-xl-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .ml-xl-7x {
    margin-left: 56px !important;
    margin-left: var(--spacing-scale-7x) !important;
  }
  .ml-xl-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-xl-n7x {
    margin: calc(56px * -1) !important;
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .mx-xl-n7x {
    margin-left: calc(56px * -1) !important;
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(56px * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .my-xl-n7x {
    margin-bottom: calc(56px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(56px * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .m-xl-7xh {
    margin: 60px !important;
    margin: var(--spacing-scale-7xh) !important;
  }
  .mx-xl-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .my-xl-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-7xh,
  .my-xl-7xh {
    margin-top: 60px !important;
    margin-top: var(--spacing-scale-7xh) !important;
  }
  .mt-xl-n7xh {
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mr-xl-7xh {
    margin-right: 60px !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }
  .mr-xl-n7xh {
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mb-xl-7xh {
    margin-bottom: 60px !important;
    margin-bottom: var(--spacing-scale-7xh) !important;
  }
  .mb-xl-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .ml-xl-7xh {
    margin-left: 60px !important;
    margin-left: var(--spacing-scale-7xh) !important;
  }
  .ml-xl-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-xl-n7xh {
    margin: calc(60px * -1) !important;
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .mx-xl-n7xh {
    margin-left: calc(60px * -1) !important;
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(60px * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .my-xl-n7xh {
    margin-bottom: calc(60px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(60px * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .m-xl-8x {
    margin: 64px !important;
    margin: var(--spacing-scale-8x) !important;
  }
  .mx-xl-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .my-xl-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mt-xl-8x,
  .my-xl-8x {
    margin-top: 64px !important;
    margin-top: var(--spacing-scale-8x) !important;
  }
  .mt-xl-n8x {
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mr-xl-8x {
    margin-right: 64px !important;
    margin-right: var(--spacing-scale-8x) !important;
  }
  .mr-xl-n8x {
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mb-xl-8x {
    margin-bottom: 64px !important;
    margin-bottom: var(--spacing-scale-8x) !important;
  }
  .mb-xl-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .ml-xl-8x {
    margin-left: 64px !important;
    margin-left: var(--spacing-scale-8x) !important;
  }
  .ml-xl-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-xl-n8x {
    margin: calc(64px * -1) !important;
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .mx-xl-n8x {
    margin-left: calc(64px * -1) !important;
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(64px * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .my-xl-n8x {
    margin-bottom: calc(64px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(64px * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .m-xl-8xh {
    margin: 68px !important;
    margin: var(--spacing-scale-8xh) !important;
  }
  .mx-xl-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .my-xl-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-8xh,
  .my-xl-8xh {
    margin-top: 68px !important;
    margin-top: var(--spacing-scale-8xh) !important;
  }
  .mt-xl-n8xh {
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mr-xl-8xh {
    margin-right: 68px !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }
  .mr-xl-n8xh {
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mb-xl-8xh {
    margin-bottom: 68px !important;
    margin-bottom: var(--spacing-scale-8xh) !important;
  }
  .mb-xl-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .ml-xl-8xh {
    margin-left: 68px !important;
    margin-left: var(--spacing-scale-8xh) !important;
  }
  .ml-xl-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-xl-n8xh {
    margin: calc(68px * -1) !important;
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .mx-xl-n8xh {
    margin-left: calc(68px * -1) !important;
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(68px * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .my-xl-n8xh {
    margin-bottom: calc(68px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(68px * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .m-xl-9x {
    margin: 72px !important;
    margin: var(--spacing-scale-9x) !important;
  }
  .mx-xl-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .my-xl-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mt-xl-9x,
  .my-xl-9x {
    margin-top: 72px !important;
    margin-top: var(--spacing-scale-9x) !important;
  }
  .mt-xl-n9x {
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mr-xl-9x {
    margin-right: 72px !important;
    margin-right: var(--spacing-scale-9x) !important;
  }
  .mr-xl-n9x {
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mb-xl-9x {
    margin-bottom: 72px !important;
    margin-bottom: var(--spacing-scale-9x) !important;
  }
  .mb-xl-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .ml-xl-9x {
    margin-left: 72px !important;
    margin-left: var(--spacing-scale-9x) !important;
  }
  .ml-xl-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-xl-n9x {
    margin: calc(72px * -1) !important;
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .mx-xl-n9x {
    margin-left: calc(72px * -1) !important;
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(72px * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .my-xl-n9x {
    margin-bottom: calc(72px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(72px * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .m-xl-9xh {
    margin: 76px !important;
    margin: var(--spacing-scale-9xh) !important;
  }
  .mx-xl-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .my-xl-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-9xh,
  .my-xl-9xh {
    margin-top: 76px !important;
    margin-top: var(--spacing-scale-9xh) !important;
  }
  .mt-xl-n9xh {
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mr-xl-9xh {
    margin-right: 76px !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }
  .mr-xl-n9xh {
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mb-xl-9xh {
    margin-bottom: 76px !important;
    margin-bottom: var(--spacing-scale-9xh) !important;
  }
  .mb-xl-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .ml-xl-9xh {
    margin-left: 76px !important;
    margin-left: var(--spacing-scale-9xh) !important;
  }
  .ml-xl-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-xl-n9xh {
    margin: calc(76px * -1) !important;
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .mx-xl-n9xh {
    margin-left: calc(76px * -1) !important;
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(76px * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .my-xl-n9xh {
    margin-bottom: calc(76px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(76px * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .m-xl-10x {
    margin: 80px !important;
    margin: var(--spacing-scale-10x) !important;
  }
  .mx-xl-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .my-xl-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mt-xl-10x,
  .my-xl-10x {
    margin-top: 80px !important;
    margin-top: var(--spacing-scale-10x) !important;
  }
  .mt-xl-n10x {
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mr-xl-10x {
    margin-right: 80px !important;
    margin-right: var(--spacing-scale-10x) !important;
  }
  .mr-xl-n10x {
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mb-xl-10x {
    margin-bottom: 80px !important;
    margin-bottom: var(--spacing-scale-10x) !important;
  }
  .mb-xl-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .ml-xl-10x {
    margin-left: 80px !important;
    margin-left: var(--spacing-scale-10x) !important;
  }
  .ml-xl-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-xl-n10x {
    margin: calc(80px * -1) !important;
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .mx-xl-n10x {
    margin-left: calc(80px * -1) !important;
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(80px * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .my-xl-n10x {
    margin-bottom: calc(80px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(80px * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .m-xl-10xh {
    margin: 84px !important;
    margin: var(--spacing-scale-10xh) !important;
  }
  .mx-xl-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .my-xl-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-10xh,
  .my-xl-10xh {
    margin-top: 84px !important;
    margin-top: var(--spacing-scale-10xh) !important;
  }
  .mt-xl-n10xh {
    margin-top: calc(84px * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mr-xl-10xh {
    margin-right: 84px !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }
  .mr-xl-n10xh {
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mb-xl-10xh {
    margin-bottom: 84px !important;
    margin-bottom: var(--spacing-scale-10xh) !important;
  }
  .mb-xl-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .ml-xl-10xh {
    margin-left: 84px !important;
    margin-left: var(--spacing-scale-10xh) !important;
  }
  .ml-xl-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .m-xl-n10xh {
    margin: calc(84px * -1) !important;
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .mx-xl-n10xh {
    margin-left: calc(84px * -1) !important;
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(84px * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .my-xl-n10xh {
    margin-bottom: calc(84px * -1) !important;
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(84px * -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: 0 !important;
    padding: var(--spacing-scale-default) !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
    padding-top: var(--spacing-scale-default) !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
    padding-right: var(--spacing-scale-default) !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
    padding-bottom: var(--spacing-scale-default) !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
    padding-left: var(--spacing-scale-default) !important;
  }
  .p-xl-half {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-xl-half,
  .py-xl-half {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-nhalf {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-xl-half {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-nhalf {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-xl-half {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-xl-half {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-nhalf {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-xl-nhalf {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-xl-nhalf {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-base {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-xl-base,
  .py-xl-base {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-nbase {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-xl-base {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-nbase {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-xl-base {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-xl-base {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-nbase {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-xl-nbase {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-xl-nbase {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-baseh {
    padding: 12px !important;
    padding: var(--spacing-scale-baseh) !important;
  }
  .px-xl-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .py-xl-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-baseh,
  .py-xl-baseh {
    padding-top: 12px !important;
    padding-top: var(--spacing-scale-baseh) !important;
  }
  .pt-xl-nbaseh {
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pr-xl-baseh {
    padding-right: 12px !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }
  .pr-xl-nbaseh {
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pb-xl-baseh {
    padding-bottom: 12px !important;
    padding-bottom: var(--spacing-scale-baseh) !important;
  }
  .pb-xl-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .pl-xl-baseh {
    padding-left: 12px !important;
    padding-left: var(--spacing-scale-baseh) !important;
  }
  .pl-xl-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-xl-nbaseh {
    padding: calc(12px * -1) !important;
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .px-xl-nbaseh {
    padding-left: calc(12px * -1) !important;
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(12px * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .py-xl-nbaseh {
    padding-bottom: calc(12px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(12px * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }
  .p-xl-1 {
    padding: 4px !important;
    padding: var(--spacing-scale-half) !important;
  }
  .px-xl-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .py-xl-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 4px !important;
    padding-top: var(--spacing-scale-half) !important;
  }
  .pt-xl-n1 {
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pr-xl-1 {
    padding-right: 4px !important;
    padding-right: var(--spacing-scale-half) !important;
  }
  .pr-xl-n1 {
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pb-xl-1 {
    padding-bottom: 4px !important;
    padding-bottom: var(--spacing-scale-half) !important;
  }
  .pb-xl-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }
  .pl-xl-1 {
    padding-left: 4px !important;
    padding-left: var(--spacing-scale-half) !important;
  }
  .pl-xl-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-n1 {
    padding: calc(4px * -1) !important;
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }
  .px-xl-n1 {
    padding-left: calc(4px * -1) !important;
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(4px * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }
  .py-xl-n1 {
    padding-bottom: calc(4px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(4px * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }
  .p-xl-2 {
    padding: 8px !important;
    padding: var(--spacing-scale-base) !important;
  }
  .px-xl-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .py-xl-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 8px !important;
    padding-top: var(--spacing-scale-base) !important;
  }
  .pt-xl-n2 {
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pr-xl-2 {
    padding-right: 8px !important;
    padding-right: var(--spacing-scale-base) !important;
  }
  .pr-xl-n2 {
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pb-xl-2 {
    padding-bottom: 8px !important;
    padding-bottom: var(--spacing-scale-base) !important;
  }
  .pb-xl-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }
  .pl-xl-2 {
    padding-left: 8px !important;
    padding-left: var(--spacing-scale-base) !important;
  }
  .pl-xl-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-n2 {
    padding: calc(8px * -1) !important;
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }
  .px-xl-n2 {
    padding-left: calc(8px * -1) !important;
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(8px * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }
  .py-xl-n2 {
    padding-bottom: calc(8px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(8px * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }
  .p-xl-3 {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n3 {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-xl-3 {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n3 {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-xl-3 {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-xl-3 {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-n3 {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-xl-n3 {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-xl-n3 {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-4 {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n4 {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-xl-4 {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n4 {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-xl-4 {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-xl-4 {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-n4 {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-xl-n4 {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-xl-n4 {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-5 {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n5 {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-xl-5 {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n5 {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-xl-5 {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-xl-5 {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-n5 {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-xl-n5 {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-xl-n5 {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-6 {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n6 {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-xl-6 {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n6 {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-xl-6 {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-xl-6 {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-n6 {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-xl-n6 {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-xl-n6 {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-2x {
    padding: 16px !important;
    padding: var(--spacing-scale-2x) !important;
  }
  .px-xl-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .py-xl-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pt-xl-2x,
  .py-xl-2x {
    padding-top: 16px !important;
    padding-top: var(--spacing-scale-2x) !important;
  }
  .pt-xl-n2x {
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pr-xl-2x {
    padding-right: 16px !important;
    padding-right: var(--spacing-scale-2x) !important;
  }
  .pr-xl-n2x {
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pb-xl-2x {
    padding-bottom: 16px !important;
    padding-bottom: var(--spacing-scale-2x) !important;
  }
  .pb-xl-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .pl-xl-2x {
    padding-left: 16px !important;
    padding-left: var(--spacing-scale-2x) !important;
  }
  .pl-xl-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-n2x {
    padding: calc(16px * -1) !important;
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .px-xl-n2x {
    padding-left: calc(16px * -1) !important;
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(16px * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .py-xl-n2x {
    padding-bottom: calc(16px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(16px * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }
  .p-xl-2xh {
    padding: 20px !important;
    padding: var(--spacing-scale-2xh) !important;
  }
  .px-xl-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .py-xl-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-2xh,
  .py-xl-2xh {
    padding-top: 20px !important;
    padding-top: var(--spacing-scale-2xh) !important;
  }
  .pt-xl-n2xh {
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pr-xl-2xh {
    padding-right: 20px !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }
  .pr-xl-n2xh {
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pb-xl-2xh {
    padding-bottom: 20px !important;
    padding-bottom: var(--spacing-scale-2xh) !important;
  }
  .pb-xl-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .pl-xl-2xh {
    padding-left: 20px !important;
    padding-left: var(--spacing-scale-2xh) !important;
  }
  .pl-xl-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-xl-n2xh {
    padding: calc(20px * -1) !important;
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .px-xl-n2xh {
    padding-left: calc(20px * -1) !important;
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(20px * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .py-xl-n2xh {
    padding-bottom: calc(20px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(20px * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }
  .p-xl-3x {
    padding: 24px !important;
    padding: var(--spacing-scale-3x) !important;
  }
  .px-xl-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .py-xl-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pt-xl-3x,
  .py-xl-3x {
    padding-top: 24px !important;
    padding-top: var(--spacing-scale-3x) !important;
  }
  .pt-xl-n3x {
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pr-xl-3x {
    padding-right: 24px !important;
    padding-right: var(--spacing-scale-3x) !important;
  }
  .pr-xl-n3x {
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pb-xl-3x {
    padding-bottom: 24px !important;
    padding-bottom: var(--spacing-scale-3x) !important;
  }
  .pb-xl-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .pl-xl-3x {
    padding-left: 24px !important;
    padding-left: var(--spacing-scale-3x) !important;
  }
  .pl-xl-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-n3x {
    padding: calc(24px * -1) !important;
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .px-xl-n3x {
    padding-left: calc(24px * -1) !important;
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(24px * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .py-xl-n3x {
    padding-bottom: calc(24px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(24px * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }
  .p-xl-3xh {
    padding: 28px !important;
    padding: var(--spacing-scale-3xh) !important;
  }
  .px-xl-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .py-xl-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-3xh,
  .py-xl-3xh {
    padding-top: 28px !important;
    padding-top: var(--spacing-scale-3xh) !important;
  }
  .pt-xl-n3xh {
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pr-xl-3xh {
    padding-right: 28px !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }
  .pr-xl-n3xh {
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pb-xl-3xh {
    padding-bottom: 28px !important;
    padding-bottom: var(--spacing-scale-3xh) !important;
  }
  .pb-xl-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .pl-xl-3xh {
    padding-left: 28px !important;
    padding-left: var(--spacing-scale-3xh) !important;
  }
  .pl-xl-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-xl-n3xh {
    padding: calc(28px * -1) !important;
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .px-xl-n3xh {
    padding-left: calc(28px * -1) !important;
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(28px * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .py-xl-n3xh {
    padding-bottom: calc(28px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(28px * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }
  .p-xl-4x {
    padding: 32px !important;
    padding: var(--spacing-scale-4x) !important;
  }
  .px-xl-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .py-xl-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pt-xl-4x,
  .py-xl-4x {
    padding-top: 32px !important;
    padding-top: var(--spacing-scale-4x) !important;
  }
  .pt-xl-n4x {
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pr-xl-4x {
    padding-right: 32px !important;
    padding-right: var(--spacing-scale-4x) !important;
  }
  .pr-xl-n4x {
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pb-xl-4x {
    padding-bottom: 32px !important;
    padding-bottom: var(--spacing-scale-4x) !important;
  }
  .pb-xl-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .pl-xl-4x {
    padding-left: 32px !important;
    padding-left: var(--spacing-scale-4x) !important;
  }
  .pl-xl-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-n4x {
    padding: calc(32px * -1) !important;
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .px-xl-n4x {
    padding-left: calc(32px * -1) !important;
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(32px * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .py-xl-n4x {
    padding-bottom: calc(32px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(32px * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }
  .p-xl-4xh {
    padding: 36px !important;
    padding: var(--spacing-scale-4xh) !important;
  }
  .px-xl-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .py-xl-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-4xh,
  .py-xl-4xh {
    padding-top: 36px !important;
    padding-top: var(--spacing-scale-4xh) !important;
  }
  .pt-xl-n4xh {
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pr-xl-4xh {
    padding-right: 36px !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }
  .pr-xl-n4xh {
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pb-xl-4xh {
    padding-bottom: 36px !important;
    padding-bottom: var(--spacing-scale-4xh) !important;
  }
  .pb-xl-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .pl-xl-4xh {
    padding-left: 36px !important;
    padding-left: var(--spacing-scale-4xh) !important;
  }
  .pl-xl-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-xl-n4xh {
    padding: calc(36px * -1) !important;
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .px-xl-n4xh {
    padding-left: calc(36px * -1) !important;
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(36px * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .py-xl-n4xh {
    padding-bottom: calc(36px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(36px * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }
  .p-xl-5x {
    padding: 40px !important;
    padding: var(--spacing-scale-5x) !important;
  }
  .px-xl-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .py-xl-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pt-xl-5x,
  .py-xl-5x {
    padding-top: 40px !important;
    padding-top: var(--spacing-scale-5x) !important;
  }
  .pt-xl-n5x {
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pr-xl-5x {
    padding-right: 40px !important;
    padding-right: var(--spacing-scale-5x) !important;
  }
  .pr-xl-n5x {
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pb-xl-5x {
    padding-bottom: 40px !important;
    padding-bottom: var(--spacing-scale-5x) !important;
  }
  .pb-xl-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .pl-xl-5x {
    padding-left: 40px !important;
    padding-left: var(--spacing-scale-5x) !important;
  }
  .pl-xl-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-n5x {
    padding: calc(40px * -1) !important;
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .px-xl-n5x {
    padding-left: calc(40px * -1) !important;
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(40px * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .py-xl-n5x {
    padding-bottom: calc(40px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(40px * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }
  .p-xl-5xh {
    padding: 44px !important;
    padding: var(--spacing-scale-5xh) !important;
  }
  .px-xl-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .py-xl-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-5xh,
  .py-xl-5xh {
    padding-top: 44px !important;
    padding-top: var(--spacing-scale-5xh) !important;
  }
  .pt-xl-n5xh {
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pr-xl-5xh {
    padding-right: 44px !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }
  .pr-xl-n5xh {
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pb-xl-5xh {
    padding-bottom: 44px !important;
    padding-bottom: var(--spacing-scale-5xh) !important;
  }
  .pb-xl-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .pl-xl-5xh {
    padding-left: 44px !important;
    padding-left: var(--spacing-scale-5xh) !important;
  }
  .pl-xl-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-xl-n5xh {
    padding: calc(44px * -1) !important;
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .px-xl-n5xh {
    padding-left: calc(44px * -1) !important;
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(44px * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .py-xl-n5xh {
    padding-bottom: calc(44px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(44px * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }
  .p-xl-6x {
    padding: 48px !important;
    padding: var(--spacing-scale-6x) !important;
  }
  .px-xl-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .py-xl-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pt-xl-6x,
  .py-xl-6x {
    padding-top: 48px !important;
    padding-top: var(--spacing-scale-6x) !important;
  }
  .pt-xl-n6x {
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pr-xl-6x {
    padding-right: 48px !important;
    padding-right: var(--spacing-scale-6x) !important;
  }
  .pr-xl-n6x {
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pb-xl-6x {
    padding-bottom: 48px !important;
    padding-bottom: var(--spacing-scale-6x) !important;
  }
  .pb-xl-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .pl-xl-6x {
    padding-left: 48px !important;
    padding-left: var(--spacing-scale-6x) !important;
  }
  .pl-xl-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-xl-n6x {
    padding: calc(48px * -1) !important;
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .px-xl-n6x {
    padding-left: calc(48px * -1) !important;
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(48px * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .py-xl-n6x {
    padding-bottom: calc(48px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(48px * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }
  .p-xl-6xh {
    padding: 52px !important;
    padding: var(--spacing-scale-6xh) !important;
  }
  .px-xl-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .py-xl-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-6xh,
  .py-xl-6xh {
    padding-top: 52px !important;
    padding-top: var(--spacing-scale-6xh) !important;
  }
  .pt-xl-n6xh {
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pr-xl-6xh {
    padding-right: 52px !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }
  .pr-xl-n6xh {
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pb-xl-6xh {
    padding-bottom: 52px !important;
    padding-bottom: var(--spacing-scale-6xh) !important;
  }
  .pb-xl-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .pl-xl-6xh {
    padding-left: 52px !important;
    padding-left: var(--spacing-scale-6xh) !important;
  }
  .pl-xl-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-xl-n6xh {
    padding: calc(52px * -1) !important;
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .px-xl-n6xh {
    padding-left: calc(52px * -1) !important;
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(52px * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .py-xl-n6xh {
    padding-bottom: calc(52px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(52px * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }
  .p-xl-7x {
    padding: 56px !important;
    padding: var(--spacing-scale-7x) !important;
  }
  .px-xl-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .py-xl-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pt-xl-7x,
  .py-xl-7x {
    padding-top: 56px !important;
    padding-top: var(--spacing-scale-7x) !important;
  }
  .pt-xl-n7x {
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pr-xl-7x {
    padding-right: 56px !important;
    padding-right: var(--spacing-scale-7x) !important;
  }
  .pr-xl-n7x {
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pb-xl-7x {
    padding-bottom: 56px !important;
    padding-bottom: var(--spacing-scale-7x) !important;
  }
  .pb-xl-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .pl-xl-7x {
    padding-left: 56px !important;
    padding-left: var(--spacing-scale-7x) !important;
  }
  .pl-xl-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-xl-n7x {
    padding: calc(56px * -1) !important;
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .px-xl-n7x {
    padding-left: calc(56px * -1) !important;
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(56px * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .py-xl-n7x {
    padding-bottom: calc(56px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(56px * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }
  .p-xl-7xh {
    padding: 60px !important;
    padding: var(--spacing-scale-7xh) !important;
  }
  .px-xl-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .py-xl-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-7xh,
  .py-xl-7xh {
    padding-top: 60px !important;
    padding-top: var(--spacing-scale-7xh) !important;
  }
  .pt-xl-n7xh {
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pr-xl-7xh {
    padding-right: 60px !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }
  .pr-xl-n7xh {
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pb-xl-7xh {
    padding-bottom: 60px !important;
    padding-bottom: var(--spacing-scale-7xh) !important;
  }
  .pb-xl-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .pl-xl-7xh {
    padding-left: 60px !important;
    padding-left: var(--spacing-scale-7xh) !important;
  }
  .pl-xl-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-xl-n7xh {
    padding: calc(60px * -1) !important;
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .px-xl-n7xh {
    padding-left: calc(60px * -1) !important;
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(60px * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .py-xl-n7xh {
    padding-bottom: calc(60px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(60px * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }
  .p-xl-8x {
    padding: 64px !important;
    padding: var(--spacing-scale-8x) !important;
  }
  .px-xl-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .py-xl-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pt-xl-8x,
  .py-xl-8x {
    padding-top: 64px !important;
    padding-top: var(--spacing-scale-8x) !important;
  }
  .pt-xl-n8x {
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pr-xl-8x {
    padding-right: 64px !important;
    padding-right: var(--spacing-scale-8x) !important;
  }
  .pr-xl-n8x {
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pb-xl-8x {
    padding-bottom: 64px !important;
    padding-bottom: var(--spacing-scale-8x) !important;
  }
  .pb-xl-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .pl-xl-8x {
    padding-left: 64px !important;
    padding-left: var(--spacing-scale-8x) !important;
  }
  .pl-xl-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-xl-n8x {
    padding: calc(64px * -1) !important;
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .px-xl-n8x {
    padding-left: calc(64px * -1) !important;
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(64px * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .py-xl-n8x {
    padding-bottom: calc(64px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(64px * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }
  .p-xl-8xh {
    padding: 68px !important;
    padding: var(--spacing-scale-8xh) !important;
  }
  .px-xl-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .py-xl-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-8xh,
  .py-xl-8xh {
    padding-top: 68px !important;
    padding-top: var(--spacing-scale-8xh) !important;
  }
  .pt-xl-n8xh {
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pr-xl-8xh {
    padding-right: 68px !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }
  .pr-xl-n8xh {
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pb-xl-8xh {
    padding-bottom: 68px !important;
    padding-bottom: var(--spacing-scale-8xh) !important;
  }
  .pb-xl-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .pl-xl-8xh {
    padding-left: 68px !important;
    padding-left: var(--spacing-scale-8xh) !important;
  }
  .pl-xl-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-xl-n8xh {
    padding: calc(68px * -1) !important;
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .px-xl-n8xh {
    padding-left: calc(68px * -1) !important;
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(68px * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .py-xl-n8xh {
    padding-bottom: calc(68px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(68px * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }
  .p-xl-9x {
    padding: 72px !important;
    padding: var(--spacing-scale-9x) !important;
  }
  .px-xl-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .py-xl-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pt-xl-9x,
  .py-xl-9x {
    padding-top: 72px !important;
    padding-top: var(--spacing-scale-9x) !important;
  }
  .pt-xl-n9x {
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pr-xl-9x {
    padding-right: 72px !important;
    padding-right: var(--spacing-scale-9x) !important;
  }
  .pr-xl-n9x {
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pb-xl-9x {
    padding-bottom: 72px !important;
    padding-bottom: var(--spacing-scale-9x) !important;
  }
  .pb-xl-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .pl-xl-9x {
    padding-left: 72px !important;
    padding-left: var(--spacing-scale-9x) !important;
  }
  .pl-xl-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-xl-n9x {
    padding: calc(72px * -1) !important;
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .px-xl-n9x {
    padding-left: calc(72px * -1) !important;
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(72px * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .py-xl-n9x {
    padding-bottom: calc(72px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(72px * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }
  .p-xl-9xh {
    padding: 76px !important;
    padding: var(--spacing-scale-9xh) !important;
  }
  .px-xl-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .py-xl-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-9xh,
  .py-xl-9xh {
    padding-top: 76px !important;
    padding-top: var(--spacing-scale-9xh) !important;
  }
  .pt-xl-n9xh {
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pr-xl-9xh {
    padding-right: 76px !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }
  .pr-xl-n9xh {
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pb-xl-9xh {
    padding-bottom: 76px !important;
    padding-bottom: var(--spacing-scale-9xh) !important;
  }
  .pb-xl-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .pl-xl-9xh {
    padding-left: 76px !important;
    padding-left: var(--spacing-scale-9xh) !important;
  }
  .pl-xl-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-xl-n9xh {
    padding: calc(76px * -1) !important;
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .px-xl-n9xh {
    padding-left: calc(76px * -1) !important;
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(76px * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .py-xl-n9xh {
    padding-bottom: calc(76px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(76px * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }
  .p-xl-10x {
    padding: 80px !important;
    padding: var(--spacing-scale-10x) !important;
  }
  .px-xl-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .py-xl-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pt-xl-10x,
  .py-xl-10x {
    padding-top: 80px !important;
    padding-top: var(--spacing-scale-10x) !important;
  }
  .pt-xl-n10x {
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pr-xl-10x {
    padding-right: 80px !important;
    padding-right: var(--spacing-scale-10x) !important;
  }
  .pr-xl-n10x {
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pb-xl-10x {
    padding-bottom: 80px !important;
    padding-bottom: var(--spacing-scale-10x) !important;
  }
  .pb-xl-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .pl-xl-10x {
    padding-left: 80px !important;
    padding-left: var(--spacing-scale-10x) !important;
  }
  .pl-xl-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-xl-n10x {
    padding: calc(80px * -1) !important;
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .px-xl-n10x {
    padding-left: calc(80px * -1) !important;
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(80px * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .py-xl-n10x {
    padding-bottom: calc(80px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(80px * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }
  .p-xl-10xh {
    padding: 84px !important;
    padding: var(--spacing-scale-10xh) !important;
  }
  .px-xl-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .py-xl-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-10xh,
  .py-xl-10xh {
    padding-top: 84px !important;
    padding-top: var(--spacing-scale-10xh) !important;
  }
  .pt-xl-n10xh {
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pr-xl-10xh {
    padding-right: 84px !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }
  .pr-xl-n10xh {
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pb-xl-10xh {
    padding-bottom: 84px !important;
    padding-bottom: var(--spacing-scale-10xh) !important;
  }
  .pb-xl-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .pl-xl-10xh {
    padding-left: 84px !important;
    padding-left: var(--spacing-scale-10xh) !important;
  }
  .pl-xl-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .p-xl-n10xh {
    padding: calc(84px * -1) !important;
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .px-xl-n10xh {
    padding-left: calc(84px * -1) !important;
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(84px * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }
  .py-xl-n10xh {
    padding-bottom: calc(84px * -1) !important;
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(84px * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
@media (min-width: 576px) {
  .br-magic-button,
  .br-magic-button .br-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 992px) {
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 1280px) {
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
}
@media (min-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: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
p {
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
}
@media (min-width: 576px) {
  p {
    font-size: 16.8px;
    font-size: var(--font-size-scale-up-01);
  }
}
a {
  --focus-offset: var(--spacing-scale-half);
  color: #1351b4;
  color: var(--interactive);
  text-decoration: none;
}
a:focus {
  outline: none;
}
a.focus-visible,
a:focus-visible {
  outline-color: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
a:not(:disabled):active {
  background-image: linear-gradient(rgba(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.main-content a {
  text-decoration: underline;
}
button {
  cursor: pointer;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
.h1,
h1 {
  color: #333;
  color: var(--color);
  font-size: 29.036px;
  font-size: var(--font-size-scale-up-04);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 20px;
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 0;
}
@media (min-width: 576px) {
  .h1,
  h1 {
    font-size: 41.804px;
    font-size: var(--font-size-scale-up-06);
    font-weight: 300;
    font-weight: var(--font-weight-light);
    margin-bottom: 32px;
    margin-bottom: var(--spacing-scale-4x);
  }
}
.h2,
h2 {
  color: #333;
  color: var(--color);
  font-size: 24.192px;
  font-size: var(--font-size-scale-up-03);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 20px;
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 28px;
  margin-top: var(--spacing-scale-3xh);
  padding-bottom: 20px;
  padding-bottom: var(--spacing-scale-2xh);
}
@media (min-width: 576px) {
  .h2,
  h2 {
    font-size: 34.832px;
    font-size: var(--font-size-scale-up-05);
    font-weight: 400;
    font-weight: var(--font-weight-regular);
  }
}
.h3,
h3 {
  color: #333;
  color: var(--color);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 20px;
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 28px;
  margin-top: var(--spacing-scale-3xh);
}
@media (min-width: 576px) {
  .h3,
  h3 {
    font-size: 29.036px;
    font-size: var(--font-size-scale-up-04);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
  }
}
.h4,
h4 {
  color: #333;
  color: var(--color);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 20px;
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
}
@media (min-width: 576px) {
  .h4,
  h4 {
    font-size: 24.192px;
    font-size: var(--font-size-scale-up-03);
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold);
    margin-top: 28px;
    margin-top: var(--spacing-scale-3xh);
  }
}
.h5,
h5 {
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
  padding-bottom: 8px;
  padding-bottom: var(--spacing-scale-base);
}
@media (min-width: 576px) {
  .h5,
  h5 {
    font-size: 20.16px;
    font-size: var(--font-size-scale-up-02);
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    margin-top: 28px;
    margin-top: var(--spacing-scale-3xh);
  }
}
.h6,
h6 {
  color: #333;
  color: var(--color);
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01);
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
  padding-bottom: 8px;
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .h6,
  h6 {
    font-size: 16.8px;
    font-size: var(--font-size-scale-up-01);
    font-weight: 800;
    font-weight: var(--font-weight-extra-bold);
    margin-top: 28px;
    margin-top: var(--spacing-scale-3xh);
  }
}
.br-ol,
.br-ul {
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
  padding: 0 0 0 40px;
  padding: 0 0 0 var(--spacing-scale-5x);
}
blockquote {
  background-color: #f8f8f8;
  background-color: var(--color-secondary-02);
  border-left: 4px solid #268744;
  font-style: italic;
  margin: 16px 0;
  margin: var(--spacing-scale-2x) 0;
  padding: 16px;
  padding: var(--spacing-scale-2x);
  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: #f0f0f0;
  background-color: var(--background-alternative);
  font-weight: var(--table-th-font-weight);
}
td {
  font-weight: var(--table-font-weight);
}
td,
th {
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 500;
  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: #2670e8;
  background-color: var(--selected);
}
tr:hover td {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
}
.fieldset,
fieldset {
  border: 0;
  border: var(--surface-width-none);
  margin-bottom: 40px;
  margin-bottom: var(--spacing-scale-5x);
  margin-top: 0;
  padding: 0;
}
.legend,
legend {
  color: #333;
  color: var(--color);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
}
::-moz-placeholder {
  color: #000 !important;
  color: var(--pure-100) !important;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}
.placeholder,
::placeholder {
  color: #000 !important;
  color: var(--pure-100) !important;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}
.input,
input,
textarea {
  color: #333;
  color: var(--color-light);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
}
.code,
.help,
code {
  font-size: 14px;
  font-size: var(--font-size-scale-base);
}
.code,
code {
  border-radius: 4px;
  color: #333;
  color: var(--gray-80);
  display: inline-block;
  font-family: monospace;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.15;
  line-height: var(--font-line-height-low);
  padding: 4px;
  padding: var(--spacing-scale-half);
}
.code,
.pre,
code,
pre {
  background: #f0f0f0;
  background: var(--gray-5);
}
.pre,
pre {
  margin: 16px 0 32px;
  margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
  padding: 16px;
  padding: var(--spacing-scale-2x);
}
.pre code,
pre code {
  display: inline;
  padding: 0;
}
.mark,
mark {
  background: #fce1d4;
  background: var(--red-warm-vivid-10);
  color: #333;
  color: var(--color);
}
.border-solid-none {
  border: 0 solid #888 !important;
  border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}
.border-solid-sm {
  border: 1px solid #888 !important;
  border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}
.border-solid-md {
  border: 2px solid #888 !important;
  border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}
.border-solid-lg {
  border: 4px solid #888 !important;
  border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}
.border-dashed-none {
  border: 0 dashed #888 !important;
  border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}
.border-dashed-sm {
  border: 1px dashed #888 !important;
  border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}
.border-dashed-md {
  border: 2px dashed #888 !important;
  border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}
.border-dashed-lg {
  border: 4px dashed #888 !important;
  border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}
.border-top {
  border-top: 1px solid #ccc !important;
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-right {
  border-right: 1px solid #ccc !important;
  border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-bottom {
  border-bottom: 1px solid #ccc !important;
  border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}
.border-left {
  border-left: 1px solid #ccc !important;
  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;
  -webkit-border-radius: var(--radius) !important;
  -moz-border-radius: var(--radius) !important;
  -ms-border-radius: var(--radius) !important;
  -o-border-radius: var(--radius) !important;
}
.opacity-none {
  opacity: 0;
}
.opacity-default {
  opacity: 1;
}
.opacity-xs {
  opacity: 0.16;
}
.opacity-sm {
  opacity: 0.3;
}
.opacity-md {
  opacity: 0.45;
}
.opacity-lg {
  opacity: 0.65;
}
.opacity-xl {
  opacity: 0.85;
}
.overlay-scrim {
  background: rgba(0, 0, 0, 0.45);
  background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}
.overlay-text {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
  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: #11181d !important;
  background: var(--blue-90) !important;
}
.text-blue-90 {
  color: #11181d !important;
  color: var(--blue-90) !important;
}
.border-blue-90 {
  border-color: #11181d !important;
  border-color: var(--blue-90) !important;
}
.bg-blue-80 {
  --background: var(--blue-80);
  background: #1f303e !important;
  background: var(--blue-80) !important;
}
.text-blue-80 {
  color: #1f303e !important;
  color: var(--blue-80) !important;
}
.border-blue-80 {
  border-color: #1f303e !important;
  border-color: var(--blue-80) !important;
}
.bg-blue-70 {
  --background: var(--blue-70);
  background: #274863 !important;
  background: var(--blue-70) !important;
}
.text-blue-70 {
  color: #274863 !important;
  color: var(--blue-70) !important;
}
.border-blue-70 {
  border-color: #274863 !important;
  border-color: var(--blue-70) !important;
}
.bg-blue-60 {
  --background: var(--blue-60);
  background: #2c608a !important;
  background: var(--blue-60) !important;
}
.text-blue-60 {
  color: #2c608a !important;
  color: var(--blue-60) !important;
}
.border-blue-60 {
  border-color: #2c608a !important;
  border-color: var(--blue-60) !important;
}
.bg-blue-50 {
  --background: var(--blue-50);
  background: #2378c3 !important;
  background: var(--blue-50) !important;
}
.text-blue-50 {
  color: #2378c3 !important;
  color: var(--blue-50) !important;
}
.border-blue-50 {
  border-color: #2378c3 !important;
  border-color: var(--blue-50) !important;
}
.bg-blue-40 {
  --background: var(--blue-40);
  background: #4f97d1 !important;
  background: var(--blue-40) !important;
}
.text-blue-40 {
  color: #4f97d1 !important;
  color: var(--blue-40) !important;
}
.border-blue-40 {
  border-color: #4f97d1 !important;
  border-color: var(--blue-40) !important;
}
.bg-blue-30 {
  --background: var(--blue-30);
  background: #73b3e7 !important;
  background: var(--blue-30) !important;
}
.text-blue-30 {
  color: #73b3e7 !important;
  color: var(--blue-30) !important;
}
.border-blue-30 {
  border-color: #73b3e7 !important;
  border-color: var(--blue-30) !important;
}
.bg-blue-20 {
  --background: var(--blue-20);
  background: #aacdec !important;
  background: var(--blue-20) !important;
}
.text-blue-20 {
  color: #aacdec !important;
  color: var(--blue-20) !important;
}
.border-blue-20 {
  border-color: #aacdec !important;
  border-color: var(--blue-20) !important;
}
.bg-blue-10 {
  --background: var(--blue-10);
  background: #dbe8fb !important;
  background: var(--blue-10) !important;
}
.text-blue-10 {
  color: #dbe8fb !important;
  color: var(--blue-10) !important;
}
.border-blue-10 {
  border-color: #dbe8fb !important;
  border-color: var(--blue-10) !important;
}
.bg-blue-5 {
  --background: var(--blue-5);
  background: #eff6fb !important;
  background: var(--blue-5) !important;
}
.text-blue-5 {
  color: #eff6fb !important;
  color: var(--blue-5) !important;
}
.border-blue-5 {
  border-color: #eff6fb !important;
  border-color: var(--blue-5) !important;
}
.bg-blue-cool-90 {
  --background: var(--blue-cool-90);
  background: #0f191c !important;
  background: var(--blue-cool-90) !important;
}
.text-blue-cool-90 {
  color: #0f191c !important;
  color: var(--blue-cool-90) !important;
}
.border-blue-cool-90 {
  border-color: #0f191c !important;
  border-color: var(--blue-cool-90) !important;
}
.bg-blue-cool-80 {
  --background: var(--blue-cool-80);
  background: #14333d !important;
  background: var(--blue-cool-80) !important;
}
.text-blue-cool-80 {
  color: #14333d !important;
  color: var(--blue-cool-80) !important;
}
.border-blue-cool-80 {
  border-color: #14333d !important;
  border-color: var(--blue-cool-80) !important;
}
.bg-blue-cool-70 {
  --background: var(--blue-cool-70);
  background: #224a58 !important;
  background: var(--blue-cool-70) !important;
}
.text-blue-cool-70 {
  color: #224a58 !important;
  color: var(--blue-cool-70) !important;
}
.border-blue-cool-70 {
  border-color: #224a58 !important;
  border-color: var(--blue-cool-70) !important;
}
.bg-blue-cool-60 {
  --background: var(--blue-cool-60);
  background: #2e6276 !important;
  background: var(--blue-cool-60) !important;
}
.text-blue-cool-60 {
  color: #2e6276 !important;
  color: var(--blue-cool-60) !important;
}
.border-blue-cool-60 {
  border-color: #2e6276 !important;
  border-color: var(--blue-cool-60) !important;
}
.bg-blue-cool-50 {
  --background: var(--blue-cool-50);
  background: #3a7d95 !important;
  background: var(--blue-cool-50) !important;
}
.text-blue-cool-50 {
  color: #3a7d95 !important;
  color: var(--blue-cool-50) !important;
}
.border-blue-cool-50 {
  border-color: #3a7d95 !important;
  border-color: var(--blue-cool-50) !important;
}
.bg-blue-cool-40 {
  --background: var(--blue-cool-40);
  background: #6499af !important;
  background: var(--blue-cool-40) !important;
}
.text-blue-cool-40 {
  color: #6499af !important;
  color: var(--blue-cool-40) !important;
}
.border-blue-cool-40 {
  border-color: #6499af !important;
  border-color: var(--blue-cool-40) !important;
}
.bg-blue-cool-30 {
  --background: var(--blue-cool-30);
  background: #82b4c9 !important;
  background: var(--blue-cool-30) !important;
}
.text-blue-cool-30 {
  color: #82b4c9 !important;
  color: var(--blue-cool-30) !important;
}
.border-blue-cool-30 {
  border-color: #82b4c9 !important;
  border-color: var(--blue-cool-30) !important;
}
.bg-blue-cool-20 {
  --background: var(--blue-cool-20);
  background: #adcfdc !important;
  background: var(--blue-cool-20) !important;
}
.text-blue-cool-20 {
  color: #adcfdc !important;
  color: var(--blue-cool-20) !important;
}
.border-blue-cool-20 {
  border-color: #adcfdc !important;
  border-color: var(--blue-cool-20) !important;
}
.bg-blue-cool-10 {
  --background: var(--blue-cool-10);
  background: #dae9ee !important;
  background: var(--blue-cool-10) !important;
}
.text-blue-cool-10 {
  color: #dae9ee !important;
  color: var(--blue-cool-10) !important;
}
.border-blue-cool-10 {
  border-color: #dae9ee !important;
  border-color: var(--blue-cool-10) !important;
}
.bg-blue-cool-5 {
  --background: var(--blue-cool-5);
  background: #e7f2f5 !important;
  background: var(--blue-cool-5) !important;
}
.text-blue-cool-5 {
  color: #e7f2f5 !important;
  color: var(--blue-cool-5) !important;
}
.border-blue-cool-5 {
  border-color: #e7f2f5 !important;
  border-color: var(--blue-cool-5) !important;
}
.bg-blue-warm-90 {
  --background: var(--blue-warm-90);
  background: #13171f !important;
  background: var(--blue-warm-90) !important;
}
.text-blue-warm-90 {
  color: #13171f !important;
  color: var(--blue-warm-90) !important;
}
.border-blue-warm-90 {
  border-color: #13171f !important;
  border-color: var(--blue-warm-90) !important;
}
.bg-blue-warm-80 {
  --background: var(--blue-warm-80);
  background: #252f3e !important;
  background: var(--blue-warm-80) !important;
}
.text-blue-warm-80 {
  color: #252f3e !important;
  color: var(--blue-warm-80) !important;
}
.border-blue-warm-80 {
  border-color: #252f3e !important;
  border-color: var(--blue-warm-80) !important;
}
.bg-blue-warm-70 {
  --background: var(--blue-warm-70);
  background: #2f4668 !important;
  background: var(--blue-warm-70) !important;
}
.text-blue-warm-70 {
  color: #2f4668 !important;
  color: var(--blue-warm-70) !important;
}
.border-blue-warm-70 {
  border-color: #2f4668 !important;
  border-color: var(--blue-warm-70) !important;
}
.bg-blue-warm-60 {
  --background: var(--blue-warm-60);
  background: #345d96 !important;
  background: var(--blue-warm-60) !important;
}
.text-blue-warm-60 {
  color: #345d96 !important;
  color: var(--blue-warm-60) !important;
}
.border-blue-warm-60 {
  border-color: #345d96 !important;
  border-color: var(--blue-warm-60) !important;
}
.bg-blue-warm-50 {
  --background: var(--blue-warm-50);
  background: #4a77b4 !important;
  background: var(--blue-warm-50) !important;
}
.text-blue-warm-50 {
  color: #4a77b4 !important;
  color: var(--blue-warm-50) !important;
}
.border-blue-warm-50 {
  border-color: #4a77b4 !important;
  border-color: var(--blue-warm-50) !important;
}
.bg-blue-warm-40 {
  --background: var(--blue-warm-40);
  background: #7292c7 !important;
  background: var(--blue-warm-40) !important;
}
.text-blue-warm-40 {
  color: #7292c7 !important;
  color: var(--blue-warm-40) !important;
}
.border-blue-warm-40 {
  border-color: #7292c7 !important;
  border-color: var(--blue-warm-40) !important;
}
.bg-blue-warm-30 {
  --background: var(--blue-warm-30);
  background: #98afd2 !important;
  background: var(--blue-warm-30) !important;
}
.text-blue-warm-30 {
  color: #98afd2 !important;
  color: var(--blue-warm-30) !important;
}
.border-blue-warm-30 {
  border-color: #98afd2 !important;
  border-color: var(--blue-warm-30) !important;
}
.bg-blue-warm-20 {
  --background: var(--blue-warm-20);
  background: #c5d4eb !important;
  background: var(--blue-warm-20) !important;
}
.text-blue-warm-20 {
  color: #c5d4eb !important;
  color: var(--blue-warm-20) !important;
}
.border-blue-warm-20 {
  border-color: #c5d4eb !important;
  border-color: var(--blue-warm-20) !important;
}
.bg-blue-warm-10 {
  --background: var(--blue-warm-10);
  background: #e1e7f1 !important;
  background: var(--blue-warm-10) !important;
}
.text-blue-warm-10 {
  color: #e1e7f1 !important;
  color: var(--blue-warm-10) !important;
}
.border-blue-warm-10 {
  border-color: #e1e7f1 !important;
  border-color: var(--blue-warm-10) !important;
}
.bg-blue-warm-5 {
  --background: var(--blue-warm-5);
  background: #ecf1f7 !important;
  background: var(--blue-warm-5) !important;
}
.text-blue-warm-5 {
  color: #ecf1f7 !important;
  color: var(--blue-warm-5) !important;
}
.border-blue-warm-5 {
  border-color: #ecf1f7 !important;
  border-color: var(--blue-warm-5) !important;
}
.bg-blue-vivid-80 {
  --background: var(--blue-vivid-80);
  background: #112f4e !important;
  background: var(--blue-vivid-80) !important;
}
.text-blue-vivid-80 {
  color: #112f4e !important;
  color: var(--blue-vivid-80) !important;
}
.border-blue-vivid-80 {
  border-color: #112f4e !important;
  border-color: var(--blue-vivid-80) !important;
}
.bg-blue-vivid-70 {
  --background: var(--blue-vivid-70);
  background: #0b4778 !important;
  background: var(--blue-vivid-70) !important;
}
.text-blue-vivid-70 {
  color: #0b4778 !important;
  color: var(--blue-vivid-70) !important;
}
.border-blue-vivid-70 {
  border-color: #0b4778 !important;
  border-color: var(--blue-vivid-70) !important;
}
.bg-blue-vivid-60 {
  --background: var(--blue-vivid-60);
  background: #005ea2 !important;
  background: var(--blue-vivid-60) !important;
}
.text-blue-vivid-60 {
  color: #005ea2 !important;
  color: var(--blue-vivid-60) !important;
}
.border-blue-vivid-60 {
  border-color: #005ea2 !important;
  border-color: var(--blue-vivid-60) !important;
}
.bg-blue-vivid-50 {
  --background: var(--blue-vivid-50);
  background: #0076d6 !important;
  background: var(--blue-vivid-50) !important;
}
.text-blue-vivid-50 {
  color: #0076d6 !important;
  color: var(--blue-vivid-50) !important;
}
.border-blue-vivid-50 {
  border-color: #0076d6 !important;
  border-color: var(--blue-vivid-50) !important;
}
.bg-blue-vivid-40 {
  --background: var(--blue-vivid-40);
  background: #2491ff !important;
  background: var(--blue-vivid-40) !important;
}
.text-blue-vivid-40 {
  color: #2491ff !important;
  color: var(--blue-vivid-40) !important;
}
.border-blue-vivid-40 {
  border-color: #2491ff !important;
  border-color: var(--blue-vivid-40) !important;
}
.bg-blue-vivid-30 {
  --background: var(--blue-vivid-30);
  background: #58b4ff !important;
  background: var(--blue-vivid-30) !important;
}
.text-blue-vivid-30 {
  color: #58b4ff !important;
  color: var(--blue-vivid-30) !important;
}
.border-blue-vivid-30 {
  border-color: #58b4ff !important;
  border-color: var(--blue-vivid-30) !important;
}
.bg-blue-vivid-20 {
  --background: var(--blue-vivid-20);
  background: #a1d3ff !important;
  background: var(--blue-vivid-20) !important;
}
.text-blue-vivid-20 {
  color: #a1d3ff !important;
  color: var(--blue-vivid-20) !important;
}
.border-blue-vivid-20 {
  border-color: #a1d3ff !important;
  border-color: var(--blue-vivid-20) !important;
}
.bg-blue-vivid-10 {
  --background: var(--blue-vivid-10);
  background: #cfe8ff !important;
  background: var(--blue-vivid-10) !important;
}
.text-blue-vivid-10 {
  color: #cfe8ff !important;
  color: var(--blue-vivid-10) !important;
}
.border-blue-vivid-10 {
  border-color: #cfe8ff !important;
  border-color: var(--blue-vivid-10) !important;
}
.bg-blue-vivid-5 {
  --background: var(--blue-vivid-5);
  background: #e8f5ff !important;
  background: var(--blue-vivid-5) !important;
}
.text-blue-vivid-5 {
  color: #e8f5ff !important;
  color: var(--blue-vivid-5) !important;
}
.border-blue-vivid-5 {
  border-color: #e8f5ff !important;
  border-color: var(--blue-vivid-5) !important;
}
.bg-blue-cool-vivid-80 {
  --background: var(--blue-cool-vivid-80);
  background: #002d3f !important;
  background: var(--blue-cool-vivid-80) !important;
}
.text-blue-cool-vivid-80 {
  color: #002d3f !important;
  color: var(--blue-cool-vivid-80) !important;
}
.border-blue-cool-vivid-80 {
  border-color: #002d3f !important;
  border-color: var(--blue-cool-vivid-80) !important;
}
.bg-blue-cool-vivid-70 {
  --background: var(--blue-cool-vivid-70);
  background: #074b69 !important;
  background: var(--blue-cool-vivid-70) !important;
}
.text-blue-cool-vivid-70 {
  color: #074b69 !important;
  color: var(--blue-cool-vivid-70) !important;
}
.border-blue-cool-vivid-70 {
  border-color: #074b69 !important;
  border-color: var(--blue-cool-vivid-70) !important;
}
.bg-blue-cool-vivid-60 {
  --background: var(--blue-cool-vivid-60);
  background: #07648d !important;
  background: var(--blue-cool-vivid-60) !important;
}
.text-blue-cool-vivid-60 {
  color: #07648d !important;
  color: var(--blue-cool-vivid-60) !important;
}
.border-blue-cool-vivid-60 {
  border-color: #07648d !important;
  border-color: var(--blue-cool-vivid-60) !important;
}
.bg-blue-cool-vivid-50 {
  --background: var(--blue-cool-vivid-50);
  background: #0d7ea2 !important;
  background: var(--blue-cool-vivid-50) !important;
}
.text-blue-cool-vivid-50 {
  color: #0d7ea2 !important;
  color: var(--blue-cool-vivid-50) !important;
}
.border-blue-cool-vivid-50 {
  border-color: #0d7ea2 !important;
  border-color: var(--blue-cool-vivid-50) !important;
}
.bg-blue-cool-vivid-40 {
  --background: var(--blue-cool-vivid-40);
  background: #28a0cb !important;
  background: var(--blue-cool-vivid-40) !important;
}
.text-blue-cool-vivid-40 {
  color: #28a0cb !important;
  color: var(--blue-cool-vivid-40) !important;
}
.border-blue-cool-vivid-40 {
  border-color: #28a0cb !important;
  border-color: var(--blue-cool-vivid-40) !important;
}
.bg-blue-cool-vivid-30 {
  --background: var(--blue-cool-vivid-30);
  background: #59b9de !important;
  background: var(--blue-cool-vivid-30) !important;
}
.text-blue-cool-vivid-30 {
  color: #59b9de !important;
  color: var(--blue-cool-vivid-30) !important;
}
.border-blue-cool-vivid-30 {
  border-color: #59b9de !important;
  border-color: var(--blue-cool-vivid-30) !important;
}
.bg-blue-cool-vivid-20 {
  --background: var(--blue-cool-vivid-20);
  background: #97d4ea !important;
  background: var(--blue-cool-vivid-20) !important;
}
.text-blue-cool-vivid-20 {
  color: #97d4ea !important;
  color: var(--blue-cool-vivid-20) !important;
}
.border-blue-cool-vivid-20 {
  border-color: #97d4ea !important;
  border-color: var(--blue-cool-vivid-20) !important;
}
.bg-blue-cool-vivid-10 {
  --background: var(--blue-cool-vivid-10);
  background: #c3ebfa !important;
  background: var(--blue-cool-vivid-10) !important;
}
.text-blue-cool-vivid-10 {
  color: #c3ebfa !important;
  color: var(--blue-cool-vivid-10) !important;
}
.border-blue-cool-vivid-10 {
  border-color: #c3ebfa !important;
  border-color: var(--blue-cool-vivid-10) !important;
}
.bg-blue-cool-vivid-5 {
  --background: var(--blue-cool-vivid-5);
  background: #e1f3f8 !important;
  background: var(--blue-cool-vivid-5) !important;
}
.text-blue-cool-vivid-5 {
  color: #e1f3f8 !important;
  color: var(--blue-cool-vivid-5) !important;
}
.border-blue-cool-vivid-5 {
  border-color: #e1f3f8 !important;
  border-color: var(--blue-cool-vivid-5) !important;
}
.bg-blue-warm-vivid-90 {
  --background: var(--blue-warm-vivid-90);
  background: #071d41 !important;
  background: var(--blue-warm-vivid-90) !important;
}
.text-blue-warm-vivid-90 {
  color: #071d41 !important;
  color: var(--blue-warm-vivid-90) !important;
}
.border-blue-warm-vivid-90 {
  border-color: #071d41 !important;
  border-color: var(--blue-warm-vivid-90) !important;
}
.bg-blue-warm-vivid-80 {
  --background: var(--blue-warm-vivid-80);
  background: #0c326f !important;
  background: var(--blue-warm-vivid-80) !important;
}
.text-blue-warm-vivid-80 {
  color: #0c326f !important;
  color: var(--blue-warm-vivid-80) !important;
}
.border-blue-warm-vivid-80 {
  border-color: #0c326f !important;
  border-color: var(--blue-warm-vivid-80) !important;
}
.bg-blue-warm-vivid-70 {
  --background: var(--blue-warm-vivid-70);
  background: #1351b4 !important;
  background: var(--blue-warm-vivid-70) !important;
}
.text-blue-warm-vivid-70 {
  color: #1351b4 !important;
  color: var(--blue-warm-vivid-70) !important;
}
.border-blue-warm-vivid-70 {
  border-color: #1351b4 !important;
  border-color: var(--blue-warm-vivid-70) !important;
}
.bg-blue-warm-vivid-60 {
  --background: var(--blue-warm-vivid-60);
  background: #155bcb !important;
  background: var(--blue-warm-vivid-60) !important;
}
.text-blue-warm-vivid-60 {
  color: #155bcb !important;
  color: var(--blue-warm-vivid-60) !important;
}
.border-blue-warm-vivid-60 {
  border-color: #155bcb !important;
  border-color: var(--blue-warm-vivid-60) !important;
}
.bg-blue-warm-vivid-50 {
  --background: var(--blue-warm-vivid-50);
  background: #2670e8 !important;
  background: var(--blue-warm-vivid-50) !important;
}
.text-blue-warm-vivid-50 {
  color: #2670e8 !important;
  color: var(--blue-warm-vivid-50) !important;
}
.border-blue-warm-vivid-50 {
  border-color: #2670e8 !important;
  border-color: var(--blue-warm-vivid-50) !important;
}
.bg-blue-warm-vivid-40 {
  --background: var(--blue-warm-vivid-40);
  background: #5992ed !important;
  background: var(--blue-warm-vivid-40) !important;
}
.text-blue-warm-vivid-40 {
  color: #5992ed !important;
  color: var(--blue-warm-vivid-40) !important;
}
.border-blue-warm-vivid-40 {
  border-color: #5992ed !important;
  border-color: var(--blue-warm-vivid-40) !important;
}
.bg-blue-warm-vivid-30 {
  --background: var(--blue-warm-vivid-30);
  background: #81aefc !important;
  background: var(--blue-warm-vivid-30) !important;
}
.text-blue-warm-vivid-30 {
  color: #81aefc !important;
  color: var(--blue-warm-vivid-30) !important;
}
.border-blue-warm-vivid-30 {
  border-color: #81aefc !important;
  border-color: var(--blue-warm-vivid-30) !important;
}
.bg-blue-warm-vivid-20 {
  --background: var(--blue-warm-vivid-20);
  background: #adcdff !important;
  background: var(--blue-warm-vivid-20) !important;
}
.text-blue-warm-vivid-20 {
  color: #adcdff !important;
  color: var(--blue-warm-vivid-20) !important;
}
.border-blue-warm-vivid-20 {
  border-color: #adcdff !important;
  border-color: var(--blue-warm-vivid-20) !important;
}
.bg-blue-warm-vivid-10 {
  --background: var(--blue-warm-vivid-10);
  background: #d4e5ff !important;
  background: var(--blue-warm-vivid-10) !important;
}
.text-blue-warm-vivid-10 {
  color: #d4e5ff !important;
  color: var(--blue-warm-vivid-10) !important;
}
.border-blue-warm-vivid-10 {
  border-color: #d4e5ff !important;
  border-color: var(--blue-warm-vivid-10) !important;
}
.bg-blue-warm-vivid-5 {
  --background: var(--blue-warm-vivid-5);
  background: #edf5ff !important;
  background: var(--blue-warm-vivid-5) !important;
}
.text-blue-warm-vivid-5 {
  color: #edf5ff !important;
  color: var(--blue-warm-vivid-5) !important;
}
.border-blue-warm-vivid-5 {
  border-color: #edf5ff !important;
  border-color: var(--blue-warm-vivid-5) !important;
}
.bg-cyan-90 {
  --background: var(--cyan-90);
  background: #111819 !important;
  background: var(--cyan-90) !important;
}
.text-cyan-90 {
  color: #111819 !important;
  color: var(--cyan-90) !important;
}
.border-cyan-90 {
  border-color: #111819 !important;
  border-color: var(--cyan-90) !important;
}
.bg-cyan-80 {
  --background: var(--cyan-80);
  background: #203133 !important;
  background: var(--cyan-80) !important;
}
.text-cyan-80 {
  color: #203133 !important;
  color: var(--cyan-80) !important;
}
.border-cyan-80 {
  border-color: #203133 !important;
  border-color: var(--cyan-80) !important;
}
.bg-cyan-70 {
  --background: var(--cyan-70);
  background: #2c4a4e !important;
  background: var(--cyan-70) !important;
}
.text-cyan-70 {
  color: #2c4a4e !important;
  color: var(--cyan-70) !important;
}
.border-cyan-70 {
  border-color: #2c4a4e !important;
  border-color: var(--cyan-70) !important;
}
.bg-cyan-60 {
  --background: var(--cyan-60);
  background: #2a646d !important;
  background: var(--cyan-60) !important;
}
.text-cyan-60 {
  color: #2a646d !important;
  color: var(--cyan-60) !important;
}
.border-cyan-60 {
  border-color: #2a646d !important;
  border-color: var(--cyan-60) !important;
}
.bg-cyan-50 {
  --background: var(--cyan-50);
  background: #168092 !important;
  background: var(--cyan-50) !important;
}
.text-cyan-50 {
  color: #168092 !important;
  color: var(--cyan-50) !important;
}
.border-cyan-50 {
  border-color: #168092 !important;
  border-color: var(--cyan-50) !important;
}
.bg-cyan-40 {
  --background: var(--cyan-40);
  background: #449dac !important;
  background: var(--cyan-40) !important;
}
.text-cyan-40 {
  color: #449dac !important;
  color: var(--cyan-40) !important;
}
.border-cyan-40 {
  border-color: #449dac !important;
  border-color: var(--cyan-40) !important;
}
.bg-cyan-30 {
  --background: var(--cyan-30);
  background: #5dc0d1 !important;
  background: var(--cyan-30) !important;
}
.text-cyan-30 {
  color: #5dc0d1 !important;
  color: var(--cyan-30) !important;
}
.border-cyan-30 {
  border-color: #5dc0d1 !important;
  border-color: var(--cyan-30) !important;
}
.bg-cyan-20 {
  --background: var(--cyan-20);
  background: #99deea !important;
  background: var(--cyan-20) !important;
}
.text-cyan-20 {
  color: #99deea !important;
  color: var(--cyan-20) !important;
}
.border-cyan-20 {
  border-color: #99deea !important;
  border-color: var(--cyan-20) !important;
}
.bg-cyan-10 {
  --background: var(--cyan-10);
  background: #ccecf2 !important;
  background: var(--cyan-10) !important;
}
.text-cyan-10 {
  color: #ccecf2 !important;
  color: var(--cyan-10) !important;
}
.border-cyan-10 {
  border-color: #ccecf2 !important;
  border-color: var(--cyan-10) !important;
}
.bg-cyan-5 {
  --background: var(--cyan-5);
  background: #e7f6f8 !important;
  background: var(--cyan-5) !important;
}
.text-cyan-5 {
  color: #e7f6f8 !important;
  color: var(--cyan-5) !important;
}
.border-cyan-5 {
  border-color: #e7f6f8 !important;
  border-color: var(--cyan-5) !important;
}
.bg-cyan-vivid-80 {
  --background: var(--cyan-vivid-80);
  background: #093b44 !important;
  background: var(--cyan-vivid-80) !important;
}
.text-cyan-vivid-80 {
  color: #093b44 !important;
  color: var(--cyan-vivid-80) !important;
}
.border-cyan-vivid-80 {
  border-color: #093b44 !important;
  border-color: var(--cyan-vivid-80) !important;
}
.bg-cyan-vivid-70 {
  --background: var(--cyan-vivid-70);
  background: #0e4f5c !important;
  background: var(--cyan-vivid-70) !important;
}
.text-cyan-vivid-70 {
  color: #0e4f5c !important;
  color: var(--cyan-vivid-70) !important;
}
.border-cyan-vivid-70 {
  border-color: #0e4f5c !important;
  border-color: var(--cyan-vivid-70) !important;
}
.bg-cyan-vivid-60 {
  --background: var(--cyan-vivid-60);
  background: #00687d !important;
  background: var(--cyan-vivid-60) !important;
}
.text-cyan-vivid-60 {
  color: #00687d !important;
  color: var(--cyan-vivid-60) !important;
}
.border-cyan-vivid-60 {
  border-color: #00687d !important;
  border-color: var(--cyan-vivid-60) !important;
}
.bg-cyan-vivid-50 {
  --background: var(--cyan-vivid-50);
  background: #0081a1 !important;
  background: var(--cyan-vivid-50) !important;
}
.text-cyan-vivid-50 {
  color: #0081a1 !important;
  color: var(--cyan-vivid-50) !important;
}
.border-cyan-vivid-50 {
  border-color: #0081a1 !important;
  border-color: var(--cyan-vivid-50) !important;
}
.bg-cyan-vivid-40 {
  --background: var(--cyan-vivid-40);
  background: #009ec1 !important;
  background: var(--cyan-vivid-40) !important;
}
.text-cyan-vivid-40 {
  color: #009ec1 !important;
  color: var(--cyan-vivid-40) !important;
}
.border-cyan-vivid-40 {
  border-color: #009ec1 !important;
  border-color: var(--cyan-vivid-40) !important;
}
.bg-cyan-vivid-30 {
  --background: var(--cyan-vivid-30);
  background: #00bde3 !important;
  background: var(--cyan-vivid-30) !important;
}
.text-cyan-vivid-30 {
  color: #00bde3 !important;
  color: var(--cyan-vivid-30) !important;
}
.border-cyan-vivid-30 {
  border-color: #00bde3 !important;
  border-color: var(--cyan-vivid-30) !important;
}
.bg-cyan-vivid-20 {
  --background: var(--cyan-vivid-20);
  background: #52daf2 !important;
  background: var(--cyan-vivid-20) !important;
}
.text-cyan-vivid-20 {
  color: #52daf2 !important;
  color: var(--cyan-vivid-20) !important;
}
.border-cyan-vivid-20 {
  border-color: #52daf2 !important;
  border-color: var(--cyan-vivid-20) !important;
}
.bg-cyan-vivid-10 {
  --background: var(--cyan-vivid-10);
  background: #a8f2ff !important;
  background: var(--cyan-vivid-10) !important;
}
.text-cyan-vivid-10 {
  color: #a8f2ff !important;
  color: var(--cyan-vivid-10) !important;
}
.border-cyan-vivid-10 {
  border-color: #a8f2ff !important;
  border-color: var(--cyan-vivid-10) !important;
}
.bg-cyan-vivid-5 {
  --background: var(--cyan-vivid-5);
  background: #e5faff !important;
  background: var(--cyan-vivid-5) !important;
}
.text-cyan-vivid-5 {
  color: #e5faff !important;
  color: var(--cyan-vivid-5) !important;
}
.border-cyan-vivid-5 {
  border-color: #e5faff !important;
  border-color: var(--cyan-vivid-5) !important;
}
.bg-gold-90 {
  --background: var(--gold-90);
  background: #191714 !important;
  background: var(--gold-90) !important;
}
.text-gold-90 {
  color: #191714 !important;
  color: var(--gold-90) !important;
}
.border-gold-90 {
  border-color: #191714 !important;
  border-color: var(--gold-90) !important;
}
.bg-gold-80 {
  --background: var(--gold-80);
  background: #322d26 !important;
  background: var(--gold-80) !important;
}
.text-gold-80 {
  color: #322d26 !important;
  color: var(--gold-80) !important;
}
.border-gold-80 {
  border-color: #322d26 !important;
  border-color: var(--gold-80) !important;
}
.bg-gold-70 {
  --background: var(--gold-70);
  background: #4d4438 !important;
  background: var(--gold-70) !important;
}
.text-gold-70 {
  color: #4d4438 !important;
  color: var(--gold-70) !important;
}
.border-gold-70 {
  border-color: #4d4438 !important;
  border-color: var(--gold-70) !important;
}
.bg-gold-60 {
  --background: var(--gold-60);
  background: #6b5947 !important;
  background: var(--gold-60) !important;
}
.text-gold-60 {
  color: #6b5947 !important;
  color: var(--gold-60) !important;
}
.border-gold-60 {
  border-color: #6b5947 !important;
  border-color: var(--gold-60) !important;
}
.bg-gold-50 {
  --background: var(--gold-50);
  background: #8e704f !important;
  background: var(--gold-50) !important;
}
.text-gold-50 {
  color: #8e704f !important;
  color: var(--gold-50) !important;
}
.border-gold-50 {
  border-color: #8e704f !important;
  border-color: var(--gold-50) !important;
}
.bg-gold-40 {
  --background: var(--gold-40);
  background: #ad8b65 !important;
  background: var(--gold-40) !important;
}
.text-gold-40 {
  color: #ad8b65 !important;
  color: var(--gold-40) !important;
}
.border-gold-40 {
  border-color: #ad8b65 !important;
  border-color: var(--gold-40) !important;
}
.bg-gold-30 {
  --background: var(--gold-30);
  background: #c7a97b !important;
  background: var(--gold-30) !important;
}
.text-gold-30 {
  color: #c7a97b !important;
  color: var(--gold-30) !important;
}
.border-gold-30 {
  border-color: #c7a97b !important;
  border-color: var(--gold-30) !important;
}
.bg-gold-20 {
  --background: var(--gold-20);
  background: #dec69a !important;
  background: var(--gold-20) !important;
}
.text-gold-20 {
  color: #dec69a !important;
  color: var(--gold-20) !important;
}
.border-gold-20 {
  border-color: #dec69a !important;
  border-color: var(--gold-20) !important;
}
.bg-gold-10 {
  --background: var(--gold-10);
  background: #f1e5cd !important;
  background: var(--gold-10) !important;
}
.text-gold-10 {
  color: #f1e5cd !important;
  color: var(--gold-10) !important;
}
.border-gold-10 {
  border-color: #f1e5cd !important;
  border-color: var(--gold-10) !important;
}
.bg-gold-5 {
  --background: var(--gold-5);
  background: #f5f0e6 !important;
  background: var(--gold-5) !important;
}
.text-gold-5 {
  color: #f5f0e6 !important;
  color: var(--gold-5) !important;
}
.border-gold-5 {
  border-color: #f5f0e6 !important;
  border-color: var(--gold-5) !important;
}
.bg-gold-vivid-80 {
  --background: var(--gold-vivid-80);
  background: #3b2b15 !important;
  background: var(--gold-vivid-80) !important;
}
.text-gold-vivid-80 {
  color: #3b2b15 !important;
  color: var(--gold-vivid-80) !important;
}
.border-gold-vivid-80 {
  border-color: #3b2b15 !important;
  border-color: var(--gold-vivid-80) !important;
}
.bg-gold-vivid-70 {
  --background: var(--gold-vivid-70);
  background: #5c410a !important;
  background: var(--gold-vivid-70) !important;
}
.text-gold-vivid-70 {
  color: #5c410a !important;
  color: var(--gold-vivid-70) !important;
}
.border-gold-vivid-70 {
  border-color: #5c410a !important;
  border-color: var(--gold-vivid-70) !important;
}
.bg-gold-vivid-60 {
  --background: var(--gold-vivid-60);
  background: #7a591a !important;
  background: var(--gold-vivid-60) !important;
}
.text-gold-vivid-60 {
  color: #7a591a !important;
  color: var(--gold-vivid-60) !important;
}
.border-gold-vivid-60 {
  border-color: #7a591a !important;
  border-color: var(--gold-vivid-60) !important;
}
.bg-gold-vivid-50 {
  --background: var(--gold-vivid-50);
  background: #936f38 !important;
  background: var(--gold-vivid-50) !important;
}
.text-gold-vivid-50 {
  color: #936f38 !important;
  color: var(--gold-vivid-50) !important;
}
.border-gold-vivid-50 {
  border-color: #936f38 !important;
  border-color: var(--gold-vivid-50) !important;
}
.bg-gold-vivid-40 {
  --background: var(--gold-vivid-40);
  background: #c2850c !important;
  background: var(--gold-vivid-40) !important;
}
.text-gold-vivid-40 {
  color: #c2850c !important;
  color: var(--gold-vivid-40) !important;
}
.border-gold-vivid-40 {
  border-color: #c2850c !important;
  border-color: var(--gold-vivid-40) !important;
}
.bg-gold-vivid-30 {
  --background: var(--gold-vivid-30);
  background: #e5a000 !important;
  background: var(--gold-vivid-30) !important;
}
.text-gold-vivid-30 {
  color: #e5a000 !important;
  color: var(--gold-vivid-30) !important;
}
.border-gold-vivid-30 {
  border-color: #e5a000 !important;
  border-color: var(--gold-vivid-30) !important;
}
.bg-gold-vivid-20 {
  --background: var(--gold-vivid-20);
  background: #ffbe2e !important;
  background: var(--gold-vivid-20) !important;
}
.text-gold-vivid-20 {
  color: #ffbe2e !important;
  color: var(--gold-vivid-20) !important;
}
.border-gold-vivid-20 {
  border-color: #ffbe2e !important;
  border-color: var(--gold-vivid-20) !important;
}
.bg-gold-vivid-10 {
  --background: var(--gold-vivid-10);
  background: #ffe396 !important;
  background: var(--gold-vivid-10) !important;
}
.text-gold-vivid-10 {
  color: #ffe396 !important;
  color: var(--gold-vivid-10) !important;
}
.border-gold-vivid-10 {
  border-color: #ffe396 !important;
  border-color: var(--gold-vivid-10) !important;
}
.bg-gold-vivid-5 {
  --background: var(--gold-vivid-5);
  background: #fef0c8 !important;
  background: var(--gold-vivid-5) !important;
}
.text-gold-vivid-5 {
  color: #fef0c8 !important;
  color: var(--gold-vivid-5) !important;
}
.border-gold-vivid-5 {
  border-color: #fef0c8 !important;
  border-color: var(--gold-vivid-5) !important;
}
.bg-gray-90 {
  --background: var(--gray-90);
  background: #1b1b1b !important;
  background: var(--gray-90) !important;
}
.text-gray-90 {
  color: #1b1b1b !important;
  color: var(--gray-90) !important;
}
.border-gray-90 {
  border-color: #1b1b1b !important;
  border-color: var(--gray-90) !important;
}
.bg-gray-80 {
  --background: var(--gray-80);
  background: #333 !important;
  background: var(--gray-80) !important;
}
.text-gray-80 {
  color: #333 !important;
  color: var(--gray-80) !important;
}
.border-gray-80 {
  border-color: #333 !important;
  border-color: var(--gray-80) !important;
}
.bg-gray-70 {
  --background: var(--gray-70);
  background: #555 !important;
  background: var(--gray-70) !important;
}
.text-gray-70 {
  color: #555 !important;
  color: var(--gray-70) !important;
}
.border-gray-70 {
  border-color: #555 !important;
  border-color: var(--gray-70) !important;
}
.bg-gray-60 {
  --background: var(--gray-60);
  background: #636363 !important;
  background: var(--gray-60) !important;
}
.text-gray-60 {
  color: #636363 !important;
  color: var(--gray-60) !important;
}
.border-gray-60 {
  border-color: #636363 !important;
  border-color: var(--gray-60) !important;
}
.bg-gray-50 {
  --background: var(--gray-50);
  background: #757575 !important;
  background: var(--gray-50) !important;
}
.text-gray-50 {
  color: #757575 !important;
  color: var(--gray-50) !important;
}
.border-gray-50 {
  border-color: #757575 !important;
  border-color: var(--gray-50) !important;
}
.bg-gray-40 {
  --background: var(--gray-40);
  background: #888 !important;
  background: var(--gray-40) !important;
}
.text-gray-40 {
  color: #888 !important;
  color: var(--gray-40) !important;
}
.border-gray-40 {
  border-color: #888 !important;
  border-color: var(--gray-40) !important;
}
.bg-gray-30 {
  --background: var(--gray-30);
  background: #adadad !important;
  background: var(--gray-30) !important;
}
.text-gray-30 {
  color: #adadad !important;
  color: var(--gray-30) !important;
}
.border-gray-30 {
  border-color: #adadad !important;
  border-color: var(--gray-30) !important;
}
.bg-gray-20 {
  --background: var(--gray-20);
  background: #ccc !important;
  background: var(--gray-20) !important;
}
.text-gray-20 {
  color: #ccc !important;
  color: var(--gray-20) !important;
}
.border-gray-20 {
  border-color: #ccc !important;
  border-color: var(--gray-20) !important;
}
.bg-gray-10 {
  --background: var(--gray-10);
  background: #e6e6e6 !important;
  background: var(--gray-10) !important;
}
.text-gray-10 {
  color: #e6e6e6 !important;
  color: var(--gray-10) !important;
}
.border-gray-10 {
  border-color: #e6e6e6 !important;
  border-color: var(--gray-10) !important;
}
.bg-gray-5 {
  --background: var(--gray-5);
  background: #f0f0f0 !important;
  background: var(--gray-5) !important;
}
.text-gray-5 {
  color: #f0f0f0 !important;
  color: var(--gray-5) !important;
}
.border-gray-5 {
  border-color: #f0f0f0 !important;
  border-color: var(--gray-5) !important;
}
.bg-gray-4 {
  --background: var(--gray-4);
  background: #f3f3f3 !important;
  background: var(--gray-4) !important;
}
.text-gray-4 {
  color: #f3f3f3 !important;
  color: var(--gray-4) !important;
}
.border-gray-4 {
  border-color: #f3f3f3 !important;
  border-color: var(--gray-4) !important;
}
.bg-gray-3 {
  --background: var(--gray-3);
  background: #f6f6f6 !important;
  background: var(--gray-3) !important;
}
.text-gray-3 {
  color: #f6f6f6 !important;
  color: var(--gray-3) !important;
}
.border-gray-3 {
  border-color: #f6f6f6 !important;
  border-color: var(--gray-3) !important;
}
.bg-gray-2 {
  --background: var(--gray-2);
  background: #f8f8f8 !important;
  background: var(--gray-2) !important;
}
.text-gray-2 {
  color: #f8f8f8 !important;
  color: var(--gray-2) !important;
}
.border-gray-2 {
  border-color: #f8f8f8 !important;
  border-color: var(--gray-2) !important;
}
.bg-gray-1 {
  --background: var(--gray-1);
  background: #fcfcfc !important;
  background: var(--gray-1) !important;
}
.text-gray-1 {
  color: #fcfcfc !important;
  color: var(--gray-1) !important;
}
.border-gray-1 {
  border-color: #fcfcfc !important;
  border-color: var(--gray-1) !important;
}
.bg-gray-cool-90 {
  --background: var(--gray-cool-90);
  background: #1c1d1f !important;
  background: var(--gray-cool-90) !important;
}
.text-gray-cool-90 {
  color: #1c1d1f !important;
  color: var(--gray-cool-90) !important;
}
.border-gray-cool-90 {
  border-color: #1c1d1f !important;
  border-color: var(--gray-cool-90) !important;
}
.bg-gray-cool-80 {
  --background: var(--gray-cool-80);
  background: #2d2e2f !important;
  background: var(--gray-cool-80) !important;
}
.text-gray-cool-80 {
  color: #2d2e2f !important;
  color: var(--gray-cool-80) !important;
}
.border-gray-cool-80 {
  border-color: #2d2e2f !important;
  border-color: var(--gray-cool-80) !important;
}
.bg-gray-cool-70 {
  --background: var(--gray-cool-70);
  background: #3d4551 !important;
  background: var(--gray-cool-70) !important;
}
.text-gray-cool-70 {
  color: #3d4551 !important;
  color: var(--gray-cool-70) !important;
}
.border-gray-cool-70 {
  border-color: #3d4551 !important;
  border-color: var(--gray-cool-70) !important;
}
.bg-gray-cool-60 {
  --background: var(--gray-cool-60);
  background: #565c65 !important;
  background: var(--gray-cool-60) !important;
}
.text-gray-cool-60 {
  color: #565c65 !important;
  color: var(--gray-cool-60) !important;
}
.border-gray-cool-60 {
  border-color: #565c65 !important;
  border-color: var(--gray-cool-60) !important;
}
.bg-gray-cool-50 {
  --background: var(--gray-cool-50);
  background: #71767a !important;
  background: var(--gray-cool-50) !important;
}
.text-gray-cool-50 {
  color: #71767a !important;
  color: var(--gray-cool-50) !important;
}
.border-gray-cool-50 {
  border-color: #71767a !important;
  border-color: var(--gray-cool-50) !important;
}
.bg-gray-cool-40 {
  --background: var(--gray-cool-40);
  background: #8d9297 !important;
  background: var(--gray-cool-40) !important;
}
.text-gray-cool-40 {
  color: #8d9297 !important;
  color: var(--gray-cool-40) !important;
}
.border-gray-cool-40 {
  border-color: #8d9297 !important;
  border-color: var(--gray-cool-40) !important;
}
.bg-gray-cool-30 {
  --background: var(--gray-cool-30);
  background: #a9aeb1 !important;
  background: var(--gray-cool-30) !important;
}
.text-gray-cool-30 {
  color: #a9aeb1 !important;
  color: var(--gray-cool-30) !important;
}
.border-gray-cool-30 {
  border-color: #a9aeb1 !important;
  border-color: var(--gray-cool-30) !important;
}
.bg-gray-cool-20 {
  --background: var(--gray-cool-20);
  background: #c6cace !important;
  background: var(--gray-cool-20) !important;
}
.text-gray-cool-20 {
  color: #c6cace !important;
  color: var(--gray-cool-20) !important;
}
.border-gray-cool-20 {
  border-color: #c6cace !important;
  border-color: var(--gray-cool-20) !important;
}
.bg-gray-cool-10 {
  --background: var(--gray-cool-10);
  background: #dfe1e2 !important;
  background: var(--gray-cool-10) !important;
}
.text-gray-cool-10 {
  color: #dfe1e2 !important;
  color: var(--gray-cool-10) !important;
}
.border-gray-cool-10 {
  border-color: #dfe1e2 !important;
  border-color: var(--gray-cool-10) !important;
}
.bg-gray-cool-5 {
  --background: var(--gray-cool-5);
  background: #edeff0 !important;
  background: var(--gray-cool-5) !important;
}
.text-gray-cool-5 {
  color: #edeff0 !important;
  color: var(--gray-cool-5) !important;
}
.border-gray-cool-5 {
  border-color: #edeff0 !important;
  border-color: var(--gray-cool-5) !important;
}
.bg-gray-cool-4 {
  --background: var(--gray-cool-4);
  background: #f1f3f6 !important;
  background: var(--gray-cool-4) !important;
}
.text-gray-cool-4 {
  color: #f1f3f6 !important;
  color: var(--gray-cool-4) !important;
}
.border-gray-cool-4 {
  border-color: #f1f3f6 !important;
  border-color: var(--gray-cool-4) !important;
}
.bg-gray-cool-3 {
  --background: var(--gray-cool-3);
  background: #f5f6f7 !important;
  background: var(--gray-cool-3) !important;
}
.text-gray-cool-3 {
  color: #f5f6f7 !important;
  color: var(--gray-cool-3) !important;
}
.border-gray-cool-3 {
  border-color: #f5f6f7 !important;
  border-color: var(--gray-cool-3) !important;
}
.bg-gray-cool-2 {
  --background: var(--gray-cool-2);
  background: #f7f9fa !important;
  background: var(--gray-cool-2) !important;
}
.text-gray-cool-2 {
  color: #f7f9fa !important;
  color: var(--gray-cool-2) !important;
}
.border-gray-cool-2 {
  border-color: #f7f9fa !important;
  border-color: var(--gray-cool-2) !important;
}
.bg-gray-cool-1 {
  --background: var(--gray-cool-1);
  background: #fbfcfd !important;
  background: var(--gray-cool-1) !important;
}
.text-gray-cool-1 {
  color: #fbfcfd !important;
  color: var(--gray-cool-1) !important;
}
.border-gray-cool-1 {
  border-color: #fbfcfd !important;
  border-color: var(--gray-cool-1) !important;
}
.bg-gray-warm-90 {
  --background: var(--gray-warm-90);
  background: #171716 !important;
  background: var(--gray-warm-90) !important;
}
.text-gray-warm-90 {
  color: #171716 !important;
  color: var(--gray-warm-90) !important;
}
.border-gray-warm-90 {
  border-color: #171716 !important;
  border-color: var(--gray-warm-90) !important;
}
.bg-gray-warm-80 {
  --background: var(--gray-warm-80);
  background: #2e2e2a !important;
  background: var(--gray-warm-80) !important;
}
.text-gray-warm-80 {
  color: #2e2e2a !important;
  color: var(--gray-warm-80) !important;
}
.border-gray-warm-80 {
  border-color: #2e2e2a !important;
  border-color: var(--gray-warm-80) !important;
}
.bg-gray-warm-70 {
  --background: var(--gray-warm-70);
  background: #454540 !important;
  background: var(--gray-warm-70) !important;
}
.text-gray-warm-70 {
  color: #454540 !important;
  color: var(--gray-warm-70) !important;
}
.border-gray-warm-70 {
  border-color: #454540 !important;
  border-color: var(--gray-warm-70) !important;
}
.bg-gray-warm-60 {
  --background: var(--gray-warm-60);
  background: #5d5d52 !important;
  background: var(--gray-warm-60) !important;
}
.text-gray-warm-60 {
  color: #5d5d52 !important;
  color: var(--gray-warm-60) !important;
}
.border-gray-warm-60 {
  border-color: #5d5d52 !important;
  border-color: var(--gray-warm-60) !important;
}
.bg-gray-warm-50 {
  --background: var(--gray-warm-50);
  background: #76766a !important;
  background: var(--gray-warm-50) !important;
}
.text-gray-warm-50 {
  color: #76766a !important;
  color: var(--gray-warm-50) !important;
}
.border-gray-warm-50 {
  border-color: #76766a !important;
  border-color: var(--gray-warm-50) !important;
}
.bg-gray-warm-40 {
  --background: var(--gray-warm-40);
  background: #929285 !important;
  background: var(--gray-warm-40) !important;
}
.text-gray-warm-40 {
  color: #929285 !important;
  color: var(--gray-warm-40) !important;
}
.border-gray-warm-40 {
  border-color: #929285 !important;
  border-color: var(--gray-warm-40) !important;
}
.bg-gray-warm-30 {
  --background: var(--gray-warm-30);
  background: #afaea2 !important;
  background: var(--gray-warm-30) !important;
}
.text-gray-warm-30 {
  color: #afaea2 !important;
  color: var(--gray-warm-30) !important;
}
.border-gray-warm-30 {
  border-color: #afaea2 !important;
  border-color: var(--gray-warm-30) !important;
}
.bg-gray-warm-20 {
  --background: var(--gray-warm-20);
  background: #cac9c0 !important;
  background: var(--gray-warm-20) !important;
}
.text-gray-warm-20 {
  color: #cac9c0 !important;
  color: var(--gray-warm-20) !important;
}
.border-gray-warm-20 {
  border-color: #cac9c0 !important;
  border-color: var(--gray-warm-20) !important;
}
.bg-gray-warm-10 {
  --background: var(--gray-warm-10);
  background: #e6e6e2 !important;
  background: var(--gray-warm-10) !important;
}
.text-gray-warm-10 {
  color: #e6e6e2 !important;
  color: var(--gray-warm-10) !important;
}
.border-gray-warm-10 {
  border-color: #e6e6e2 !important;
  border-color: var(--gray-warm-10) !important;
}
.bg-gray-warm-5 {
  --background: var(--gray-warm-5);
  background: #f0f0ec !important;
  background: var(--gray-warm-5) !important;
}
.text-gray-warm-5 {
  color: #f0f0ec !important;
  color: var(--gray-warm-5) !important;
}
.border-gray-warm-5 {
  border-color: #f0f0ec !important;
  border-color: var(--gray-warm-5) !important;
}
.bg-gray-warm-4 {
  --background: var(--gray-warm-4);
  background: #f5f5f0 !important;
  background: var(--gray-warm-4) !important;
}
.text-gray-warm-4 {
  color: #f5f5f0 !important;
  color: var(--gray-warm-4) !important;
}
.border-gray-warm-4 {
  border-color: #f5f5f0 !important;
  border-color: var(--gray-warm-4) !important;
}
.bg-gray-warm-3 {
  --background: var(--gray-warm-3);
  background: #f6f6f2 !important;
  background: var(--gray-warm-3) !important;
}
.text-gray-warm-3 {
  color: #f6f6f2 !important;
  color: var(--gray-warm-3) !important;
}
.border-gray-warm-3 {
  border-color: #f6f6f2 !important;
  border-color: var(--gray-warm-3) !important;
}
.bg-gray-warm-2 {
  --background: var(--gray-warm-2);
  background: #f9f9f7 !important;
  background: var(--gray-warm-2) !important;
}
.text-gray-warm-2 {
  color: #f9f9f7 !important;
  color: var(--gray-warm-2) !important;
}
.border-gray-warm-2 {
  border-color: #f9f9f7 !important;
  border-color: var(--gray-warm-2) !important;
}
.bg-gray-warm-1 {
  --background: var(--gray-warm-1);
  background: #fcfcfb !important;
  background: var(--gray-warm-1) !important;
}
.text-gray-warm-1 {
  color: #fcfcfb !important;
  color: var(--gray-warm-1) !important;
}
.border-gray-warm-1 {
  border-color: #fcfcfb !important;
  border-color: var(--gray-warm-1) !important;
}
.bg-green-90 {
  --background: var(--green-90);
  background: #161814 !important;
  background: var(--green-90) !important;
}
.text-green-90 {
  color: #161814 !important;
  color: var(--green-90) !important;
}
.border-green-90 {
  border-color: #161814 !important;
  border-color: var(--green-90) !important;
}
.bg-green-80 {
  --background: var(--green-80);
  background: #293021 !important;
  background: var(--green-80) !important;
}
.text-green-80 {
  color: #293021 !important;
  color: var(--green-80) !important;
}
.border-green-80 {
  border-color: #293021 !important;
  border-color: var(--green-80) !important;
}
.bg-green-70 {
  --background: var(--green-70);
  background: #3c4a29 !important;
  background: var(--green-70) !important;
}
.text-green-70 {
  color: #3c4a29 !important;
  color: var(--green-70) !important;
}
.border-green-70 {
  border-color: #3c4a29 !important;
  border-color: var(--green-70) !important;
}
.bg-green-60 {
  --background: var(--green-60);
  background: #4c6424 !important;
  background: var(--green-60) !important;
}
.text-green-60 {
  color: #4c6424 !important;
  color: var(--green-60) !important;
}
.border-green-60 {
  border-color: #4c6424 !important;
  border-color: var(--green-60) !important;
}
.bg-green-50 {
  --background: var(--green-50);
  background: #607f35 !important;
  background: var(--green-50) !important;
}
.text-green-50 {
  color: #607f35 !important;
  color: var(--green-50) !important;
}
.border-green-50 {
  border-color: #607f35 !important;
  border-color: var(--green-50) !important;
}
.bg-green-40 {
  --background: var(--green-40);
  background: #7d9b4e !important;
  background: var(--green-40) !important;
}
.text-green-40 {
  color: #7d9b4e !important;
  color: var(--green-40) !important;
}
.border-green-40 {
  border-color: #7d9b4e !important;
  border-color: var(--green-40) !important;
}
.bg-green-30 {
  --background: var(--green-30);
  background: #9bb672 !important;
  background: var(--green-30) !important;
}
.text-green-30 {
  color: #9bb672 !important;
  color: var(--green-30) !important;
}
.border-green-30 {
  border-color: #9bb672 !important;
  border-color: var(--green-30) !important;
}
.bg-green-20 {
  --background: var(--green-20);
  background: #b8d293 !important;
  background: var(--green-20) !important;
}
.text-green-20 {
  color: #b8d293 !important;
  color: var(--green-20) !important;
}
.border-green-20 {
  border-color: #b8d293 !important;
  border-color: var(--green-20) !important;
}
.bg-green-10 {
  --background: var(--green-10);
  background: #dfeacd !important;
  background: var(--green-10) !important;
}
.text-green-10 {
  color: #dfeacd !important;
  color: var(--green-10) !important;
}
.border-green-10 {
  border-color: #dfeacd !important;
  border-color: var(--green-10) !important;
}
.bg-green-5 {
  --background: var(--green-5);
  background: #eaf4dd !important;
  background: var(--green-5) !important;
}
.text-green-5 {
  color: #eaf4dd !important;
  color: var(--green-5) !important;
}
.border-green-5 {
  border-color: #eaf4dd !important;
  border-color: var(--green-5) !important;
}
.bg-green-cool-90 {
  --background: var(--green-cool-90);
  background: #1a1f1a !important;
  background: var(--green-cool-90) !important;
}
.text-green-cool-90 {
  color: #1a1f1a !important;
  color: var(--green-cool-90) !important;
}
.border-green-cool-90 {
  border-color: #1a1f1a !important;
  border-color: var(--green-cool-90) !important;
}
.bg-green-cool-80 {
  --background: var(--green-cool-80);
  background: #28312a !important;
  background: var(--green-cool-80) !important;
}
.text-green-cool-80 {
  color: #28312a !important;
  color: var(--green-cool-80) !important;
}
.border-green-cool-80 {
  border-color: #28312a !important;
  border-color: var(--green-cool-80) !important;
}
.bg-green-cool-70 {
  --background: var(--green-cool-70);
  background: #37493b !important;
  background: var(--green-cool-70) !important;
}
.text-green-cool-70 {
  color: #37493b !important;
  color: var(--green-cool-70) !important;
}
.border-green-cool-70 {
  border-color: #37493b !important;
  border-color: var(--green-cool-70) !important;
}
.bg-green-cool-60 {
  --background: var(--green-cool-60);
  background: #446443 !important;
  background: var(--green-cool-60) !important;
}
.text-green-cool-60 {
  color: #446443 !important;
  color: var(--green-cool-60) !important;
}
.border-green-cool-60 {
  border-color: #446443 !important;
  border-color: var(--green-cool-60) !important;
}
.bg-green-cool-50 {
  --background: var(--green-cool-50);
  background: #4d8055 !important;
  background: var(--green-cool-50) !important;
}
.text-green-cool-50 {
  color: #4d8055 !important;
  color: var(--green-cool-50) !important;
}
.border-green-cool-50 {
  border-color: #4d8055 !important;
  border-color: var(--green-cool-50) !important;
}
.bg-green-cool-40 {
  --background: var(--green-cool-40);
  background: #5e9f69 !important;
  background: var(--green-cool-40) !important;
}
.text-green-cool-40 {
  color: #5e9f69 !important;
  color: var(--green-cool-40) !important;
}
.border-green-cool-40 {
  border-color: #5e9f69 !important;
  border-color: var(--green-cool-40) !important;
}
.bg-green-cool-30 {
  --background: var(--green-cool-30);
  background: #86b98e !important;
  background: var(--green-cool-30) !important;
}
.text-green-cool-30 {
  color: #86b98e !important;
  color: var(--green-cool-30) !important;
}
.border-green-cool-30 {
  border-color: #86b98e !important;
  border-color: var(--green-cool-30) !important;
}
.bg-green-cool-20 {
  --background: var(--green-cool-20);
  background: #b4d0b9 !important;
  background: var(--green-cool-20) !important;
}
.text-green-cool-20 {
  color: #b4d0b9 !important;
  color: var(--green-cool-20) !important;
}
.border-green-cool-20 {
  border-color: #b4d0b9 !important;
  border-color: var(--green-cool-20) !important;
}
.bg-green-cool-10 {
  --background: var(--green-cool-10);
  background: #dbebde !important;
  background: var(--green-cool-10) !important;
}
.text-green-cool-10 {
  color: #dbebde !important;
  color: var(--green-cool-10) !important;
}
.border-green-cool-10 {
  border-color: #dbebde !important;
  border-color: var(--green-cool-10) !important;
}
.bg-green-cool-5 {
  --background: var(--green-cool-5);
  background: #ecf3ec !important;
  background: var(--green-cool-5) !important;
}
.text-green-cool-5 {
  color: #ecf3ec !important;
  color: var(--green-cool-5) !important;
}
.border-green-cool-5 {
  border-color: #ecf3ec !important;
  border-color: var(--green-cool-5) !important;
}
.bg-green-warm-90 {
  --background: var(--green-warm-90);
  background: #171712 !important;
  background: var(--green-warm-90) !important;
}
.text-green-warm-90 {
  color: #171712 !important;
  color: var(--green-warm-90) !important;
}
.border-green-warm-90 {
  border-color: #171712 !important;
  border-color: var(--green-warm-90) !important;
}
.bg-green-warm-80 {
  --background: var(--green-warm-80);
  background: #2d2f21 !important;
  background: var(--green-warm-80) !important;
}
.text-green-warm-80 {
  color: #2d2f21 !important;
  color: var(--green-warm-80) !important;
}
.border-green-warm-80 {
  border-color: #2d2f21 !important;
  border-color: var(--green-warm-80) !important;
}
.bg-green-warm-70 {
  --background: var(--green-warm-70);
  background: #45472f !important;
  background: var(--green-warm-70) !important;
}
.text-green-warm-70 {
  color: #45472f !important;
  color: var(--green-warm-70) !important;
}
.border-green-warm-70 {
  border-color: #45472f !important;
  border-color: var(--green-warm-70) !important;
}
.bg-green-warm-60 {
  --background: var(--green-warm-60);
  background: #5a5f38 !important;
  background: var(--green-warm-60) !important;
}
.text-green-warm-60 {
  color: #5a5f38 !important;
  color: var(--green-warm-60) !important;
}
.border-green-warm-60 {
  border-color: #5a5f38 !important;
  border-color: var(--green-warm-60) !important;
}
.bg-green-warm-50 {
  --background: var(--green-warm-50);
  background: #6f7a41 !important;
  background: var(--green-warm-50) !important;
}
.text-green-warm-50 {
  color: #6f7a41 !important;
  color: var(--green-warm-50) !important;
}
.border-green-warm-50 {
  border-color: #6f7a41 !important;
  border-color: var(--green-warm-50) !important;
}
.bg-green-warm-40 {
  --background: var(--green-warm-40);
  background: #8a984b !important;
  background: var(--green-warm-40) !important;
}
.text-green-warm-40 {
  color: #8a984b !important;
  color: var(--green-warm-40) !important;
}
.border-green-warm-40 {
  border-color: #8a984b !important;
  border-color: var(--green-warm-40) !important;
}
.bg-green-warm-30 {
  --background: var(--green-warm-30);
  background: #a6b557 !important;
  background: var(--green-warm-30) !important;
}
.text-green-warm-30 {
  color: #a6b557 !important;
  color: var(--green-warm-30) !important;
}
.border-green-warm-30 {
  border-color: #a6b557 !important;
  border-color: var(--green-warm-30) !important;
}
.bg-green-warm-20 {
  --background: var(--green-warm-20);
  background: #cbd17a !important;
  background: var(--green-warm-20) !important;
}
.text-green-warm-20 {
  color: #cbd17a !important;
  color: var(--green-warm-20) !important;
}
.border-green-warm-20 {
  border-color: #cbd17a !important;
  border-color: var(--green-warm-20) !important;
}
.bg-green-warm-10 {
  --background: var(--green-warm-10);
  background: #e7eab7 !important;
  background: var(--green-warm-10) !important;
}
.text-green-warm-10 {
  color: #e7eab7 !important;
  color: var(--green-warm-10) !important;
}
.border-green-warm-10 {
  border-color: #e7eab7 !important;
  border-color: var(--green-warm-10) !important;
}
.bg-green-warm-5 {
  --background: var(--green-warm-5);
  background: #f1f4d7 !important;
  background: var(--green-warm-5) !important;
}
.text-green-warm-5 {
  color: #f1f4d7 !important;
  color: var(--green-warm-5) !important;
}
.border-green-warm-5 {
  border-color: #f1f4d7 !important;
  border-color: var(--green-warm-5) !important;
}
.bg-green-vivid-80 {
  --background: var(--green-vivid-80);
  background: #243413 !important;
  background: var(--green-vivid-80) !important;
}
.text-green-vivid-80 {
  color: #243413 !important;
  color: var(--green-vivid-80) !important;
}
.border-green-vivid-80 {
  border-color: #243413 !important;
  border-color: var(--green-vivid-80) !important;
}
.bg-green-vivid-70 {
  --background: var(--green-vivid-70);
  background: #2f4a0b !important;
  background: var(--green-vivid-70) !important;
}
.text-green-vivid-70 {
  color: #2f4a0b !important;
  color: var(--green-vivid-70) !important;
}
.border-green-vivid-70 {
  border-color: #2f4a0b !important;
  border-color: var(--green-vivid-70) !important;
}
.bg-green-vivid-60 {
  --background: var(--green-vivid-60);
  background: #466c04 !important;
  background: var(--green-vivid-60) !important;
}
.text-green-vivid-60 {
  color: #466c04 !important;
  color: var(--green-vivid-60) !important;
}
.border-green-vivid-60 {
  border-color: #466c04 !important;
  border-color: var(--green-vivid-60) !important;
}
.bg-green-vivid-50 {
  --background: var(--green-vivid-50);
  background: #538200 !important;
  background: var(--green-vivid-50) !important;
}
.text-green-vivid-50 {
  color: #538200 !important;
  color: var(--green-vivid-50) !important;
}
.border-green-vivid-50 {
  border-color: #538200 !important;
  border-color: var(--green-vivid-50) !important;
}
.bg-green-vivid-40 {
  --background: var(--green-vivid-40);
  background: #719f2a !important;
  background: var(--green-vivid-40) !important;
}
.text-green-vivid-40 {
  color: #719f2a !important;
  color: var(--green-vivid-40) !important;
}
.border-green-vivid-40 {
  border-color: #719f2a !important;
  border-color: var(--green-vivid-40) !important;
}
.bg-green-vivid-30 {
  --background: var(--green-vivid-30);
  background: #7fb135 !important;
  background: var(--green-vivid-30) !important;
}
.text-green-vivid-30 {
  color: #7fb135 !important;
  color: var(--green-vivid-30) !important;
}
.border-green-vivid-30 {
  border-color: #7fb135 !important;
  border-color: var(--green-vivid-30) !important;
}
.bg-green-vivid-20 {
  --background: var(--green-vivid-20);
  background: #98d035 !important;
  background: var(--green-vivid-20) !important;
}
.text-green-vivid-20 {
  color: #98d035 !important;
  color: var(--green-vivid-20) !important;
}
.border-green-vivid-20 {
  border-color: #98d035 !important;
  border-color: var(--green-vivid-20) !important;
}
.bg-green-vivid-10 {
  --background: var(--green-vivid-10);
  background: #c5ee93 !important;
  background: var(--green-vivid-10) !important;
}
.text-green-vivid-10 {
  color: #c5ee93 !important;
  color: var(--green-vivid-10) !important;
}
.border-green-vivid-10 {
  border-color: #c5ee93 !important;
  border-color: var(--green-vivid-10) !important;
}
.bg-green-vivid-5 {
  --background: var(--green-vivid-5);
  background: #ddf9c7 !important;
  background: var(--green-vivid-5) !important;
}
.text-green-vivid-5 {
  color: #ddf9c7 !important;
  color: var(--green-vivid-5) !important;
}
.border-green-vivid-5 {
  border-color: #ddf9c7 !important;
  border-color: var(--green-vivid-5) !important;
}
.bg-green-cool-vivid-80 {
  --background: var(--green-cool-vivid-80);
  background: #19311e !important;
  background: var(--green-cool-vivid-80) !important;
}
.text-green-cool-vivid-80 {
  color: #19311e !important;
  color: var(--green-cool-vivid-80) !important;
}
.border-green-cool-vivid-80 {
  border-color: #19311e !important;
  border-color: var(--green-cool-vivid-80) !important;
}
.bg-green-cool-vivid-70 {
  --background: var(--green-cool-vivid-70);
  background: #154c21 !important;
  background: var(--green-cool-vivid-70) !important;
}
.text-green-cool-vivid-70 {
  color: #154c21 !important;
  color: var(--green-cool-vivid-70) !important;
}
.border-green-cool-vivid-70 {
  border-color: #154c21 !important;
  border-color: var(--green-cool-vivid-70) !important;
}
.bg-green-cool-vivid-60 {
  --background: var(--green-cool-vivid-60);
  background: #216e1f !important;
  background: var(--green-cool-vivid-60) !important;
}
.text-green-cool-vivid-60 {
  color: #216e1f !important;
  color: var(--green-cool-vivid-60) !important;
}
.border-green-cool-vivid-60 {
  border-color: #216e1f !important;
  border-color: var(--green-cool-vivid-60) !important;
}
.bg-green-cool-vivid-50 {
  --background: var(--green-cool-vivid-50);
  background: #168821 !important;
  background: var(--green-cool-vivid-50) !important;
}
.text-green-cool-vivid-50 {
  color: #168821 !important;
  color: var(--green-cool-vivid-50) !important;
}
.border-green-cool-vivid-50 {
  border-color: #168821 !important;
  border-color: var(--green-cool-vivid-50) !important;
}
.bg-green-cool-vivid-40 {
  --background: var(--green-cool-vivid-40);
  background: #00a91c !important;
  background: var(--green-cool-vivid-40) !important;
}
.text-green-cool-vivid-40 {
  color: #00a91c !important;
  color: var(--green-cool-vivid-40) !important;
}
.border-green-cool-vivid-40 {
  border-color: #00a91c !important;
  border-color: var(--green-cool-vivid-40) !important;
}
.bg-green-cool-vivid-30 {
  --background: var(--green-cool-vivid-30);
  background: #21c834 !important;
  background: var(--green-cool-vivid-30) !important;
}
.text-green-cool-vivid-30 {
  color: #21c834 !important;
  color: var(--green-cool-vivid-30) !important;
}
.border-green-cool-vivid-30 {
  border-color: #21c834 !important;
  border-color: var(--green-cool-vivid-30) !important;
}
.bg-green-cool-vivid-20 {
  --background: var(--green-cool-vivid-20);
  background: #70e17b !important;
  background: var(--green-cool-vivid-20) !important;
}
.text-green-cool-vivid-20 {
  color: #70e17b !important;
  color: var(--green-cool-vivid-20) !important;
}
.border-green-cool-vivid-20 {
  border-color: #70e17b !important;
  border-color: var(--green-cool-vivid-20) !important;
}
.bg-green-cool-vivid-10 {
  --background: var(--green-cool-vivid-10);
  background: #b7f5bd !important;
  background: var(--green-cool-vivid-10) !important;
}
.text-green-cool-vivid-10 {
  color: #b7f5bd !important;
  color: var(--green-cool-vivid-10) !important;
}
.border-green-cool-vivid-10 {
  border-color: #b7f5bd !important;
  border-color: var(--green-cool-vivid-10) !important;
}
.bg-green-cool-vivid-5 {
  --background: var(--green-cool-vivid-5);
  background: #e3f5e1 !important;
  background: var(--green-cool-vivid-5) !important;
}
.text-green-cool-vivid-5 {
  color: #e3f5e1 !important;
  color: var(--green-cool-vivid-5) !important;
}
.border-green-cool-vivid-5 {
  border-color: #e3f5e1 !important;
  border-color: var(--green-cool-vivid-5) !important;
}
.bg-green-warm-vivid-80 {
  --background: var(--green-warm-vivid-80);
  background: #38380b !important;
  background: var(--green-warm-vivid-80) !important;
}
.text-green-warm-vivid-80 {
  color: #38380b !important;
  color: var(--green-warm-vivid-80) !important;
}
.border-green-warm-vivid-80 {
  border-color: #38380b !important;
  border-color: var(--green-warm-vivid-80) !important;
}
.bg-green-warm-vivid-70 {
  --background: var(--green-warm-vivid-70);
  background: #4b4e10 !important;
  background: var(--green-warm-vivid-70) !important;
}
.text-green-warm-vivid-70 {
  color: #4b4e10 !important;
  color: var(--green-warm-vivid-70) !important;
}
.border-green-warm-vivid-70 {
  border-color: #4b4e10 !important;
  border-color: var(--green-warm-vivid-70) !important;
}
.bg-green-warm-vivid-60 {
  --background: var(--green-warm-vivid-60);
  background: #5a6613 !important;
  background: var(--green-warm-vivid-60) !important;
}
.text-green-warm-vivid-60 {
  color: #5a6613 !important;
  color: var(--green-warm-vivid-60) !important;
}
.border-green-warm-vivid-60 {
  border-color: #5a6613 !important;
  border-color: var(--green-warm-vivid-60) !important;
}
.bg-green-warm-vivid-50 {
  --background: var(--green-warm-vivid-50);
  background: #6a7d00 !important;
  background: var(--green-warm-vivid-50) !important;
}
.text-green-warm-vivid-50 {
  color: #6a7d00 !important;
  color: var(--green-warm-vivid-50) !important;
}
.border-green-warm-vivid-50 {
  border-color: #6a7d00 !important;
  border-color: var(--green-warm-vivid-50) !important;
}
.bg-green-warm-vivid-40 {
  --background: var(--green-warm-vivid-40);
  background: #7e9c1d !important;
  background: var(--green-warm-vivid-40) !important;
}
.text-green-warm-vivid-40 {
  color: #7e9c1d !important;
  color: var(--green-warm-vivid-40) !important;
}
.border-green-warm-vivid-40 {
  border-color: #7e9c1d !important;
  border-color: var(--green-warm-vivid-40) !important;
}
.bg-green-warm-vivid-30 {
  --background: var(--green-warm-vivid-30);
  background: #a3b72c !important;
  background: var(--green-warm-vivid-30) !important;
}
.text-green-warm-vivid-30 {
  color: #a3b72c !important;
  color: var(--green-warm-vivid-30) !important;
}
.border-green-warm-vivid-30 {
  border-color: #a3b72c !important;
  border-color: var(--green-warm-vivid-30) !important;
}
.bg-green-warm-vivid-20 {
  --background: var(--green-warm-vivid-20);
  background: #c5d30a !important;
  background: var(--green-warm-vivid-20) !important;
}
.text-green-warm-vivid-20 {
  color: #c5d30a !important;
  color: var(--green-warm-vivid-20) !important;
}
.border-green-warm-vivid-20 {
  border-color: #c5d30a !important;
  border-color: var(--green-warm-vivid-20) !important;
}
.bg-green-warm-vivid-10 {
  --background: var(--green-warm-vivid-10);
  background: #e7f434 !important;
  background: var(--green-warm-vivid-10) !important;
}
.text-green-warm-vivid-10 {
  color: #e7f434 !important;
  color: var(--green-warm-vivid-10) !important;
}
.border-green-warm-vivid-10 {
  border-color: #e7f434 !important;
  border-color: var(--green-warm-vivid-10) !important;
}
.bg-green-warm-vivid-5 {
  --background: var(--green-warm-vivid-5);
  background: #f5fbc1 !important;
  background: var(--green-warm-vivid-5) !important;
}
.text-green-warm-vivid-5 {
  color: #f5fbc1 !important;
  color: var(--green-warm-vivid-5) !important;
}
.border-green-warm-vivid-5 {
  border-color: #f5fbc1 !important;
  border-color: var(--green-warm-vivid-5) !important;
}
.bg-indigo-90 {
  --background: var(--indigo-90);
  background: #16171f !important;
  background: var(--indigo-90) !important;
}
.text-indigo-90 {
  color: #16171f !important;
  color: var(--indigo-90) !important;
}
.border-indigo-90 {
  border-color: #16171f !important;
  border-color: var(--indigo-90) !important;
}
.bg-indigo-80 {
  --background: var(--indigo-80);
  background: #2b2c40 !important;
  background: var(--indigo-80) !important;
}
.text-indigo-80 {
  color: #2b2c40 !important;
  color: var(--indigo-80) !important;
}
.border-indigo-80 {
  border-color: #2b2c40 !important;
  border-color: var(--indigo-80) !important;
}
.bg-indigo-70 {
  --background: var(--indigo-70);
  background: #3d4076 !important;
  background: var(--indigo-70) !important;
}
.text-indigo-70 {
  color: #3d4076 !important;
  color: var(--indigo-70) !important;
}
.border-indigo-70 {
  border-color: #3d4076 !important;
  border-color: var(--indigo-70) !important;
}
.bg-indigo-60 {
  --background: var(--indigo-60);
  background: #4d52af !important;
  background: var(--indigo-60) !important;
}
.text-indigo-60 {
  color: #4d52af !important;
  color: var(--indigo-60) !important;
}
.border-indigo-60 {
  border-color: #4d52af !important;
  border-color: var(--indigo-60) !important;
}
.bg-indigo-50 {
  --background: var(--indigo-50);
  background: #676cc8 !important;
  background: var(--indigo-50) !important;
}
.text-indigo-50 {
  color: #676cc8 !important;
  color: var(--indigo-50) !important;
}
.border-indigo-50 {
  border-color: #676cc8 !important;
  border-color: var(--indigo-50) !important;
}
.bg-indigo-40 {
  --background: var(--indigo-40);
  background: #8889db !important;
  background: var(--indigo-40) !important;
}
.text-indigo-40 {
  color: #8889db !important;
  color: var(--indigo-40) !important;
}
.border-indigo-40 {
  border-color: #8889db !important;
  border-color: var(--indigo-40) !important;
}
.bg-indigo-30 {
  --background: var(--indigo-30);
  background: #a5a8eb !important;
  background: var(--indigo-30) !important;
}
.text-indigo-30 {
  color: #a5a8eb !important;
  color: var(--indigo-30) !important;
}
.border-indigo-30 {
  border-color: #a5a8eb !important;
  border-color: var(--indigo-30) !important;
}
.bg-indigo-20 {
  --background: var(--indigo-20);
  background: #c5c5f3 !important;
  background: var(--indigo-20) !important;
}
.text-indigo-20 {
  color: #c5c5f3 !important;
  color: var(--indigo-20) !important;
}
.border-indigo-20 {
  border-color: #c5c5f3 !important;
  border-color: var(--indigo-20) !important;
}
.bg-indigo-10 {
  --background: var(--indigo-10);
  background: #e5e4fa !important;
  background: var(--indigo-10) !important;
}
.text-indigo-10 {
  color: #e5e4fa !important;
  color: var(--indigo-10) !important;
}
.border-indigo-10 {
  border-color: #e5e4fa !important;
  border-color: var(--indigo-10) !important;
}
.bg-indigo-5 {
  --background: var(--indigo-5);
  background: #efeff8 !important;
  background: var(--indigo-5) !important;
}
.text-indigo-5 {
  color: #efeff8 !important;
  color: var(--indigo-5) !important;
}
.border-indigo-5 {
  border-color: #efeff8 !important;
  border-color: var(--indigo-5) !important;
}
.bg-indigo-cool-90 {
  --background: var(--indigo-cool-90);
  background: #151622 !important;
  background: var(--indigo-cool-90) !important;
}
.text-indigo-cool-90 {
  color: #151622 !important;
  color: var(--indigo-cool-90) !important;
}
.border-indigo-cool-90 {
  border-color: #151622 !important;
  border-color: var(--indigo-cool-90) !important;
}
.bg-indigo-cool-80 {
  --background: var(--indigo-cool-80);
  background: #292d42 !important;
  background: var(--indigo-cool-80) !important;
}
.text-indigo-cool-80 {
  color: #292d42 !important;
  color: var(--indigo-cool-80) !important;
}
.border-indigo-cool-80 {
  border-color: #292d42 !important;
  border-color: var(--indigo-cool-80) !important;
}
.bg-indigo-cool-70 {
  --background: var(--indigo-cool-70);
  background: #374274 !important;
  background: var(--indigo-cool-70) !important;
}
.text-indigo-cool-70 {
  color: #374274 !important;
  color: var(--indigo-cool-70) !important;
}
.border-indigo-cool-70 {
  border-color: #374274 !important;
  border-color: var(--indigo-cool-70) !important;
}
.bg-indigo-cool-60 {
  --background: var(--indigo-cool-60);
  background: #3f57a6 !important;
  background: var(--indigo-cool-60) !important;
}
.text-indigo-cool-60 {
  color: #3f57a6 !important;
  color: var(--indigo-cool-60) !important;
}
.border-indigo-cool-60 {
  border-color: #3f57a6 !important;
  border-color: var(--indigo-cool-60) !important;
}
.bg-indigo-cool-50 {
  --background: var(--indigo-cool-50);
  background: #496fd8 !important;
  background: var(--indigo-cool-50) !important;
}
.text-indigo-cool-50 {
  color: #496fd8 !important;
  color: var(--indigo-cool-50) !important;
}
.border-indigo-cool-50 {
  border-color: #496fd8 !important;
  border-color: var(--indigo-cool-50) !important;
}
.bg-indigo-cool-40 {
  --background: var(--indigo-cool-40);
  background: #6b8ee8 !important;
  background: var(--indigo-cool-40) !important;
}
.text-indigo-cool-40 {
  color: #6b8ee8 !important;
  color: var(--indigo-cool-40) !important;
}
.border-indigo-cool-40 {
  border-color: #6b8ee8 !important;
  border-color: var(--indigo-cool-40) !important;
}
.bg-indigo-cool-30 {
  --background: var(--indigo-cool-30);
  background: #96abee !important;
  background: var(--indigo-cool-30) !important;
}
.text-indigo-cool-30 {
  color: #96abee !important;
  color: var(--indigo-cool-30) !important;
}
.border-indigo-cool-30 {
  border-color: #96abee !important;
  border-color: var(--indigo-cool-30) !important;
}
.bg-indigo-cool-20 {
  --background: var(--indigo-cool-20);
  background: #bbc8f5 !important;
  background: var(--indigo-cool-20) !important;
}
.text-indigo-cool-20 {
  color: #bbc8f5 !important;
  color: var(--indigo-cool-20) !important;
}
.border-indigo-cool-20 {
  border-color: #bbc8f5 !important;
  border-color: var(--indigo-cool-20) !important;
}
.bg-indigo-cool-10 {
  --background: var(--indigo-cool-10);
  background: #e1e6f9 !important;
  background: var(--indigo-cool-10) !important;
}
.text-indigo-cool-10 {
  color: #e1e6f9 !important;
  color: var(--indigo-cool-10) !important;
}
.border-indigo-cool-10 {
  border-color: #e1e6f9 !important;
  border-color: var(--indigo-cool-10) !important;
}
.bg-indigo-cool-5 {
  --background: var(--indigo-cool-5);
  background: #eef0f9 !important;
  background: var(--indigo-cool-5) !important;
}
.text-indigo-cool-5 {
  color: #eef0f9 !important;
  color: var(--indigo-cool-5) !important;
}
.border-indigo-cool-5 {
  border-color: #eef0f9 !important;
  border-color: var(--indigo-cool-5) !important;
}
.bg-indigo-warm-90 {
  --background: var(--indigo-warm-90);
  background: #18161d !important;
  background: var(--indigo-warm-90) !important;
}
.text-indigo-warm-90 {
  color: #18161d !important;
  color: var(--indigo-warm-90) !important;
}
.border-indigo-warm-90 {
  border-color: #18161d !important;
  border-color: var(--indigo-warm-90) !important;
}
.bg-indigo-warm-80 {
  --background: var(--indigo-warm-80);
  background: #2e2c40 !important;
  background: var(--indigo-warm-80) !important;
}
.text-indigo-warm-80 {
  color: #2e2c40 !important;
  color: var(--indigo-warm-80) !important;
}
.border-indigo-warm-80 {
  border-color: #2e2c40 !important;
  border-color: var(--indigo-warm-80) !important;
}
.bg-indigo-warm-70 {
  --background: var(--indigo-warm-70);
  background: #453c7b !important;
  background: var(--indigo-warm-70) !important;
}
.text-indigo-warm-70 {
  color: #453c7b !important;
  color: var(--indigo-warm-70) !important;
}
.border-indigo-warm-70 {
  border-color: #453c7b !important;
  border-color: var(--indigo-warm-70) !important;
}
.bg-indigo-warm-60 {
  --background: var(--indigo-warm-60);
  background: #5e519e !important;
  background: var(--indigo-warm-60) !important;
}
.text-indigo-warm-60 {
  color: #5e519e !important;
  color: var(--indigo-warm-60) !important;
}
.border-indigo-warm-60 {
  border-color: #5e519e !important;
  border-color: var(--indigo-warm-60) !important;
}
.bg-indigo-warm-50 {
  --background: var(--indigo-warm-50);
  background: #7665d1 !important;
  background: var(--indigo-warm-50) !important;
}
.text-indigo-warm-50 {
  color: #7665d1 !important;
  color: var(--indigo-warm-50) !important;
}
.border-indigo-warm-50 {
  border-color: #7665d1 !important;
  border-color: var(--indigo-warm-50) !important;
}
.bg-indigo-warm-40 {
  --background: var(--indigo-warm-40);
  background: #9287d8 !important;
  background: var(--indigo-warm-40) !important;
}
.text-indigo-warm-40 {
  color: #9287d8 !important;
  color: var(--indigo-warm-40) !important;
}
.border-indigo-warm-40 {
  border-color: #9287d8 !important;
  border-color: var(--indigo-warm-40) !important;
}
.bg-indigo-warm-30 {
  --background: var(--indigo-warm-30);
  background: #afa5e8 !important;
  background: var(--indigo-warm-30) !important;
}
.text-indigo-warm-30 {
  color: #afa5e8 !important;
  color: var(--indigo-warm-30) !important;
}
.border-indigo-warm-30 {
  border-color: #afa5e8 !important;
  border-color: var(--indigo-warm-30) !important;
}
.bg-indigo-warm-20 {
  --background: var(--indigo-warm-20);
  background: #cbc4f2 !important;
  background: var(--indigo-warm-20) !important;
}
.text-indigo-warm-20 {
  color: #cbc4f2 !important;
  color: var(--indigo-warm-20) !important;
}
.border-indigo-warm-20 {
  border-color: #cbc4f2 !important;
  border-color: var(--indigo-warm-20) !important;
}
.bg-indigo-warm-10 {
  --background: var(--indigo-warm-10);
  background: #e7e3fa !important;
  background: var(--indigo-warm-10) !important;
}
.text-indigo-warm-10 {
  color: #e7e3fa !important;
  color: var(--indigo-warm-10) !important;
}
.border-indigo-warm-10 {
  border-color: #e7e3fa !important;
  border-color: var(--indigo-warm-10) !important;
}
.bg-indigo-warm-5 {
  --background: var(--indigo-warm-5);
  background: #f1eff7 !important;
  background: var(--indigo-warm-5) !important;
}
.text-indigo-warm-5 {
  color: #f1eff7 !important;
  color: var(--indigo-warm-5) !important;
}
.border-indigo-warm-5 {
  border-color: #f1eff7 !important;
  border-color: var(--indigo-warm-5) !important;
}
.bg-indigo-vivid-80 {
  --background: var(--indigo-vivid-80);
  background: #212463 !important;
  background: var(--indigo-vivid-80) !important;
}
.text-indigo-vivid-80 {
  color: #212463 !important;
  color: var(--indigo-vivid-80) !important;
}
.border-indigo-vivid-80 {
  border-color: #212463 !important;
  border-color: var(--indigo-vivid-80) !important;
}
.bg-indigo-vivid-70 {
  --background: var(--indigo-vivid-70);
  background: #3333a3 !important;
  background: var(--indigo-vivid-70) !important;
}
.text-indigo-vivid-70 {
  color: #3333a3 !important;
  color: var(--indigo-vivid-70) !important;
}
.border-indigo-vivid-70 {
  border-color: #3333a3 !important;
  border-color: var(--indigo-vivid-70) !important;
}
.bg-indigo-vivid-60 {
  --background: var(--indigo-vivid-60);
  background: #4a50c4 !important;
  background: var(--indigo-vivid-60) !important;
}
.text-indigo-vivid-60 {
  color: #4a50c4 !important;
  color: var(--indigo-vivid-60) !important;
}
.border-indigo-vivid-60 {
  border-color: #4a50c4 !important;
  border-color: var(--indigo-vivid-60) !important;
}
.bg-indigo-vivid-50 {
  --background: var(--indigo-vivid-50);
  background: #656bd7 !important;
  background: var(--indigo-vivid-50) !important;
}
.text-indigo-vivid-50 {
  color: #656bd7 !important;
  color: var(--indigo-vivid-50) !important;
}
.border-indigo-vivid-50 {
  border-color: #656bd7 !important;
  border-color: var(--indigo-vivid-50) !important;
}
.bg-indigo-vivid-40 {
  --background: var(--indigo-vivid-40);
  background: #8289ff !important;
  background: var(--indigo-vivid-40) !important;
}
.text-indigo-vivid-40 {
  color: #8289ff !important;
  color: var(--indigo-vivid-40) !important;
}
.border-indigo-vivid-40 {
  border-color: #8289ff !important;
  border-color: var(--indigo-vivid-40) !important;
}
.bg-indigo-vivid-30 {
  --background: var(--indigo-vivid-30);
  background: #a3a7fa !important;
  background: var(--indigo-vivid-30) !important;
}
.text-indigo-vivid-30 {
  color: #a3a7fa !important;
  color: var(--indigo-vivid-30) !important;
}
.border-indigo-vivid-30 {
  border-color: #a3a7fa !important;
  border-color: var(--indigo-vivid-30) !important;
}
.bg-indigo-vivid-20 {
  --background: var(--indigo-vivid-20);
  background: #ccceff !important;
  background: var(--indigo-vivid-20) !important;
}
.text-indigo-vivid-20 {
  color: #ccceff !important;
  color: var(--indigo-vivid-20) !important;
}
.border-indigo-vivid-20 {
  border-color: #ccceff !important;
  border-color: var(--indigo-vivid-20) !important;
}
.bg-indigo-vivid-10 {
  --background: var(--indigo-vivid-10);
  background: #e0e0ff !important;
  background: var(--indigo-vivid-10) !important;
}
.text-indigo-vivid-10 {
  color: #e0e0ff !important;
  color: var(--indigo-vivid-10) !important;
}
.border-indigo-vivid-10 {
  border-color: #e0e0ff !important;
  border-color: var(--indigo-vivid-10) !important;
}
.bg-indigo-vivid-5 {
  --background: var(--indigo-vivid-5);
  background: #f0f0ff !important;
  background: var(--indigo-vivid-5) !important;
}
.text-indigo-vivid-5 {
  color: #f0f0ff !important;
  color: var(--indigo-vivid-5) !important;
}
.border-indigo-vivid-5 {
  border-color: #f0f0ff !important;
  border-color: var(--indigo-vivid-5) !important;
}
.bg-indigo-cool-vivid-80 {
  --background: var(--indigo-cool-vivid-80);
  background: #1b2b85 !important;
  background: var(--indigo-cool-vivid-80) !important;
}
.text-indigo-cool-vivid-80 {
  color: #1b2b85 !important;
  color: var(--indigo-cool-vivid-80) !important;
}
.border-indigo-cool-vivid-80 {
  border-color: #1b2b85 !important;
  border-color: var(--indigo-cool-vivid-80) !important;
}
.bg-indigo-cool-vivid-70 {
  --background: var(--indigo-cool-vivid-70);
  background: #222fbf !important;
  background: var(--indigo-cool-vivid-70) !important;
}
.text-indigo-cool-vivid-70 {
  color: #222fbf !important;
  color: var(--indigo-cool-vivid-70) !important;
}
.border-indigo-cool-vivid-70 {
  border-color: #222fbf !important;
  border-color: var(--indigo-cool-vivid-70) !important;
}
.bg-indigo-cool-vivid-60 {
  --background: var(--indigo-cool-vivid-60);
  background: #3e4ded !important;
  background: var(--indigo-cool-vivid-60) !important;
}
.text-indigo-cool-vivid-60 {
  color: #3e4ded !important;
  color: var(--indigo-cool-vivid-60) !important;
}
.border-indigo-cool-vivid-60 {
  border-color: #3e4ded !important;
  border-color: var(--indigo-cool-vivid-60) !important;
}
.bg-indigo-cool-vivid-50 {
  --background: var(--indigo-cool-vivid-50);
  background: #4866ff !important;
  background: var(--indigo-cool-vivid-50) !important;
}
.text-indigo-cool-vivid-50 {
  color: #4866ff !important;
  color: var(--indigo-cool-vivid-50) !important;
}
.border-indigo-cool-vivid-50 {
  border-color: #4866ff !important;
  border-color: var(--indigo-cool-vivid-50) !important;
}
.bg-indigo-cool-vivid-40 {
  --background: var(--indigo-cool-vivid-40);
  background: #628ef4 !important;
  background: var(--indigo-cool-vivid-40) !important;
}
.text-indigo-cool-vivid-40 {
  color: #628ef4 !important;
  color: var(--indigo-cool-vivid-40) !important;
}
.border-indigo-cool-vivid-40 {
  border-color: #628ef4 !important;
  border-color: var(--indigo-cool-vivid-40) !important;
}
.bg-indigo-cool-vivid-30 {
  --background: var(--indigo-cool-vivid-30);
  background: #94adff !important;
  background: var(--indigo-cool-vivid-30) !important;
}
.text-indigo-cool-vivid-30 {
  color: #94adff !important;
  color: var(--indigo-cool-vivid-30) !important;
}
.border-indigo-cool-vivid-30 {
  border-color: #94adff !important;
  border-color: var(--indigo-cool-vivid-30) !important;
}
.bg-indigo-cool-vivid-20 {
  --background: var(--indigo-cool-vivid-20);
  background: #b8c8ff !important;
  background: var(--indigo-cool-vivid-20) !important;
}
.text-indigo-cool-vivid-20 {
  color: #b8c8ff !important;
  color: var(--indigo-cool-vivid-20) !important;
}
.border-indigo-cool-vivid-20 {
  border-color: #b8c8ff !important;
  border-color: var(--indigo-cool-vivid-20) !important;
}
.bg-indigo-cool-vivid-10 {
  --background: var(--indigo-cool-vivid-10);
  background: #dee5ff !important;
  background: var(--indigo-cool-vivid-10) !important;
}
.text-indigo-cool-vivid-10 {
  color: #dee5ff !important;
  color: var(--indigo-cool-vivid-10) !important;
}
.border-indigo-cool-vivid-10 {
  border-color: #dee5ff !important;
  border-color: var(--indigo-cool-vivid-10) !important;
}
.bg-indigo-cool-vivid-5 {
  --background: var(--indigo-cool-vivid-5);
  background: #edf0ff !important;
  background: var(--indigo-cool-vivid-5) !important;
}
.text-indigo-cool-vivid-5 {
  color: #edf0ff !important;
  color: var(--indigo-cool-vivid-5) !important;
}
.border-indigo-cool-vivid-5 {
  border-color: #edf0ff !important;
  border-color: var(--indigo-cool-vivid-5) !important;
}
.bg-indigo-warm-vivid-80 {
  --background: var(--indigo-warm-vivid-80);
  background: #261f5b !important;
  background: var(--indigo-warm-vivid-80) !important;
}
.text-indigo-warm-vivid-80 {
  color: #261f5b !important;
  color: var(--indigo-warm-vivid-80) !important;
}
.border-indigo-warm-vivid-80 {
  border-color: #261f5b !important;
  border-color: var(--indigo-warm-vivid-80) !important;
}
.bg-indigo-warm-vivid-70 {
  --background: var(--indigo-warm-vivid-70);
  background: #3d2c9d !important;
  background: var(--indigo-warm-vivid-70) !important;
}
.text-indigo-warm-vivid-70 {
  color: #3d2c9d !important;
  color: var(--indigo-warm-vivid-70) !important;
}
.border-indigo-warm-vivid-70 {
  border-color: #3d2c9d !important;
  border-color: var(--indigo-warm-vivid-70) !important;
}
.bg-indigo-warm-vivid-60 {
  --background: var(--indigo-warm-vivid-60);
  background: #5942d2 !important;
  background: var(--indigo-warm-vivid-60) !important;
}
.text-indigo-warm-vivid-60 {
  color: #5942d2 !important;
  color: var(--indigo-warm-vivid-60) !important;
}
.border-indigo-warm-vivid-60 {
  border-color: #5942d2 !important;
  border-color: var(--indigo-warm-vivid-60) !important;
}
.bg-indigo-warm-vivid-50 {
  --background: var(--indigo-warm-vivid-50);
  background: #745fe9 !important;
  background: var(--indigo-warm-vivid-50) !important;
}
.text-indigo-warm-vivid-50 {
  color: #745fe9 !important;
  color: var(--indigo-warm-vivid-50) !important;
}
.border-indigo-warm-vivid-50 {
  border-color: #745fe9 !important;
  border-color: var(--indigo-warm-vivid-50) !important;
}
.bg-indigo-warm-vivid-40 {
  --background: var(--indigo-warm-vivid-40);
  background: #967efb !important;
  background: var(--indigo-warm-vivid-40) !important;
}
.text-indigo-warm-vivid-40 {
  color: #967efb !important;
  color: var(--indigo-warm-vivid-40) !important;
}
.border-indigo-warm-vivid-40 {
  border-color: #967efb !important;
  border-color: var(--indigo-warm-vivid-40) !important;
}
.bg-indigo-warm-vivid-30 {
  --background: var(--indigo-warm-vivid-30);
  background: #b69fff !important;
  background: var(--indigo-warm-vivid-30) !important;
}
.text-indigo-warm-vivid-30 {
  color: #b69fff !important;
  color: var(--indigo-warm-vivid-30) !important;
}
.border-indigo-warm-vivid-30 {
  border-color: #b69fff !important;
  border-color: var(--indigo-warm-vivid-30) !important;
}
.bg-indigo-warm-vivid-20 {
  --background: var(--indigo-warm-vivid-20);
  background: #cfc4fd !important;
  background: var(--indigo-warm-vivid-20) !important;
}
.text-indigo-warm-vivid-20 {
  color: #cfc4fd !important;
  color: var(--indigo-warm-vivid-20) !important;
}
.border-indigo-warm-vivid-20 {
  border-color: #cfc4fd !important;
  border-color: var(--indigo-warm-vivid-20) !important;
}
.bg-indigo-warm-vivid-10 {
  --background: var(--indigo-warm-vivid-10);
  background: #e4deff !important;
  background: var(--indigo-warm-vivid-10) !important;
}
.text-indigo-warm-vivid-10 {
  color: #e4deff !important;
  color: var(--indigo-warm-vivid-10) !important;
}
.border-indigo-warm-vivid-10 {
  border-color: #e4deff !important;
  border-color: var(--indigo-warm-vivid-10) !important;
}
.bg-indigo-warm-vivid-5 {
  --background: var(--indigo-warm-vivid-5);
  background: #f5f2ff !important;
  background: var(--indigo-warm-vivid-5) !important;
}
.text-indigo-warm-vivid-5 {
  color: #f5f2ff !important;
  color: var(--indigo-warm-vivid-5) !important;
}
.border-indigo-warm-vivid-5 {
  border-color: #f5f2ff !important;
  border-color: var(--indigo-warm-vivid-5) !important;
}
.bg-magenta-90 {
  --background: var(--magenta-90);
  background: #1b1617 !important;
  background: var(--magenta-90) !important;
}
.text-magenta-90 {
  color: #1b1617 !important;
  color: var(--magenta-90) !important;
}
.border-magenta-90 {
  border-color: #1b1617 !important;
  border-color: var(--magenta-90) !important;
}
.bg-magenta-80 {
  --background: var(--magenta-80);
  background: #402731 !important;
  background: var(--magenta-80) !important;
}
.text-magenta-80 {
  color: #402731 !important;
  color: var(--magenta-80) !important;
}
.border-magenta-80 {
  border-color: #402731 !important;
  border-color: var(--magenta-80) !important;
}
.bg-magenta-70 {
  --background: var(--magenta-70);
  background: #66364b !important;
  background: var(--magenta-70) !important;
}
.text-magenta-70 {
  color: #66364b !important;
  color: var(--magenta-70) !important;
}
.border-magenta-70 {
  border-color: #66364b !important;
  border-color: var(--magenta-70) !important;
}
.bg-magenta-60 {
  --background: var(--magenta-60);
  background: #8b4566 !important;
  background: var(--magenta-60) !important;
}
.text-magenta-60 {
  color: #8b4566 !important;
  color: var(--magenta-60) !important;
}
.border-magenta-60 {
  border-color: #8b4566 !important;
  border-color: var(--magenta-60) !important;
}
.bg-magenta-50 {
  --background: var(--magenta-50);
  background: #c84281 !important;
  background: var(--magenta-50) !important;
}
.text-magenta-50 {
  color: #c84281 !important;
  color: var(--magenta-50) !important;
}
.border-magenta-50 {
  border-color: #c84281 !important;
  border-color: var(--magenta-50) !important;
}
.bg-magenta-40 {
  --background: var(--magenta-40);
  background: #e0699f !important;
  background: var(--magenta-40) !important;
}
.text-magenta-40 {
  color: #e0699f !important;
  color: var(--magenta-40) !important;
}
.border-magenta-40 {
  border-color: #e0699f !important;
  border-color: var(--magenta-40) !important;
}
.bg-magenta-30 {
  --background: var(--magenta-30);
  background: #e895b3 !important;
  background: var(--magenta-30) !important;
}
.text-magenta-30 {
  color: #e895b3 !important;
  color: var(--magenta-30) !important;
}
.border-magenta-30 {
  border-color: #e895b3 !important;
  border-color: var(--magenta-30) !important;
}
.bg-magenta-20 {
  --background: var(--magenta-20);
  background: #f0bbcc !important;
  background: var(--magenta-20) !important;
}
.text-magenta-20 {
  color: #f0bbcc !important;
  color: var(--magenta-20) !important;
}
.border-magenta-20 {
  border-color: #f0bbcc !important;
  border-color: var(--magenta-20) !important;
}
.bg-magenta-10 {
  --background: var(--magenta-10);
  background: #f6e1e8 !important;
  background: var(--magenta-10) !important;
}
.text-magenta-10 {
  color: #f6e1e8 !important;
  color: var(--magenta-10) !important;
}
.border-magenta-10 {
  border-color: #f6e1e8 !important;
  border-color: var(--magenta-10) !important;
}
.bg-magenta-5 {
  --background: var(--magenta-5);
  background: #f9f0f2 !important;
  background: var(--magenta-5) !important;
}
.text-magenta-5 {
  color: #f9f0f2 !important;
  color: var(--magenta-5) !important;
}
.border-magenta-5 {
  border-color: #f9f0f2 !important;
  border-color: var(--magenta-5) !important;
}
.bg-magenta-vivid-80 {
  --background: var(--magenta-vivid-80);
  background: #4f172e !important;
  background: var(--magenta-vivid-80) !important;
}
.text-magenta-vivid-80 {
  color: #4f172e !important;
  color: var(--magenta-vivid-80) !important;
}
.border-magenta-vivid-80 {
  border-color: #4f172e !important;
  border-color: var(--magenta-vivid-80) !important;
}
.bg-magenta-vivid-70 {
  --background: var(--magenta-vivid-70);
  background: #731f44 !important;
  background: var(--magenta-vivid-70) !important;
}
.text-magenta-vivid-70 {
  color: #731f44 !important;
  color: var(--magenta-vivid-70) !important;
}
.border-magenta-vivid-70 {
  border-color: #731f44 !important;
  border-color: var(--magenta-vivid-70) !important;
}
.bg-magenta-vivid-60 {
  --background: var(--magenta-vivid-60);
  background: #ab2165 !important;
  background: var(--magenta-vivid-60) !important;
}
.text-magenta-vivid-60 {
  color: #ab2165 !important;
  color: var(--magenta-vivid-60) !important;
}
.border-magenta-vivid-60 {
  border-color: #ab2165 !important;
  border-color: var(--magenta-vivid-60) !important;
}
.bg-magenta-vivid-50 {
  --background: var(--magenta-vivid-50);
  background: #d72d79 !important;
  background: var(--magenta-vivid-50) !important;
}
.text-magenta-vivid-50 {
  color: #d72d79 !important;
  color: var(--magenta-vivid-50) !important;
}
.border-magenta-vivid-50 {
  border-color: #d72d79 !important;
  border-color: var(--magenta-vivid-50) !important;
}
.bg-magenta-vivid-40 {
  --background: var(--magenta-vivid-40);
  background: #fd4496 !important;
  background: var(--magenta-vivid-40) !important;
}
.text-magenta-vivid-40 {
  color: #fd4496 !important;
  color: var(--magenta-vivid-40) !important;
}
.border-magenta-vivid-40 {
  border-color: #fd4496 !important;
  border-color: var(--magenta-vivid-40) !important;
}
.bg-magenta-vivid-30 {
  --background: var(--magenta-vivid-30);
  background: #ff87b2 !important;
  background: var(--magenta-vivid-30) !important;
}
.text-magenta-vivid-30 {
  color: #ff87b2 !important;
  color: var(--magenta-vivid-30) !important;
}
.border-magenta-vivid-30 {
  border-color: #ff87b2 !important;
  border-color: var(--magenta-vivid-30) !important;
}
.bg-magenta-vivid-20 {
  --background: var(--magenta-vivid-20);
  background: #ffb4cf !important;
  background: var(--magenta-vivid-20) !important;
}
.text-magenta-vivid-20 {
  color: #ffb4cf !important;
  color: var(--magenta-vivid-20) !important;
}
.border-magenta-vivid-20 {
  border-color: #ffb4cf !important;
  border-color: var(--magenta-vivid-20) !important;
}
.bg-magenta-vivid-10 {
  --background: var(--magenta-vivid-10);
  background: #ffddea !important;
  background: var(--magenta-vivid-10) !important;
}
.text-magenta-vivid-10 {
  color: #ffddea !important;
  color: var(--magenta-vivid-10) !important;
}
.border-magenta-vivid-10 {
  border-color: #ffddea !important;
  border-color: var(--magenta-vivid-10) !important;
}
.bg-magenta-vivid-5 {
  --background: var(--magenta-vivid-5);
  background: #fff2f5 !important;
  background: var(--magenta-vivid-5) !important;
}
.text-magenta-vivid-5 {
  color: #fff2f5 !important;
  color: var(--magenta-vivid-5) !important;
}
.border-magenta-vivid-5 {
  border-color: #fff2f5 !important;
  border-color: var(--magenta-vivid-5) !important;
}
.bg-mint-90 {
  --background: var(--mint-90);
  background: #0d1a12 !important;
  background: var(--mint-90) !important;
}
.text-mint-90 {
  color: #0d1a12 !important;
  color: var(--mint-90) !important;
}
.border-mint-90 {
  border-color: #0d1a12 !important;
  border-color: var(--mint-90) !important;
}
.bg-mint-80 {
  --background: var(--mint-80);
  background: #193324 !important;
  background: var(--mint-80) !important;
}
.text-mint-80 {
  color: #193324 !important;
  color: var(--mint-80) !important;
}
.border-mint-80 {
  border-color: #193324 !important;
  border-color: var(--mint-80) !important;
}
.bg-mint-70 {
  --background: var(--mint-70);
  background: #204e34 !important;
  background: var(--mint-70) !important;
}
.text-mint-70 {
  color: #204e34 !important;
  color: var(--mint-70) !important;
}
.border-mint-70 {
  border-color: #204e34 !important;
  border-color: var(--mint-70) !important;
}
.bg-mint-60 {
  --background: var(--mint-60);
  background: #286846 !important;
  background: var(--mint-60) !important;
}
.text-mint-60 {
  color: #286846 !important;
  color: var(--mint-60) !important;
}
.border-mint-60 {
  border-color: #286846 !important;
  border-color: var(--mint-60) !important;
}
.bg-mint-50 {
  --background: var(--mint-50);
  background: #2e8367 !important;
  background: var(--mint-50) !important;
}
.text-mint-50 {
  color: #2e8367 !important;
  color: var(--mint-50) !important;
}
.border-mint-50 {
  border-color: #2e8367 !important;
  border-color: var(--mint-50) !important;
}
.bg-mint-40 {
  --background: var(--mint-40);
  background: #34a37e !important;
  background: var(--mint-40) !important;
}
.text-mint-40 {
  color: #34a37e !important;
  color: var(--mint-40) !important;
}
.border-mint-40 {
  border-color: #34a37e !important;
  border-color: var(--mint-40) !important;
}
.bg-mint-30 {
  --background: var(--mint-30);
  background: #5abf95 !important;
  background: var(--mint-30) !important;
}
.text-mint-30 {
  color: #5abf95 !important;
  color: var(--mint-30) !important;
}
.border-mint-30 {
  border-color: #5abf95 !important;
  border-color: var(--mint-30) !important;
}
.bg-mint-20 {
  --background: var(--mint-20);
  background: #92d9bb !important;
  background: var(--mint-20) !important;
}
.text-mint-20 {
  color: #92d9bb !important;
  color: var(--mint-20) !important;
}
.border-mint-20 {
  border-color: #92d9bb !important;
  border-color: var(--mint-20) !important;
}
.bg-mint-10 {
  --background: var(--mint-10);
  background: #c7efe2 !important;
  background: var(--mint-10) !important;
}
.text-mint-10 {
  color: #c7efe2 !important;
  color: var(--mint-10) !important;
}
.border-mint-10 {
  border-color: #c7efe2 !important;
  border-color: var(--mint-10) !important;
}
.bg-mint-5 {
  --background: var(--mint-5);
  background: #dbf6ed !important;
  background: var(--mint-5) !important;
}
.text-mint-5 {
  color: #dbf6ed !important;
  color: var(--mint-5) !important;
}
.border-mint-5 {
  border-color: #dbf6ed !important;
  border-color: var(--mint-5) !important;
}
.bg-mint-cool-90 {
  --background: var(--mint-cool-90);
  background: #111818 !important;
  background: var(--mint-cool-90) !important;
}
.text-mint-cool-90 {
  color: #111818 !important;
  color: var(--mint-cool-90) !important;
}
.border-mint-cool-90 {
  border-color: #111818 !important;
  border-color: var(--mint-cool-90) !important;
}
.bg-mint-cool-80 {
  --background: var(--mint-cool-80);
  background: #203131 !important;
  background: var(--mint-cool-80) !important;
}
.text-mint-cool-80 {
  color: #203131 !important;
  color: var(--mint-cool-80) !important;
}
.border-mint-cool-80 {
  border-color: #203131 !important;
  border-color: var(--mint-cool-80) !important;
}
.bg-mint-cool-70 {
  --background: var(--mint-cool-70);
  background: #2a4b45 !important;
  background: var(--mint-cool-70) !important;
}
.text-mint-cool-70 {
  color: #2a4b45 !important;
  color: var(--mint-cool-70) !important;
}
.border-mint-cool-70 {
  border-color: #2a4b45 !important;
  border-color: var(--mint-cool-70) !important;
}
.bg-mint-cool-60 {
  --background: var(--mint-cool-60);
  background: #376462 !important;
  background: var(--mint-cool-60) !important;
}
.text-mint-cool-60 {
  color: #376462 !important;
  color: var(--mint-cool-60) !important;
}
.border-mint-cool-60 {
  border-color: #376462 !important;
  border-color: var(--mint-cool-60) !important;
}
.bg-mint-cool-50 {
  --background: var(--mint-cool-50);
  background: #40807e !important;
  background: var(--mint-cool-50) !important;
}
.text-mint-cool-50 {
  color: #40807e !important;
  color: var(--mint-cool-50) !important;
}
.border-mint-cool-50 {
  border-color: #40807e !important;
  border-color: var(--mint-cool-50) !important;
}
.bg-mint-cool-40 {
  --background: var(--mint-cool-40);
  background: #4f9e99 !important;
  background: var(--mint-cool-40) !important;
}
.text-mint-cool-40 {
  color: #4f9e99 !important;
  color: var(--mint-cool-40) !important;
}
.border-mint-cool-40 {
  border-color: #4f9e99 !important;
  border-color: var(--mint-cool-40) !important;
}
.bg-mint-cool-30 {
  --background: var(--mint-cool-30);
  background: #6fbab3 !important;
  background: var(--mint-cool-30) !important;
}
.text-mint-cool-30 {
  color: #6fbab3 !important;
  color: var(--mint-cool-30) !important;
}
.border-mint-cool-30 {
  border-color: #6fbab3 !important;
  border-color: var(--mint-cool-30) !important;
}
.bg-mint-cool-20 {
  --background: var(--mint-cool-20);
  background: #9bd4cf !important;
  background: var(--mint-cool-20) !important;
}
.text-mint-cool-20 {
  color: #9bd4cf !important;
  color: var(--mint-cool-20) !important;
}
.border-mint-cool-20 {
  border-color: #9bd4cf !important;
  border-color: var(--mint-cool-20) !important;
}
.bg-mint-cool-10 {
  --background: var(--mint-cool-10);
  background: #c4eeeb !important;
  background: var(--mint-cool-10) !important;
}
.text-mint-cool-10 {
  color: #c4eeeb !important;
  color: var(--mint-cool-10) !important;
}
.border-mint-cool-10 {
  border-color: #c4eeeb !important;
  border-color: var(--mint-cool-10) !important;
}
.bg-mint-cool-5 {
  --background: var(--mint-cool-5);
  background: #e0f7f6 !important;
  background: var(--mint-cool-5) !important;
}
.text-mint-cool-5 {
  color: #e0f7f6 !important;
  color: var(--mint-cool-5) !important;
}
.border-mint-cool-5 {
  border-color: #e0f7f6 !important;
  border-color: var(--mint-cool-5) !important;
}
.bg-mint-vivid-80 {
  --background: var(--mint-vivid-80);
  background: #0d351e !important;
  background: var(--mint-vivid-80) !important;
}
.text-mint-vivid-80 {
  color: #0d351e !important;
  color: var(--mint-vivid-80) !important;
}
.border-mint-vivid-80 {
  border-color: #0d351e !important;
  border-color: var(--mint-vivid-80) !important;
}
.bg-mint-vivid-70 {
  --background: var(--mint-vivid-70);
  background: #0c4e29 !important;
  background: var(--mint-vivid-70) !important;
}
.text-mint-vivid-70 {
  color: #0c4e29 !important;
  color: var(--mint-vivid-70) !important;
}
.border-mint-vivid-70 {
  border-color: #0c4e29 !important;
  border-color: var(--mint-vivid-70) !important;
}
.bg-mint-vivid-60 {
  --background: var(--mint-vivid-60);
  background: #146947 !important;
  background: var(--mint-vivid-60) !important;
}
.text-mint-vivid-60 {
  color: #146947 !important;
  color: var(--mint-vivid-60) !important;
}
.border-mint-vivid-60 {
  border-color: #146947 !important;
  border-color: var(--mint-vivid-60) !important;
}
.bg-mint-vivid-50 {
  --background: var(--mint-vivid-50);
  background: #008659 !important;
  background: var(--mint-vivid-50) !important;
}
.text-mint-vivid-50 {
  color: #008659 !important;
  color: var(--mint-vivid-50) !important;
}
.border-mint-vivid-50 {
  border-color: #008659 !important;
  border-color: var(--mint-vivid-50) !important;
}
.bg-mint-vivid-40 {
  --background: var(--mint-vivid-40);
  background: #00a871 !important;
  background: var(--mint-vivid-40) !important;
}
.text-mint-vivid-40 {
  color: #00a871 !important;
  color: var(--mint-vivid-40) !important;
}
.border-mint-vivid-40 {
  border-color: #00a871 !important;
  border-color: var(--mint-vivid-40) !important;
}
.bg-mint-vivid-30 {
  --background: var(--mint-vivid-30);
  background: #04c585 !important;
  background: var(--mint-vivid-30) !important;
}
.text-mint-vivid-30 {
  color: #04c585 !important;
  color: var(--mint-vivid-30) !important;
}
.border-mint-vivid-30 {
  border-color: #04c585 !important;
  border-color: var(--mint-vivid-30) !important;
}
.bg-mint-vivid-20 {
  --background: var(--mint-vivid-20);
  background: #0ceda6 !important;
  background: var(--mint-vivid-20) !important;
}
.text-mint-vivid-20 {
  color: #0ceda6 !important;
  color: var(--mint-vivid-20) !important;
}
.border-mint-vivid-20 {
  border-color: #0ceda6 !important;
  border-color: var(--mint-vivid-20) !important;
}
.bg-mint-vivid-10 {
  --background: var(--mint-vivid-10);
  background: #83fcd4 !important;
  background: var(--mint-vivid-10) !important;
}
.text-mint-vivid-10 {
  color: #83fcd4 !important;
  color: var(--mint-vivid-10) !important;
}
.border-mint-vivid-10 {
  border-color: #83fcd4 !important;
  border-color: var(--mint-vivid-10) !important;
}
.bg-mint-vivid-5 {
  --background: var(--mint-vivid-5);
  background: #c9fbeb !important;
  background: var(--mint-vivid-5) !important;
}
.text-mint-vivid-5 {
  color: #c9fbeb !important;
  color: var(--mint-vivid-5) !important;
}
.border-mint-vivid-5 {
  border-color: #c9fbeb !important;
  border-color: var(--mint-vivid-5) !important;
}
.bg-mint-cool-vivid-80 {
  --background: var(--mint-cool-vivid-80);
  background: #123131 !important;
  background: var(--mint-cool-vivid-80) !important;
}
.text-mint-cool-vivid-80 {
  color: #123131 !important;
  color: var(--mint-cool-vivid-80) !important;
}
.border-mint-cool-vivid-80 {
  border-color: #123131 !important;
  border-color: var(--mint-cool-vivid-80) !important;
}
.bg-mint-cool-vivid-70 {
  --background: var(--mint-cool-vivid-70);
  background: #0b4b3f !important;
  background: var(--mint-cool-vivid-70) !important;
}
.text-mint-cool-vivid-70 {
  color: #0b4b3f !important;
  color: var(--mint-cool-vivid-70) !important;
}
.border-mint-cool-vivid-70 {
  border-color: #0b4b3f !important;
  border-color: var(--mint-cool-vivid-70) !important;
}
.bg-mint-cool-vivid-60 {
  --background: var(--mint-cool-vivid-60);
  background: #0f6460 !important;
  background: var(--mint-cool-vivid-60) !important;
}
.text-mint-cool-vivid-60 {
  color: #0f6460 !important;
  color: var(--mint-cool-vivid-60) !important;
}
.border-mint-cool-vivid-60 {
  border-color: #0f6460 !important;
  border-color: var(--mint-cool-vivid-60) !important;
}
.bg-mint-cool-vivid-50 {
  --background: var(--mint-cool-vivid-50);
  background: #008480 !important;
  background: var(--mint-cool-vivid-50) !important;
}
.text-mint-cool-vivid-50 {
  color: #008480 !important;
  color: var(--mint-cool-vivid-50) !important;
}
.border-mint-cool-vivid-50 {
  border-color: #008480 !important;
  border-color: var(--mint-cool-vivid-50) !important;
}
.bg-mint-cool-vivid-40 {
  --background: var(--mint-cool-vivid-40);
  background: #36a191 !important;
  background: var(--mint-cool-vivid-40) !important;
}
.text-mint-cool-vivid-40 {
  color: #36a191 !important;
  color: var(--mint-cool-vivid-40) !important;
}
.border-mint-cool-vivid-40 {
  border-color: #36a191 !important;
  border-color: var(--mint-cool-vivid-40) !important;
}
.bg-mint-cool-vivid-30 {
  --background: var(--mint-cool-vivid-30);
  background: #1dc2ae !important;
  background: var(--mint-cool-vivid-30) !important;
}
.text-mint-cool-vivid-30 {
  color: #1dc2ae !important;
  color: var(--mint-cool-vivid-30) !important;
}
.border-mint-cool-vivid-30 {
  border-color: #1dc2ae !important;
  border-color: var(--mint-cool-vivid-30) !important;
}
.bg-mint-cool-vivid-20 {
  --background: var(--mint-cool-vivid-20);
  background: #40e0d0 !important;
  background: var(--mint-cool-vivid-20) !important;
}
.text-mint-cool-vivid-20 {
  color: #40e0d0 !important;
  color: var(--mint-cool-vivid-20) !important;
}
.border-mint-cool-vivid-20 {
  border-color: #40e0d0 !important;
  border-color: var(--mint-cool-vivid-20) !important;
}
.bg-mint-cool-vivid-10 {
  --background: var(--mint-cool-vivid-10);
  background: #7efbe1 !important;
  background: var(--mint-cool-vivid-10) !important;
}
.text-mint-cool-vivid-10 {
  color: #7efbe1 !important;
  color: var(--mint-cool-vivid-10) !important;
}
.border-mint-cool-vivid-10 {
  border-color: #7efbe1 !important;
  border-color: var(--mint-cool-vivid-10) !important;
}
.bg-mint-cool-vivid-5 {
  --background: var(--mint-cool-vivid-5);
  background: #d5fbf3 !important;
  background: var(--mint-cool-vivid-5) !important;
}
.text-mint-cool-vivid-5 {
  color: #d5fbf3 !important;
  color: var(--mint-cool-vivid-5) !important;
}
.border-mint-cool-vivid-5 {
  border-color: #d5fbf3 !important;
  border-color: var(--mint-cool-vivid-5) !important;
}
.bg-orange-90 {
  --background: var(--orange-90);
  background: #1b1614 !important;
  background: var(--orange-90) !important;
}
.text-orange-90 {
  color: #1b1614 !important;
  color: var(--orange-90) !important;
}
.border-orange-90 {
  border-color: #1b1614 !important;
  border-color: var(--orange-90) !important;
}
.bg-orange-80 {
  --background: var(--orange-80);
  background: #332d27 !important;
  background: var(--orange-80) !important;
}
.text-orange-80 {
  color: #332d27 !important;
  color: var(--orange-80) !important;
}
.border-orange-80 {
  border-color: #332d27 !important;
  border-color: var(--orange-80) !important;
}
.bg-orange-70 {
  --background: var(--orange-70);
  background: #524236 !important;
  background: var(--orange-70) !important;
}
.text-orange-70 {
  color: #524236 !important;
  color: var(--orange-70) !important;
}
.border-orange-70 {
  border-color: #524236 !important;
  border-color: var(--orange-70) !important;
}
.bg-orange-60 {
  --background: var(--orange-60);
  background: #775540 !important;
  background: var(--orange-60) !important;
}
.text-orange-60 {
  color: #775540 !important;
  color: var(--orange-60) !important;
}
.border-orange-60 {
  border-color: #775540 !important;
  border-color: var(--orange-60) !important;
}
.bg-orange-50 {
  --background: var(--orange-50);
  background: #a26739 !important;
  background: var(--orange-50) !important;
}
.text-orange-50 {
  color: #a26739 !important;
  color: var(--orange-50) !important;
}
.border-orange-50 {
  border-color: #a26739 !important;
  border-color: var(--orange-50) !important;
}
.bg-orange-40 {
  --background: var(--orange-40);
  background: #dd7533 !important;
  background: var(--orange-40) !important;
}
.text-orange-40 {
  color: #dd7533 !important;
  color: var(--orange-40) !important;
}
.border-orange-40 {
  border-color: #dd7533 !important;
  border-color: var(--orange-40) !important;
}
.bg-orange-30 {
  --background: var(--orange-30);
  background: #f09860 !important;
  background: var(--orange-30) !important;
}
.text-orange-30 {
  color: #f09860 !important;
  color: var(--orange-30) !important;
}
.border-orange-30 {
  border-color: #f09860 !important;
  border-color: var(--orange-30) !important;
}
.bg-orange-20 {
  --background: var(--orange-20);
  background: #f3bf90 !important;
  background: var(--orange-20) !important;
}
.text-orange-20 {
  color: #f3bf90 !important;
  color: var(--orange-20) !important;
}
.border-orange-20 {
  border-color: #f3bf90 !important;
  border-color: var(--orange-20) !important;
}
.bg-orange-10 {
  --background: var(--orange-10);
  background: #f2e4d4 !important;
  background: var(--orange-10) !important;
}
.text-orange-10 {
  color: #f2e4d4 !important;
  color: var(--orange-10) !important;
}
.border-orange-10 {
  border-color: #f2e4d4 !important;
  border-color: var(--orange-10) !important;
}
.bg-orange-5 {
  --background: var(--orange-5);
  background: #f6efe9 !important;
  background: var(--orange-5) !important;
}
.text-orange-5 {
  color: #f6efe9 !important;
  color: var(--orange-5) !important;
}
.border-orange-5 {
  border-color: #f6efe9 !important;
  border-color: var(--orange-5) !important;
}
.bg-orange-warm-90 {
  --background: var(--orange-warm-90);
  background: #1c1615 !important;
  background: var(--orange-warm-90) !important;
}
.text-orange-warm-90 {
  color: #1c1615 !important;
  color: var(--orange-warm-90) !important;
}
.border-orange-warm-90 {
  border-color: #1c1615 !important;
  border-color: var(--orange-warm-90) !important;
}
.bg-orange-warm-80 {
  --background: var(--orange-warm-80);
  background: #3d2925 !important;
  background: var(--orange-warm-80) !important;
}
.text-orange-warm-80 {
  color: #3d2925 !important;
  color: var(--orange-warm-80) !important;
}
.border-orange-warm-80 {
  border-color: #3d2925 !important;
  border-color: var(--orange-warm-80) !important;
}
.bg-orange-warm-70 {
  --background: var(--orange-warm-70);
  background: #633a32 !important;
  background: var(--orange-warm-70) !important;
}
.text-orange-warm-70 {
  color: #633a32 !important;
  color: var(--orange-warm-70) !important;
}
.border-orange-warm-70 {
  border-color: #633a32 !important;
  border-color: var(--orange-warm-70) !important;
}
.bg-orange-warm-60 {
  --background: var(--orange-warm-60);
  background: #914734 !important;
  background: var(--orange-warm-60) !important;
}
.text-orange-warm-60 {
  color: #914734 !important;
  color: var(--orange-warm-60) !important;
}
.border-orange-warm-60 {
  border-color: #914734 !important;
  border-color: var(--orange-warm-60) !important;
}
.bg-orange-warm-50 {
  --background: var(--orange-warm-50);
  background: #bd5727 !important;
  background: var(--orange-warm-50) !important;
}
.text-orange-warm-50 {
  color: #bd5727 !important;
  color: var(--orange-warm-50) !important;
}
.border-orange-warm-50 {
  border-color: #bd5727 !important;
  border-color: var(--orange-warm-50) !important;
}
.bg-orange-warm-40 {
  --background: var(--orange-warm-40);
  background: #e17141 !important;
  background: var(--orange-warm-40) !important;
}
.text-orange-warm-40 {
  color: #e17141 !important;
  color: var(--orange-warm-40) !important;
}
.border-orange-warm-40 {
  border-color: #e17141 !important;
  border-color: var(--orange-warm-40) !important;
}
.bg-orange-warm-30 {
  --background: var(--orange-warm-30);
  background: #f3966d !important;
  background: var(--orange-warm-30) !important;
}
.text-orange-warm-30 {
  color: #f3966d !important;
  color: var(--orange-warm-30) !important;
}
.border-orange-warm-30 {
  border-color: #f3966d !important;
  border-color: var(--orange-warm-30) !important;
}
.bg-orange-warm-20 {
  --background: var(--orange-warm-20);
  background: #f7bca2 !important;
  background: var(--orange-warm-20) !important;
}
.text-orange-warm-20 {
  color: #f7bca2 !important;
  color: var(--orange-warm-20) !important;
}
.border-orange-warm-20 {
  border-color: #f7bca2 !important;
  border-color: var(--orange-warm-20) !important;
}
.bg-orange-warm-10 {
  --background: var(--orange-warm-10);
  background: #fbe0d0 !important;
  background: var(--orange-warm-10) !important;
}
.text-orange-warm-10 {
  color: #fbe0d0 !important;
  color: var(--orange-warm-10) !important;
}
.border-orange-warm-10 {
  border-color: #fbe0d0 !important;
  border-color: var(--orange-warm-10) !important;
}
.bg-orange-warm-5 {
  --background: var(--orange-warm-5);
  background: #faeee5 !important;
  background: var(--orange-warm-5) !important;
}
.text-orange-warm-5 {
  color: #faeee5 !important;
  color: var(--orange-warm-5) !important;
}
.border-orange-warm-5 {
  border-color: #faeee5 !important;
  border-color: var(--orange-warm-5) !important;
}
.bg-orange-vivid-80 {
  --background: var(--orange-vivid-80);
  background: #352313 !important;
  background: var(--orange-vivid-80) !important;
}
.text-orange-vivid-80 {
  color: #352313 !important;
  color: var(--orange-vivid-80) !important;
}
.border-orange-vivid-80 {
  border-color: #352313 !important;
  border-color: var(--orange-vivid-80) !important;
}
.bg-orange-vivid-70 {
  --background: var(--orange-vivid-70);
  background: #5f3617 !important;
  background: var(--orange-vivid-70) !important;
}
.text-orange-vivid-70 {
  color: #5f3617 !important;
  color: var(--orange-vivid-70) !important;
}
.border-orange-vivid-70 {
  border-color: #5f3617 !important;
  border-color: var(--orange-vivid-70) !important;
}
.bg-orange-vivid-60 {
  --background: var(--orange-vivid-60);
  background: #8c471c !important;
  background: var(--orange-vivid-60) !important;
}
.text-orange-vivid-60 {
  color: #8c471c !important;
  color: var(--orange-vivid-60) !important;
}
.border-orange-vivid-60 {
  border-color: #8c471c !important;
  border-color: var(--orange-vivid-60) !important;
}
.bg-orange-vivid-50 {
  --background: var(--orange-vivid-50);
  background: #c05600 !important;
  background: var(--orange-vivid-50) !important;
}
.text-orange-vivid-50 {
  color: #c05600 !important;
  color: var(--orange-vivid-50) !important;
}
.border-orange-vivid-50 {
  border-color: #c05600 !important;
  border-color: var(--orange-vivid-50) !important;
}
.bg-orange-vivid-40 {
  --background: var(--orange-vivid-40);
  background: #e66f0e !important;
  background: var(--orange-vivid-40) !important;
}
.text-orange-vivid-40 {
  color: #e66f0e !important;
  color: var(--orange-vivid-40) !important;
}
.border-orange-vivid-40 {
  border-color: #e66f0e !important;
  border-color: var(--orange-vivid-40) !important;
}
.bg-orange-vivid-30 {
  --background: var(--orange-vivid-30);
  background: #ff8c00 !important;
  background: var(--orange-vivid-30) !important;
}
.text-orange-vivid-30 {
  color: #ff8c00 !important;
  color: var(--orange-vivid-30) !important;
}
.border-orange-vivid-30 {
  border-color: #ff8c00 !important;
  border-color: var(--orange-vivid-30) !important;
}
.bg-orange-vivid-20 {
  --background: var(--orange-vivid-20);
  background: #ffbc78 !important;
  background: var(--orange-vivid-20) !important;
}
.text-orange-vivid-20 {
  color: #ffbc78 !important;
  color: var(--orange-vivid-20) !important;
}
.border-orange-vivid-20 {
  border-color: #ffbc78 !important;
  border-color: var(--orange-vivid-20) !important;
}
.bg-orange-vivid-10 {
  --background: var(--orange-vivid-10);
  background: #fce2c5 !important;
  background: var(--orange-vivid-10) !important;
}
.text-orange-vivid-10 {
  color: #fce2c5 !important;
  color: var(--orange-vivid-10) !important;
}
.border-orange-vivid-10 {
  border-color: #fce2c5 !important;
  border-color: var(--orange-vivid-10) !important;
}
.bg-orange-vivid-5 {
  --background: var(--orange-vivid-5);
  background: #fdf5e6 !important;
  background: var(--orange-vivid-5) !important;
}
.text-orange-vivid-5 {
  color: #fdf5e6 !important;
  color: var(--orange-vivid-5) !important;
}
.border-orange-vivid-5 {
  border-color: #fdf5e6 !important;
  border-color: var(--orange-vivid-5) !important;
}
.bg-orange-warm-vivid-80 {
  --background: var(--orange-warm-vivid-80);
  background: #3d231d !important;
  background: var(--orange-warm-vivid-80) !important;
}
.text-orange-warm-vivid-80 {
  color: #3d231d !important;
  color: var(--orange-warm-vivid-80) !important;
}
.border-orange-warm-vivid-80 {
  border-color: #3d231d !important;
  border-color: var(--orange-warm-vivid-80) !important;
}
.bg-orange-warm-vivid-70 {
  --background: var(--orange-warm-vivid-70);
  background: #782312 !important;
  background: var(--orange-warm-vivid-70) !important;
}
.text-orange-warm-vivid-70 {
  color: #782312 !important;
  color: var(--orange-warm-vivid-70) !important;
}
.border-orange-warm-vivid-70 {
  border-color: #782312 !important;
  border-color: var(--orange-warm-vivid-70) !important;
}
.bg-orange-warm-vivid-60 {
  --background: var(--orange-warm-vivid-60);
  background: #a72f10 !important;
  background: var(--orange-warm-vivid-60) !important;
}
.text-orange-warm-vivid-60 {
  color: #a72f10 !important;
  color: var(--orange-warm-vivid-60) !important;
}
.border-orange-warm-vivid-60 {
  border-color: #a72f10 !important;
  border-color: var(--orange-warm-vivid-60) !important;
}
.bg-orange-warm-vivid-50 {
  --background: var(--orange-warm-vivid-50);
  background: #cf4900 !important;
  background: var(--orange-warm-vivid-50) !important;
}
.text-orange-warm-vivid-50 {
  color: #cf4900 !important;
  color: var(--orange-warm-vivid-50) !important;
}
.border-orange-warm-vivid-50 {
  border-color: #cf4900 !important;
  border-color: var(--orange-warm-vivid-50) !important;
}
.bg-orange-warm-vivid-40 {
  --background: var(--orange-warm-vivid-40);
  background: #ff580a !important;
  background: var(--orange-warm-vivid-40) !important;
}
.text-orange-warm-vivid-40 {
  color: #ff580a !important;
  color: var(--orange-warm-vivid-40) !important;
}
.border-orange-warm-vivid-40 {
  border-color: #ff580a !important;
  border-color: var(--orange-warm-vivid-40) !important;
}
.bg-orange-warm-vivid-30 {
  --background: var(--orange-warm-vivid-30);
  background: #fc906d !important;
  background: var(--orange-warm-vivid-30) !important;
}
.text-orange-warm-vivid-30 {
  color: #fc906d !important;
  color: var(--orange-warm-vivid-30) !important;
}
.border-orange-warm-vivid-30 {
  border-color: #fc906d !important;
  border-color: var(--orange-warm-vivid-30) !important;
}
.bg-orange-warm-vivid-20 {
  --background: var(--orange-warm-vivid-20);
  background: #fbbaa7 !important;
  background: var(--orange-warm-vivid-20) !important;
}
.text-orange-warm-vivid-20 {
  color: #fbbaa7 !important;
  color: var(--orange-warm-vivid-20) !important;
}
.border-orange-warm-vivid-20 {
  border-color: #fbbaa7 !important;
  border-color: var(--orange-warm-vivid-20) !important;
}
.bg-orange-warm-vivid-10 {
  --background: var(--orange-warm-vivid-10);
  background: #ffe2d1 !important;
  background: var(--orange-warm-vivid-10) !important;
}
.text-orange-warm-vivid-10 {
  color: #ffe2d1 !important;
  color: var(--orange-warm-vivid-10) !important;
}
.border-orange-warm-vivid-10 {
  border-color: #ffe2d1 !important;
  border-color: var(--orange-warm-vivid-10) !important;
}
.bg-orange-warm-vivid-5 {
  --background: var(--orange-warm-vivid-5);
  background: #fff3ea !important;
  background: var(--orange-warm-vivid-5) !important;
}
.text-orange-warm-vivid-5 {
  color: #fff3ea !important;
  color: var(--orange-warm-vivid-5) !important;
}
.border-orange-warm-vivid-5 {
  border-color: #fff3ea !important;
  border-color: var(--orange-warm-vivid-5) !important;
}
.bg-pure-100 {
  --background: var(--pure-100);
  background: #000 !important;
  background: var(--pure-100) !important;
}
.text-pure-100 {
  color: #000 !important;
  color: var(--pure-100) !important;
}
.border-pure-100 {
  border-color: #000 !important;
  border-color: var(--pure-100) !important;
}
.bg-pure-0 {
  --background: var(--pure-0);
  background: #fff !important;
  background: var(--pure-0) !important;
}
.text-pure-0 {
  color: #fff !important;
  color: var(--pure-0) !important;
}
.border-pure-0 {
  border-color: #fff !important;
  border-color: var(--pure-0) !important;
}
.bg-red-90 {
  --background: var(--red-90);
  background: #1b1616 !important;
  background: var(--red-90) !important;
}
.text-red-90 {
  color: #1b1616 !important;
  color: var(--red-90) !important;
}
.border-red-90 {
  border-color: #1b1616 !important;
  border-color: var(--red-90) !important;
}
.bg-red-80 {
  --background: var(--red-80);
  background: #3e2927 !important;
  background: var(--red-80) !important;
}
.text-red-80 {
  color: #3e2927 !important;
  color: var(--red-80) !important;
}
.border-red-80 {
  border-color: #3e2927 !important;
  border-color: var(--red-80) !important;
}
.bg-red-70 {
  --background: var(--red-70);
  background: #6f3331 !important;
  background: var(--red-70) !important;
}
.text-red-70 {
  color: #6f3331 !important;
  color: var(--red-70) !important;
}
.border-red-70 {
  border-color: #6f3331 !important;
  border-color: var(--red-70) !important;
}
.bg-red-60 {
  --background: var(--red-60);
  background: #a23737 !important;
  background: var(--red-60) !important;
}
.text-red-60 {
  color: #a23737 !important;
  color: var(--red-60) !important;
}
.border-red-60 {
  border-color: #a23737 !important;
  border-color: var(--red-60) !important;
}
.bg-red-50 {
  --background: var(--red-50);
  background: #d83933 !important;
  background: var(--red-50) !important;
}
.text-red-50 {
  color: #d83933 !important;
  color: var(--red-50) !important;
}
.border-red-50 {
  border-color: #d83933 !important;
  border-color: var(--red-50) !important;
}
.bg-red-40 {
  --background: var(--red-40);
  background: #e9695f !important;
  background: var(--red-40) !important;
}
.text-red-40 {
  color: #e9695f !important;
  color: var(--red-40) !important;
}
.border-red-40 {
  border-color: #e9695f !important;
  border-color: var(--red-40) !important;
}
.bg-red-30 {
  --background: var(--red-30);
  background: #f2938c !important;
  background: var(--red-30) !important;
}
.text-red-30 {
  color: #f2938c !important;
  color: var(--red-30) !important;
}
.border-red-30 {
  border-color: #f2938c !important;
  border-color: var(--red-30) !important;
}
.bg-red-20 {
  --background: var(--red-20);
  background: #f7bbb1 !important;
  background: var(--red-20) !important;
}
.text-red-20 {
  color: #f7bbb1 !important;
  color: var(--red-20) !important;
}
.border-red-20 {
  border-color: #f7bbb1 !important;
  border-color: var(--red-20) !important;
}
.bg-red-10 {
  --background: var(--red-10);
  background: #f8e1de !important;
  background: var(--red-10) !important;
}
.text-red-10 {
  color: #f8e1de !important;
  color: var(--red-10) !important;
}
.border-red-10 {
  border-color: #f8e1de !important;
  border-color: var(--red-10) !important;
}
.bg-red-5 {
  --background: var(--red-5);
  background: #f9eeee !important;
  background: var(--red-5) !important;
}
.text-red-5 {
  color: #f9eeee !important;
  color: var(--red-5) !important;
}
.border-red-5 {
  border-color: #f9eeee !important;
  border-color: var(--red-5) !important;
}
.bg-red-cool-90 {
  --background: var(--red-cool-90);
  background: #1e1517 !important;
  background: var(--red-cool-90) !important;
}
.text-red-cool-90 {
  color: #1e1517 !important;
  color: var(--red-cool-90) !important;
}
.border-red-cool-90 {
  border-color: #1e1517 !important;
  border-color: var(--red-cool-90) !important;
}
.bg-red-cool-80 {
  --background: var(--red-cool-80);
  background: #40282c !important;
  background: var(--red-cool-80) !important;
}
.text-red-cool-80 {
  color: #40282c !important;
  color: var(--red-cool-80) !important;
}
.border-red-cool-80 {
  border-color: #40282c !important;
  border-color: var(--red-cool-80) !important;
}
.bg-red-cool-70 {
  --background: var(--red-cool-70);
  background: #68363f !important;
  background: var(--red-cool-70) !important;
}
.text-red-cool-70 {
  color: #68363f !important;
  color: var(--red-cool-70) !important;
}
.border-red-cool-70 {
  border-color: #68363f !important;
  border-color: var(--red-cool-70) !important;
}
.bg-red-cool-60 {
  --background: var(--red-cool-60);
  background: #9e394b !important;
  background: var(--red-cool-60) !important;
}
.text-red-cool-60 {
  color: #9e394b !important;
  color: var(--red-cool-60) !important;
}
.border-red-cool-60 {
  border-color: #9e394b !important;
  border-color: var(--red-cool-60) !important;
}
.bg-red-cool-50 {
  --background: var(--red-cool-50);
  background: #cd425b !important;
  background: var(--red-cool-50) !important;
}
.text-red-cool-50 {
  color: #cd425b !important;
  color: var(--red-cool-50) !important;
}
.border-red-cool-50 {
  border-color: #cd425b !important;
  border-color: var(--red-cool-50) !important;
}
.bg-red-cool-40 {
  --background: var(--red-cool-40);
  background: #e16b80 !important;
  background: var(--red-cool-40) !important;
}
.text-red-cool-40 {
  color: #e16b80 !important;
  color: var(--red-cool-40) !important;
}
.border-red-cool-40 {
  border-color: #e16b80 !important;
  border-color: var(--red-cool-40) !important;
}
.bg-red-cool-30 {
  --background: var(--red-cool-30);
  background: #e09aa6 !important;
  background: var(--red-cool-30) !important;
}
.text-red-cool-30 {
  color: #e09aa6 !important;
  color: var(--red-cool-30) !important;
}
.border-red-cool-30 {
  border-color: #e09aa6 !important;
  border-color: var(--red-cool-30) !important;
}
.bg-red-cool-20 {
  --background: var(--red-cool-20);
  background: #ecbec6 !important;
  background: var(--red-cool-20) !important;
}
.text-red-cool-20 {
  color: #ecbec6 !important;
  color: var(--red-cool-20) !important;
}
.border-red-cool-20 {
  border-color: #ecbec6 !important;
  border-color: var(--red-cool-20) !important;
}
.bg-red-cool-10 {
  --background: var(--red-cool-10);
  background: #f3e1e4 !important;
  background: var(--red-cool-10) !important;
}
.text-red-cool-10 {
  color: #f3e1e4 !important;
  color: var(--red-cool-10) !important;
}
.border-red-cool-10 {
  border-color: #f3e1e4 !important;
  border-color: var(--red-cool-10) !important;
}
.bg-red-cool-5 {
  --background: var(--red-cool-5);
  background: #f8eff1 !important;
  background: var(--red-cool-5) !important;
}
.text-red-cool-5 {
  color: #f8eff1 !important;
  color: var(--red-cool-5) !important;
}
.border-red-cool-5 {
  border-color: #f8eff1 !important;
  border-color: var(--red-cool-5) !important;
}
.bg-red-warm-90 {
  --background: var(--red-warm-90);
  background: #1f1c18 !important;
  background: var(--red-warm-90) !important;
}
.text-red-warm-90 {
  color: #1f1c18 !important;
  color: var(--red-warm-90) !important;
}
.border-red-warm-90 {
  border-color: #1f1c18 !important;
  border-color: var(--red-warm-90) !important;
}
.bg-red-warm-80 {
  --background: var(--red-warm-80);
  background: #332d29 !important;
  background: var(--red-warm-80) !important;
}
.text-red-warm-80 {
  color: #332d29 !important;
  color: var(--red-warm-80) !important;
}
.border-red-warm-80 {
  border-color: #332d29 !important;
  border-color: var(--red-warm-80) !important;
}
.bg-red-warm-70 {
  --background: var(--red-warm-70);
  background: #524236 !important;
  background: var(--red-warm-70) !important;
}
.text-red-warm-70 {
  color: #524236 !important;
  color: var(--red-warm-70) !important;
}
.border-red-warm-70 {
  border-color: #524236 !important;
  border-color: var(--red-warm-70) !important;
}
.bg-red-warm-60 {
  --background: var(--red-warm-60);
  background: #805039 !important;
  background: var(--red-warm-60) !important;
}
.text-red-warm-60 {
  color: #805039 !important;
  color: var(--red-warm-60) !important;
}
.border-red-warm-60 {
  border-color: #805039 !important;
  border-color: var(--red-warm-60) !important;
}
.bg-red-warm-50 {
  --background: var(--red-warm-50);
  background: #c3512c !important;
  background: var(--red-warm-50) !important;
}
.text-red-warm-50 {
  color: #c3512c !important;
  color: var(--red-warm-50) !important;
}
.border-red-warm-50 {
  border-color: #c3512c !important;
  border-color: var(--red-warm-50) !important;
}
.bg-red-warm-40 {
  --background: var(--red-warm-40);
  background: #d27a56 !important;
  background: var(--red-warm-40) !important;
}
.text-red-warm-40 {
  color: #d27a56 !important;
  color: var(--red-warm-40) !important;
}
.border-red-warm-40 {
  border-color: #d27a56 !important;
  border-color: var(--red-warm-40) !important;
}
.bg-red-warm-30 {
  --background: var(--red-warm-30);
  background: #dca081 !important;
  background: var(--red-warm-30) !important;
}
.text-red-warm-30 {
  color: #dca081 !important;
  color: var(--red-warm-30) !important;
}
.border-red-warm-30 {
  border-color: #dca081 !important;
  border-color: var(--red-warm-30) !important;
}
.bg-red-warm-20 {
  --background: var(--red-warm-20);
  background: #ecc0a7 !important;
  background: var(--red-warm-20) !important;
}
.text-red-warm-20 {
  color: #ecc0a7 !important;
  color: var(--red-warm-20) !important;
}
.border-red-warm-20 {
  border-color: #ecc0a7 !important;
  border-color: var(--red-warm-20) !important;
}
.bg-red-warm-10 {
  --background: var(--red-warm-10);
  background: #f4e3db !important;
  background: var(--red-warm-10) !important;
}
.text-red-warm-10 {
  color: #f4e3db !important;
  color: var(--red-warm-10) !important;
}
.border-red-warm-10 {
  border-color: #f4e3db !important;
  border-color: var(--red-warm-10) !important;
}
.bg-red-warm-5 {
  --background: var(--red-warm-5);
  background: #f6efea !important;
  background: var(--red-warm-5) !important;
}
.text-red-warm-5 {
  color: #f6efea !important;
  color: var(--red-warm-5) !important;
}
.border-red-warm-5 {
  border-color: #f6efea !important;
  border-color: var(--red-warm-5) !important;
}
.bg-red-vivid-80 {
  --background: var(--red-vivid-80);
  background: #5c1111 !important;
  background: var(--red-vivid-80) !important;
}
.text-red-vivid-80 {
  color: #5c1111 !important;
  color: var(--red-vivid-80) !important;
}
.border-red-vivid-80 {
  border-color: #5c1111 !important;
  border-color: var(--red-vivid-80) !important;
}
.bg-red-vivid-70 {
  --background: var(--red-vivid-70);
  background: #8b0a03 !important;
  background: var(--red-vivid-70) !important;
}
.text-red-vivid-70 {
  color: #8b0a03 !important;
  color: var(--red-vivid-70) !important;
}
.border-red-vivid-70 {
  border-color: #8b0a03 !important;
  border-color: var(--red-vivid-70) !important;
}
.bg-red-vivid-60 {
  --background: var(--red-vivid-60);
  background: #b50909 !important;
  background: var(--red-vivid-60) !important;
}
.text-red-vivid-60 {
  color: #b50909 !important;
  color: var(--red-vivid-60) !important;
}
.border-red-vivid-60 {
  border-color: #b50909 !important;
  border-color: var(--red-vivid-60) !important;
}
.bg-red-vivid-50 {
  --background: var(--red-vivid-50);
  background: #e52207 !important;
  background: var(--red-vivid-50) !important;
}
.text-red-vivid-50 {
  color: #e52207 !important;
  color: var(--red-vivid-50) !important;
}
.border-red-vivid-50 {
  border-color: #e52207 !important;
  border-color: var(--red-vivid-50) !important;
}
.bg-red-vivid-40 {
  --background: var(--red-vivid-40);
  background: #fb5a47 !important;
  background: var(--red-vivid-40) !important;
}
.text-red-vivid-40 {
  color: #fb5a47 !important;
  color: var(--red-vivid-40) !important;
}
.border-red-vivid-40 {
  border-color: #fb5a47 !important;
  border-color: var(--red-vivid-40) !important;
}
.bg-red-vivid-30 {
  --background: var(--red-vivid-30);
  background: #ff8d7b !important;
  background: var(--red-vivid-30) !important;
}
.text-red-vivid-30 {
  color: #ff8d7b !important;
  color: var(--red-vivid-30) !important;
}
.border-red-vivid-30 {
  border-color: #ff8d7b !important;
  border-color: var(--red-vivid-30) !important;
}
.bg-red-vivid-20 {
  --background: var(--red-vivid-20);
  background: #fdb8ae !important;
  background: var(--red-vivid-20) !important;
}
.text-red-vivid-20 {
  color: #fdb8ae !important;
  color: var(--red-vivid-20) !important;
}
.border-red-vivid-20 {
  border-color: #fdb8ae !important;
  border-color: var(--red-vivid-20) !important;
}
.bg-red-vivid-10 {
  --background: var(--red-vivid-10);
  background: #fde0db !important;
  background: var(--red-vivid-10) !important;
}
.text-red-vivid-10 {
  color: #fde0db !important;
  color: var(--red-vivid-10) !important;
}
.border-red-vivid-10 {
  border-color: #fde0db !important;
  border-color: var(--red-vivid-10) !important;
}
.bg-red-vivid-5 {
  --background: var(--red-vivid-5);
  background: #fff3f2 !important;
  background: var(--red-vivid-5) !important;
}
.text-red-vivid-5 {
  color: #fff3f2 !important;
  color: var(--red-vivid-5) !important;
}
.border-red-vivid-5 {
  border-color: #fff3f2 !important;
  border-color: var(--red-vivid-5) !important;
}
.bg-red-cool-vivid-80 {
  --background: var(--red-cool-vivid-80);
  background: #4f1c24 !important;
  background: var(--red-cool-vivid-80) !important;
}
.text-red-cool-vivid-80 {
  color: #4f1c24 !important;
  color: var(--red-cool-vivid-80) !important;
}
.border-red-cool-vivid-80 {
  border-color: #4f1c24 !important;
  border-color: var(--red-cool-vivid-80) !important;
}
.bg-red-cool-vivid-70 {
  --background: var(--red-cool-vivid-70);
  background: #822133 !important;
  background: var(--red-cool-vivid-70) !important;
}
.text-red-cool-vivid-70 {
  color: #822133 !important;
  color: var(--red-cool-vivid-70) !important;
}
.border-red-cool-vivid-70 {
  border-color: #822133 !important;
  border-color: var(--red-cool-vivid-70) !important;
}
.bg-red-cool-vivid-60 {
  --background: var(--red-cool-vivid-60);
  background: #b21d38 !important;
  background: var(--red-cool-vivid-60) !important;
}
.text-red-cool-vivid-60 {
  color: #b21d38 !important;
  color: var(--red-cool-vivid-60) !important;
}
.border-red-cool-vivid-60 {
  border-color: #b21d38 !important;
  border-color: var(--red-cool-vivid-60) !important;
}
.bg-red-cool-vivid-50 {
  --background: var(--red-cool-vivid-50);
  background: #e41d3d !important;
  background: var(--red-cool-vivid-50) !important;
}
.text-red-cool-vivid-50 {
  color: #e41d3d !important;
  color: var(--red-cool-vivid-50) !important;
}
.border-red-cool-vivid-50 {
  border-color: #e41d3d !important;
  border-color: var(--red-cool-vivid-50) !important;
}
.bg-red-cool-vivid-40 {
  --background: var(--red-cool-vivid-40);
  background: #f45d79 !important;
  background: var(--red-cool-vivid-40) !important;
}
.text-red-cool-vivid-40 {
  color: #f45d79 !important;
  color: var(--red-cool-vivid-40) !important;
}
.border-red-cool-vivid-40 {
  border-color: #f45d79 !important;
  border-color: var(--red-cool-vivid-40) !important;
}
.bg-red-cool-vivid-30 {
  --background: var(--red-cool-vivid-30);
  background: #fd8ba0 !important;
  background: var(--red-cool-vivid-30) !important;
}
.text-red-cool-vivid-30 {
  color: #fd8ba0 !important;
  color: var(--red-cool-vivid-30) !important;
}
.border-red-cool-vivid-30 {
  border-color: #fd8ba0 !important;
  border-color: var(--red-cool-vivid-30) !important;
}
.bg-red-cool-vivid-20 {
  --background: var(--red-cool-vivid-20);
  background: #f8b9c5 !important;
  background: var(--red-cool-vivid-20) !important;
}
.text-red-cool-vivid-20 {
  color: #f8b9c5 !important;
  color: var(--red-cool-vivid-20) !important;
}
.border-red-cool-vivid-20 {
  border-color: #f8b9c5 !important;
  border-color: var(--red-cool-vivid-20) !important;
}
.bg-red-cool-vivid-10 {
  --background: var(--red-cool-vivid-10);
  background: #f8dfe2 !important;
  background: var(--red-cool-vivid-10) !important;
}
.text-red-cool-vivid-10 {
  color: #f8dfe2 !important;
  color: var(--red-cool-vivid-10) !important;
}
.border-red-cool-vivid-10 {
  border-color: #f8dfe2 !important;
  border-color: var(--red-cool-vivid-10) !important;
}
.bg-red-cool-vivid-5 {
  --background: var(--red-cool-vivid-5);
  background: #fff2f5 !important;
  background: var(--red-cool-vivid-5) !important;
}
.text-red-cool-vivid-5 {
  color: #fff2f5 !important;
  color: var(--red-cool-vivid-5) !important;
}
.border-red-cool-vivid-5 {
  border-color: #fff2f5 !important;
  border-color: var(--red-cool-vivid-5) !important;
}
.bg-red-warm-vivid-80 {
  --background: var(--red-warm-vivid-80);
  background: #3e2a1e !important;
  background: var(--red-warm-vivid-80) !important;
}
.text-red-warm-vivid-80 {
  color: #3e2a1e !important;
  color: var(--red-warm-vivid-80) !important;
}
.border-red-warm-vivid-80 {
  border-color: #3e2a1e !important;
  border-color: var(--red-warm-vivid-80) !important;
}
.bg-red-warm-vivid-70 {
  --background: var(--red-warm-vivid-70);
  background: #63340f !important;
  background: var(--red-warm-vivid-70) !important;
}
.text-red-warm-vivid-70 {
  color: #63340f !important;
  color: var(--red-warm-vivid-70) !important;
}
.border-red-warm-vivid-70 {
  border-color: #63340f !important;
  border-color: var(--red-warm-vivid-70) !important;
}
.bg-red-warm-vivid-60 {
  --background: var(--red-warm-vivid-60);
  background: #9c3d10 !important;
  background: var(--red-warm-vivid-60) !important;
}
.text-red-warm-vivid-60 {
  color: #9c3d10 !important;
  color: var(--red-warm-vivid-60) !important;
}
.border-red-warm-vivid-60 {
  border-color: #9c3d10 !important;
  border-color: var(--red-warm-vivid-60) !important;
}
.bg-red-warm-vivid-50 {
  --background: var(--red-warm-vivid-50);
  background: #d54309 !important;
  background: var(--red-warm-vivid-50) !important;
}
.text-red-warm-vivid-50 {
  color: #d54309 !important;
  color: var(--red-warm-vivid-50) !important;
}
.border-red-warm-vivid-50 {
  border-color: #d54309 !important;
  border-color: var(--red-warm-vivid-50) !important;
}
.bg-red-warm-vivid-40 {
  --background: var(--red-warm-vivid-40);
  background: #ef5e25 !important;
  background: var(--red-warm-vivid-40) !important;
}
.text-red-warm-vivid-40 {
  color: #ef5e25 !important;
  color: var(--red-warm-vivid-40) !important;
}
.border-red-warm-vivid-40 {
  border-color: #ef5e25 !important;
  border-color: var(--red-warm-vivid-40) !important;
}
.bg-red-warm-vivid-30 {
  --background: var(--red-warm-vivid-30);
  background: #f39268 !important;
  background: var(--red-warm-vivid-30) !important;
}
.text-red-warm-vivid-30 {
  color: #f39268 !important;
  color: var(--red-warm-vivid-30) !important;
}
.border-red-warm-vivid-30 {
  border-color: #f39268 !important;
  border-color: var(--red-warm-vivid-30) !important;
}
.bg-red-warm-vivid-20 {
  --background: var(--red-warm-vivid-20);
  background: #f6bd9c !important;
  background: var(--red-warm-vivid-20) !important;
}
.text-red-warm-vivid-20 {
  color: #f6bd9c !important;
  color: var(--red-warm-vivid-20) !important;
}
.border-red-warm-vivid-20 {
  border-color: #f6bd9c !important;
  border-color: var(--red-warm-vivid-20) !important;
}
.bg-red-warm-vivid-10 {
  --background: var(--red-warm-vivid-10);
  background: #fce1d4 !important;
  background: var(--red-warm-vivid-10) !important;
}
.text-red-warm-vivid-10 {
  color: #fce1d4 !important;
  color: var(--red-warm-vivid-10) !important;
}
.border-red-warm-vivid-10 {
  border-color: #fce1d4 !important;
  border-color: var(--red-warm-vivid-10) !important;
}
.bg-red-warm-vivid-5 {
  --background: var(--red-warm-vivid-5);
  background: #fff5ee !important;
  background: var(--red-warm-vivid-5) !important;
}
.text-red-warm-vivid-5 {
  color: #fff5ee !important;
  color: var(--red-warm-vivid-5) !important;
}
.border-red-warm-vivid-5 {
  border-color: #fff5ee !important;
  border-color: var(--red-warm-vivid-5) !important;
}
.bg-violet-90 {
  --background: var(--violet-90);
  background: #18161d !important;
  background: var(--violet-90) !important;
}
.text-violet-90 {
  color: #18161d !important;
  color: var(--violet-90) !important;
}
.border-violet-90 {
  border-color: #18161d !important;
  border-color: var(--violet-90) !important;
}
.bg-violet-80 {
  --background: var(--violet-80);
  background: #312b3f !important;
  background: var(--violet-80) !important;
}
.text-violet-80 {
  color: #312b3f !important;
  color: var(--violet-80) !important;
}
.border-violet-80 {
  border-color: #312b3f !important;
  border-color: var(--violet-80) !important;
}
.bg-violet-70 {
  --background: var(--violet-70);
  background: #4c3d69 !important;
  background: var(--violet-70) !important;
}
.text-violet-70 {
  color: #4c3d69 !important;
  color: var(--violet-70) !important;
}
.border-violet-70 {
  border-color: #4c3d69 !important;
  border-color: var(--violet-70) !important;
}
.bg-violet-60 {
  --background: var(--violet-60);
  background: #665190 !important;
  background: var(--violet-60) !important;
}
.text-violet-60 {
  color: #665190 !important;
  color: var(--violet-60) !important;
}
.border-violet-60 {
  border-color: #665190 !important;
  border-color: var(--violet-60) !important;
}
.bg-violet-50 {
  --background: var(--violet-50);
  background: #8168b3 !important;
  background: var(--violet-50) !important;
}
.text-violet-50 {
  color: #8168b3 !important;
  color: var(--violet-50) !important;
}
.border-violet-50 {
  border-color: #8168b3 !important;
  border-color: var(--violet-50) !important;
}
.bg-violet-40 {
  --background: var(--violet-40);
  background: #9d84d2 !important;
  background: var(--violet-40) !important;
}
.text-violet-40 {
  color: #9d84d2 !important;
  color: var(--violet-40) !important;
}
.border-violet-40 {
  border-color: #9d84d2 !important;
  border-color: var(--violet-40) !important;
}
.bg-violet-30 {
  --background: var(--violet-30);
  background: #b8a2e3 !important;
  background: var(--violet-30) !important;
}
.text-violet-30 {
  color: #b8a2e3 !important;
  color: var(--violet-30) !important;
}
.border-violet-30 {
  border-color: #b8a2e3 !important;
  border-color: var(--violet-30) !important;
}
.bg-violet-20 {
  --background: var(--violet-20);
  background: #d0c3e9 !important;
  background: var(--violet-20) !important;
}
.text-violet-20 {
  color: #d0c3e9 !important;
  color: var(--violet-20) !important;
}
.border-violet-20 {
  border-color: #d0c3e9 !important;
  border-color: var(--violet-20) !important;
}
.bg-violet-10 {
  --background: var(--violet-10);
  background: #ebe3f9 !important;
  background: var(--violet-10) !important;
}
.text-violet-10 {
  color: #ebe3f9 !important;
  color: var(--violet-10) !important;
}
.border-violet-10 {
  border-color: #ebe3f9 !important;
  border-color: var(--violet-10) !important;
}
.bg-violet-5 {
  --background: var(--violet-5);
  background: #f4f1f9 !important;
  background: var(--violet-5) !important;
}
.text-violet-5 {
  color: #f4f1f9 !important;
  color: var(--violet-5) !important;
}
.border-violet-5 {
  border-color: #f4f1f9 !important;
  border-color: var(--violet-5) !important;
}
.bg-violet-warm-90 {
  --background: var(--violet-warm-90);
  background: #1b151b !important;
  background: var(--violet-warm-90) !important;
}
.text-violet-warm-90 {
  color: #1b151b !important;
  color: var(--violet-warm-90) !important;
}
.border-violet-warm-90 {
  border-color: #1b151b !important;
  border-color: var(--violet-warm-90) !important;
}
.bg-violet-warm-80 {
  --background: var(--violet-warm-80);
  background: #382936 !important;
  background: var(--violet-warm-80) !important;
}
.text-violet-warm-80 {
  color: #382936 !important;
  color: var(--violet-warm-80) !important;
}
.border-violet-warm-80 {
  border-color: #382936 !important;
  border-color: var(--violet-warm-80) !important;
}
.bg-violet-warm-70 {
  --background: var(--violet-warm-70);
  background: #5c395a !important;
  background: var(--violet-warm-70) !important;
}
.text-violet-warm-70 {
  color: #5c395a !important;
  color: var(--violet-warm-70) !important;
}
.border-violet-warm-70 {
  border-color: #5c395a !important;
  border-color: var(--violet-warm-70) !important;
}
.bg-violet-warm-60 {
  --background: var(--violet-warm-60);
  background: #864381 !important;
  background: var(--violet-warm-60) !important;
}
.text-violet-warm-60 {
  color: #864381 !important;
  color: var(--violet-warm-60) !important;
}
.border-violet-warm-60 {
  border-color: #864381 !important;
  border-color: var(--violet-warm-60) !important;
}
.bg-violet-warm-50 {
  --background: var(--violet-warm-50);
  background: #b04abd !important;
  background: var(--violet-warm-50) !important;
}
.text-violet-warm-50 {
  color: #b04abd !important;
  color: var(--violet-warm-50) !important;
}
.border-violet-warm-50 {
  border-color: #b04abd !important;
  border-color: var(--violet-warm-50) !important;
}
.bg-violet-warm-40 {
  --background: var(--violet-warm-40);
  background: #bf77c8 !important;
  background: var(--violet-warm-40) !important;
}
.text-violet-warm-40 {
  color: #bf77c8 !important;
  color: var(--violet-warm-40) !important;
}
.border-violet-warm-40 {
  border-color: #bf77c8 !important;
  border-color: var(--violet-warm-40) !important;
}
.bg-violet-warm-30 {
  --background: var(--violet-warm-30);
  background: #d29ad8 !important;
  background: var(--violet-warm-30) !important;
}
.text-violet-warm-30 {
  color: #d29ad8 !important;
  color: var(--violet-warm-30) !important;
}
.border-violet-warm-30 {
  border-color: #d29ad8 !important;
  border-color: var(--violet-warm-30) !important;
}
.bg-violet-warm-20 {
  --background: var(--violet-warm-20);
  background: #e2bee4 !important;
  background: var(--violet-warm-20) !important;
}
.text-violet-warm-20 {
  color: #e2bee4 !important;
  color: var(--violet-warm-20) !important;
}
.border-violet-warm-20 {
  border-color: #e2bee4 !important;
  border-color: var(--violet-warm-20) !important;
}
.bg-violet-warm-10 {
  --background: var(--violet-warm-10);
  background: #f6dff8 !important;
  background: var(--violet-warm-10) !important;
}
.text-violet-warm-10 {
  color: #f6dff8 !important;
  color: var(--violet-warm-10) !important;
}
.border-violet-warm-10 {
  border-color: #f6dff8 !important;
  border-color: var(--violet-warm-10) !important;
}
.bg-violet-warm-5 {
  --background: var(--violet-warm-5);
  background: #f8f0f9 !important;
  background: var(--violet-warm-5) !important;
}
.text-violet-warm-5 {
  color: #f8f0f9 !important;
  color: var(--violet-warm-5) !important;
}
.border-violet-warm-5 {
  border-color: #f8f0f9 !important;
  border-color: var(--violet-warm-5) !important;
}
.bg-violet-vivid-80 {
  --background: var(--violet-vivid-80);
  background: #39215e !important;
  background: var(--violet-vivid-80) !important;
}
.text-violet-vivid-80 {
  color: #39215e !important;
  color: var(--violet-vivid-80) !important;
}
.border-violet-vivid-80 {
  border-color: #39215e !important;
  border-color: var(--violet-vivid-80) !important;
}
.bg-violet-vivid-70 {
  --background: var(--violet-vivid-70);
  background: #54278f !important;
  background: var(--violet-vivid-70) !important;
}
.text-violet-vivid-70 {
  color: #54278f !important;
  color: var(--violet-vivid-70) !important;
}
.border-violet-vivid-70 {
  border-color: #54278f !important;
  border-color: var(--violet-vivid-70) !important;
}
.bg-violet-vivid-60 {
  --background: var(--violet-vivid-60);
  background: #783cb9 !important;
  background: var(--violet-vivid-60) !important;
}
.text-violet-vivid-60 {
  color: #783cb9 !important;
  color: var(--violet-vivid-60) !important;
}
.border-violet-vivid-60 {
  border-color: #783cb9 !important;
  border-color: var(--violet-vivid-60) !important;
}
.bg-violet-vivid-50 {
  --background: var(--violet-vivid-50);
  background: #9355dc !important;
  background: var(--violet-vivid-50) !important;
}
.text-violet-vivid-50 {
  color: #9355dc !important;
  color: var(--violet-vivid-50) !important;
}
.border-violet-vivid-50 {
  border-color: #9355dc !important;
  border-color: var(--violet-vivid-50) !important;
}
.bg-violet-vivid-40 {
  --background: var(--violet-vivid-40);
  background: #ad79e9 !important;
  background: var(--violet-vivid-40) !important;
}
.text-violet-vivid-40 {
  color: #ad79e9 !important;
  color: var(--violet-vivid-40) !important;
}
.border-violet-vivid-40 {
  border-color: #ad79e9 !important;
  border-color: var(--violet-vivid-40) !important;
}
.bg-violet-vivid-30 {
  --background: var(--violet-vivid-30);
  background: #c39deb !important;
  background: var(--violet-vivid-30) !important;
}
.text-violet-vivid-30 {
  color: #c39deb !important;
  color: var(--violet-vivid-30) !important;
}
.border-violet-vivid-30 {
  border-color: #c39deb !important;
  border-color: var(--violet-vivid-30) !important;
}
.bg-violet-vivid-20 {
  --background: var(--violet-vivid-20);
  background: #d5bfff !important;
  background: var(--violet-vivid-20) !important;
}
.text-violet-vivid-20 {
  color: #d5bfff !important;
  color: var(--violet-vivid-20) !important;
}
.border-violet-vivid-20 {
  border-color: #d5bfff !important;
  border-color: var(--violet-vivid-20) !important;
}
.bg-violet-vivid-10 {
  --background: var(--violet-vivid-10);
  background: #ede3ff !important;
  background: var(--violet-vivid-10) !important;
}
.text-violet-vivid-10 {
  color: #ede3ff !important;
  color: var(--violet-vivid-10) !important;
}
.border-violet-vivid-10 {
  border-color: #ede3ff !important;
  border-color: var(--violet-vivid-10) !important;
}
.bg-violet-vivid-5 {
  --background: var(--violet-vivid-5);
  background: #f7f2ff !important;
  background: var(--violet-vivid-5) !important;
}
.text-violet-vivid-5 {
  color: #f7f2ff !important;
  color: var(--violet-vivid-5) !important;
}
.border-violet-vivid-5 {
  border-color: #f7f2ff !important;
  border-color: var(--violet-vivid-5) !important;
}
.bg-violet-warm-vivid-80 {
  --background: var(--violet-warm-vivid-80);
  background: #481441 !important;
  background: var(--violet-warm-vivid-80) !important;
}
.text-violet-warm-vivid-80 {
  color: #481441 !important;
  color: var(--violet-warm-vivid-80) !important;
}
.border-violet-warm-vivid-80 {
  border-color: #481441 !important;
  border-color: var(--violet-warm-vivid-80) !important;
}
.bg-violet-warm-vivid-70 {
  --background: var(--violet-warm-vivid-70);
  background: #711e6c !important;
  background: var(--violet-warm-vivid-70) !important;
}
.text-violet-warm-vivid-70 {
  color: #711e6c !important;
  color: var(--violet-warm-vivid-70) !important;
}
.border-violet-warm-vivid-70 {
  border-color: #711e6c !important;
  border-color: var(--violet-warm-vivid-70) !important;
}
.bg-violet-warm-vivid-60 {
  --background: var(--violet-warm-vivid-60);
  background: #93348c !important;
  background: var(--violet-warm-vivid-60) !important;
}
.text-violet-warm-vivid-60 {
  color: #93348c !important;
  color: var(--violet-warm-vivid-60) !important;
}
.border-violet-warm-vivid-60 {
  border-color: #93348c !important;
  border-color: var(--violet-warm-vivid-60) !important;
}
.bg-violet-warm-vivid-50 {
  --background: var(--violet-warm-vivid-50);
  background: #be32d0 !important;
  background: var(--violet-warm-vivid-50) !important;
}
.text-violet-warm-vivid-50 {
  color: #be32d0 !important;
  color: var(--violet-warm-vivid-50) !important;
}
.border-violet-warm-vivid-50 {
  border-color: #be32d0 !important;
  border-color: var(--violet-warm-vivid-50) !important;
}
.bg-violet-warm-vivid-40 {
  --background: var(--violet-warm-vivid-40);
  background: #d85bef !important;
  background: var(--violet-warm-vivid-40) !important;
}
.text-violet-warm-vivid-40 {
  color: #d85bef !important;
  color: var(--violet-warm-vivid-40) !important;
}
.border-violet-warm-vivid-40 {
  border-color: #d85bef !important;
  border-color: var(--violet-warm-vivid-40) !important;
}
.bg-violet-warm-vivid-30 {
  --background: var(--violet-warm-vivid-30);
  background: #ee83ff !important;
  background: var(--violet-warm-vivid-30) !important;
}
.text-violet-warm-vivid-30 {
  color: #ee83ff !important;
  color: var(--violet-warm-vivid-30) !important;
}
.border-violet-warm-vivid-30 {
  border-color: #ee83ff !important;
  border-color: var(--violet-warm-vivid-30) !important;
}
.bg-violet-warm-vivid-20 {
  --background: var(--violet-warm-vivid-20);
  background: #f4b2ff !important;
  background: var(--violet-warm-vivid-20) !important;
}
.text-violet-warm-vivid-20 {
  color: #f4b2ff !important;
  color: var(--violet-warm-vivid-20) !important;
}
.border-violet-warm-vivid-20 {
  border-color: #f4b2ff !important;
  border-color: var(--violet-warm-vivid-20) !important;
}
.bg-violet-warm-vivid-10 {
  --background: var(--violet-warm-vivid-10);
  background: #fbdcff !important;
  background: var(--violet-warm-vivid-10) !important;
}
.text-violet-warm-vivid-10 {
  color: #fbdcff !important;
  color: var(--violet-warm-vivid-10) !important;
}
.border-violet-warm-vivid-10 {
  border-color: #fbdcff !important;
  border-color: var(--violet-warm-vivid-10) !important;
}
.bg-violet-warm-vivid-5 {
  --background: var(--violet-warm-vivid-5);
  background: #fef2ff !important;
  background: var(--violet-warm-vivid-5) !important;
}
.text-violet-warm-vivid-5 {
  color: #fef2ff !important;
  color: var(--violet-warm-vivid-5) !important;
}
.border-violet-warm-vivid-5 {
  border-color: #fef2ff !important;
  border-color: var(--violet-warm-vivid-5) !important;
}
.bg-yellow-90 {
  --background: var(--yellow-90);
  background: #1a1614 !important;
  background: var(--yellow-90) !important;
}
.text-yellow-90 {
  color: #1a1614 !important;
  color: var(--yellow-90) !important;
}
.border-yellow-90 {
  border-color: #1a1614 !important;
  border-color: var(--yellow-90) !important;
}
.bg-yellow-80 {
  --background: var(--yellow-80);
  background: #332d27 !important;
  background: var(--yellow-80) !important;
}
.text-yellow-80 {
  color: #332d27 !important;
  color: var(--yellow-80) !important;
}
.border-yellow-80 {
  border-color: #332d27 !important;
  border-color: var(--yellow-80) !important;
}
.bg-yellow-70 {
  --background: var(--yellow-70);
  background: #504332 !important;
  background: var(--yellow-70) !important;
}
.text-yellow-70 {
  color: #504332 !important;
  color: var(--yellow-70) !important;
}
.border-yellow-70 {
  border-color: #504332 !important;
  border-color: var(--yellow-70) !important;
}
.bg-yellow-60 {
  --background: var(--yellow-60);
  background: #6b5a39 !important;
  background: var(--yellow-60) !important;
}
.text-yellow-60 {
  color: #6b5a39 !important;
  color: var(--yellow-60) !important;
}
.border-yellow-60 {
  border-color: #6b5a39 !important;
  border-color: var(--yellow-60) !important;
}
.bg-yellow-50 {
  --background: var(--yellow-50);
  background: #8a7237 !important;
  background: var(--yellow-50) !important;
}
.text-yellow-50 {
  color: #8a7237 !important;
  color: var(--yellow-50) !important;
}
.border-yellow-50 {
  border-color: #8a7237 !important;
  border-color: var(--yellow-50) !important;
}
.bg-yellow-40 {
  --background: var(--yellow-40);
  background: #a88f48 !important;
  background: var(--yellow-40) !important;
}
.text-yellow-40 {
  color: #a88f48 !important;
  color: var(--yellow-40) !important;
}
.border-yellow-40 {
  border-color: #a88f48 !important;
  border-color: var(--yellow-40) !important;
}
.bg-yellow-30 {
  --background: var(--yellow-30);
  background: #c9ab48 !important;
  background: var(--yellow-30) !important;
}
.text-yellow-30 {
  color: #c9ab48 !important;
  color: var(--yellow-30) !important;
}
.border-yellow-30 {
  border-color: #c9ab48 !important;
  border-color: var(--yellow-30) !important;
}
.bg-yellow-20 {
  --background: var(--yellow-20);
  background: #e6c74c !important;
  background: var(--yellow-20) !important;
}
.text-yellow-20 {
  color: #e6c74c !important;
  color: var(--yellow-20) !important;
}
.border-yellow-20 {
  border-color: #e6c74c !important;
  border-color: var(--yellow-20) !important;
}
.bg-yellow-10 {
  --background: var(--yellow-10);
  background: #f5e6af !important;
  background: var(--yellow-10) !important;
}
.text-yellow-10 {
  color: #f5e6af !important;
  color: var(--yellow-10) !important;
}
.border-yellow-10 {
  border-color: #f5e6af !important;
  border-color: var(--yellow-10) !important;
}
.bg-yellow-5 {
  --background: var(--yellow-5);
  background: #faf3d1 !important;
  background: var(--yellow-5) !important;
}
.text-yellow-5 {
  color: #faf3d1 !important;
  color: var(--yellow-5) !important;
}
.border-yellow-5 {
  border-color: #faf3d1 !important;
  border-color: var(--yellow-5) !important;
}
.bg-yellow-vivid-80 {
  --background: var(--yellow-vivid-80);
  background: #422d19 !important;
  background: var(--yellow-vivid-80) !important;
}
.text-yellow-vivid-80 {
  color: #422d19 !important;
  color: var(--yellow-vivid-80) !important;
}
.border-yellow-vivid-80 {
  border-color: #422d19 !important;
  border-color: var(--yellow-vivid-80) !important;
}
.bg-yellow-vivid-70 {
  --background: var(--yellow-vivid-70);
  background: #5c4809 !important;
  background: var(--yellow-vivid-70) !important;
}
.text-yellow-vivid-70 {
  color: #5c4809 !important;
  color: var(--yellow-vivid-70) !important;
}
.border-yellow-vivid-70 {
  border-color: #5c4809 !important;
  border-color: var(--yellow-vivid-70) !important;
}
.bg-yellow-vivid-60 {
  --background: var(--yellow-vivid-60);
  background: #776017 !important;
  background: var(--yellow-vivid-60) !important;
}
.text-yellow-vivid-60 {
  color: #776017 !important;
  color: var(--yellow-vivid-60) !important;
}
.border-yellow-vivid-60 {
  border-color: #776017 !important;
  border-color: var(--yellow-vivid-60) !important;
}
.bg-yellow-vivid-50 {
  --background: var(--yellow-vivid-50);
  background: #947100 !important;
  background: var(--yellow-vivid-50) !important;
}
.text-yellow-vivid-50 {
  color: #947100 !important;
  color: var(--yellow-vivid-50) !important;
}
.border-yellow-vivid-50 {
  border-color: #947100 !important;
  border-color: var(--yellow-vivid-50) !important;
}
.bg-yellow-vivid-40 {
  --background: var(--yellow-vivid-40);
  background: #b38c00 !important;
  background: var(--yellow-vivid-40) !important;
}
.text-yellow-vivid-40 {
  color: #b38c00 !important;
  color: var(--yellow-vivid-40) !important;
}
.border-yellow-vivid-40 {
  border-color: #b38c00 !important;
  border-color: var(--yellow-vivid-40) !important;
}
.bg-yellow-vivid-30 {
  --background: var(--yellow-vivid-30);
  background: #ddaa01 !important;
  background: var(--yellow-vivid-30) !important;
}
.text-yellow-vivid-30 {
  color: #ddaa01 !important;
  color: var(--yellow-vivid-30) !important;
}
.border-yellow-vivid-30 {
  border-color: #ddaa01 !important;
  border-color: var(--yellow-vivid-30) !important;
}
.bg-yellow-vivid-20 {
  --background: var(--yellow-vivid-20);
  background: #ffcd07 !important;
  background: var(--yellow-vivid-20) !important;
}
.text-yellow-vivid-20 {
  color: #ffcd07 !important;
  color: var(--yellow-vivid-20) !important;
}
.border-yellow-vivid-20 {
  border-color: #ffcd07 !important;
  border-color: var(--yellow-vivid-20) !important;
}
.bg-yellow-vivid-10 {
  --background: var(--yellow-vivid-10);
  background: #fee685 !important;
  background: var(--yellow-vivid-10) !important;
}
.text-yellow-vivid-10 {
  color: #fee685 !important;
  color: var(--yellow-vivid-10) !important;
}
.border-yellow-vivid-10 {
  border-color: #fee685 !important;
  border-color: var(--yellow-vivid-10) !important;
}
.bg-yellow-vivid-5 {
  --background: var(--yellow-vivid-5);
  background: #fff5c2 !important;
  background: var(--yellow-vivid-5) !important;
}
.text-yellow-vivid-5 {
  color: #fff5c2 !important;
  color: var(--yellow-vivid-5) !important;
}
.border-yellow-vivid-5 {
  border-color: #fff5c2 !important;
  border-color: var(--yellow-vivid-5) !important;
}
.bg-interactive {
  --background: var(--interactive);
  background: #1351b4 !important;
  background: var(--interactive) !important;
}
.text-interactive {
  color: #1351b4 !important;
  color: var(--interactive) !important;
}
.border-interactive {
  border-color: #1351b4 !important;
  border-color: var(--interactive) !important;
}
.bg-interactive-dark {
  --background: var(--interactive-dark);
  background: #c5d4eb !important;
  background: var(--interactive-dark) !important;
}
.text-interactive-dark {
  color: #c5d4eb !important;
  color: var(--interactive-dark) !important;
}
.border-interactive-dark {
  border-color: #c5d4eb !important;
  border-color: var(--interactive-dark) !important;
}
.bg-danger {
  --background: var(--danger);
  background: #e52207 !important;
  background: var(--danger) !important;
}
.text-danger {
  color: #e52207 !important;
  color: var(--danger) !important;
}
.border-danger {
  border-color: #e52207 !important;
  border-color: var(--danger) !important;
}
.bg-warning {
  --background: var(--warning);
  background: #ffcd07 !important;
  background: var(--warning) !important;
}
.text-warning {
  color: #ffcd07 !important;
  color: var(--warning) !important;
}
.border-warning {
  border-color: #ffcd07 !important;
  border-color: var(--warning) !important;
}
.bg-success {
  --background: var(--success);
  background: #168821 !important;
  background: var(--success) !important;
}
.text-success {
  color: #168821 !important;
  color: var(--success) !important;
}
.border-success {
  border-color: #168821 !important;
  border-color: var(--success) !important;
}
.bg-info {
  --background: var(--info);
  background: #155bcb !important;
  background: var(--info) !important;
}
.text-info {
  color: #155bcb !important;
  color: var(--info) !important;
}
.border-info {
  border-color: #155bcb !important;
  border-color: var(--info) !important;
}
.bg-primary-pastel-01 {
  background: #c5d4eb !important;
  background: var(--color-primary-pastel-01) !important;
}
.text-primary-pastel-01 {
  color: #c5d4eb !important;
  color: var(--color-primary-pastel-01) !important;
}
.border-primary-pastel-01 {
  border-color: #c5d4eb !important;
  border-color: var(--color-primary-pastel-01) !important;
}
.bg-primary-pastel-02 {
  background: #dbe8fb !important;
  background: var(--color-primary-pastel-02) !important;
}
.text-primary-pastel-02 {
  color: #dbe8fb !important;
  color: var(--color-primary-pastel-02) !important;
}
.border-primary-pastel-02 {
  border-color: #dbe8fb !important;
  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: #2670e8 !important;
  background: var(--color-primary-lighten-01) !important;
}
.text-primary-lighten-01 {
  color: #2670e8 !important;
  color: var(--color-primary-lighten-01) !important;
}
.border-primary-lighten-01 {
  border-color: #2670e8 !important;
  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: #5992ed !important;
  background: var(--color-primary-lighten-02) !important;
}
.text-primary-lighten-02 {
  color: #5992ed !important;
  color: var(--color-primary-lighten-02) !important;
}
.border-primary-lighten-02 {
  border-color: #5992ed !important;
  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: #1351b4 !important;
  background: var(--color-primary-default) !important;
}
.text-primary-default {
  color: #1351b4 !important;
  color: var(--color-primary-default) !important;
}
.border-primary-default {
  border-color: #1351b4 !important;
  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: #0c326f !important;
  background: var(--color-primary-darken-01) !important;
}
.text-primary-darken-01 {
  color: #0c326f !important;
  color: var(--color-primary-darken-01) !important;
}
.border-primary-darken-01 {
  border-color: #0c326f !important;
  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: #071d41 !important;
  background: var(--color-primary-darken-02) !important;
}
.text-primary-darken-02 {
  color: #071d41 !important;
  color: var(--color-primary-darken-02) !important;
}
.border-primary-darken-02 {
  border-color: #071d41 !important;
  border-color: var(--color-primary-darken-02) !important;
}
.bg-secondary-01 {
  background: #fff !important;
  background: var(--color-secondary-01) !important;
}
.text-secondary-01 {
  color: #fff !important;
  color: var(--color-secondary-01) !important;
}
.border-secondary-01 {
  border-color: #fff !important;
  border-color: var(--color-secondary-01) !important;
}
.bg-secondary-02 {
  background: #f8f8f8 !important;
  background: var(--color-secondary-02) !important;
}
.text-secondary-02 {
  color: #f8f8f8 !important;
  color: var(--color-secondary-02) !important;
}
.border-secondary-02 {
  border-color: #f8f8f8 !important;
  border-color: var(--color-secondary-02) !important;
}
.bg-secondary-03 {
  background: #ededed !important;
  background: var(--color-secondary-03) !important;
}
.text-secondary-03 {
  color: #ededed !important;
  color: var(--color-secondary-03) !important;
}
.border-secondary-03 {
  border-color: #ededed !important;
  border-color: var(--color-secondary-03) !important;
}
.bg-secondary-04 {
  background: #ccc !important;
  background: var(--color-secondary-04) !important;
}
.text-secondary-04 {
  color: #ccc !important;
  color: var(--color-secondary-04) !important;
}
.border-secondary-04 {
  border-color: #ccc !important;
  border-color: var(--color-secondary-04) !important;
}
.bg-secondary-05 {
  background: #9e9d9d !important;
  background: var(--color-secondary-05) !important;
}
.text-secondary-05 {
  color: #9e9d9d !important;
  color: var(--color-secondary-05) !important;
}
.border-secondary-05 {
  border-color: #9e9d9d !important;
  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: #888 !important;
  background: var(--color-secondary-06) !important;
}
.text-secondary-06 {
  color: #888 !important;
  color: var(--color-secondary-06) !important;
}
.border-secondary-06 {
  border-color: #888 !important;
  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: #555 !important;
  background: var(--color-secondary-07) !important;
}
.text-secondary-07 {
  color: #555 !important;
  color: var(--color-secondary-07) !important;
}
.border-secondary-07 {
  border-color: #555 !important;
  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: #333 !important;
  background: var(--color-secondary-08) !important;
}
.text-secondary-08 {
  color: #333 !important;
  color: var(--color-secondary-08) !important;
}
.border-secondary-08 {
  border-color: #333 !important;
  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: #000 !important;
  background: var(--color-secondary-09) !important;
}
.text-secondary-09 {
  color: #000 !important;
  color: var(--color-secondary-09) !important;
}
.border-secondary-09 {
  border-color: #000 !important;
  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: #268744 !important;
  background: var(--color-highlight) !important;
}
.text-highlight {
  color: #268744 !important;
  color: var(--color-highlight) !important;
}
.border-highlight {
  border-color: #268744 !important;
  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: #36a191 !important;
  background: var(--color-support-01) !important;
}
.text-support-01 {
  color: #36a191 !important;
  color: var(--color-support-01) !important;
}
.border-support-01 {
  border-color: #36a191 !important;
  border-color: var(--color-support-01) !important;
}
.bg-support-02 {
  background: #f2e317 !important;
  background: var(--color-support-02) !important;
}
.text-support-02 {
  color: #f2e317 !important;
  color: var(--color-support-02) !important;
}
.border-support-02 {
  border-color: #f2e317 !important;
  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: #db4800 !important;
  background: var(--color-support-03) !important;
}
.text-support-03 {
  color: #db4800 !important;
  color: var(--color-support-03) !important;
}
.border-support-03 {
  border-color: #db4800 !important;
  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: #a26739 !important;
  background: var(--color-support-04) !important;
}
.text-support-04 {
  color: #a26739 !important;
  color: var(--color-support-04) !important;
}
.border-support-04 {
  border-color: #a26739 !important;
  border-color: var(--color-support-04) !important;
}
.bg-support-05 {
  background: #40e0d0 !important;
  background: var(--color-support-05) !important;
}
.text-support-05 {
  color: #40e0d0 !important;
  color: var(--color-support-05) !important;
}
.border-support-05 {
  border-color: #40e0d0 !important;
  border-color: var(--color-support-05) !important;
}
.bg-support-06 {
  background: #48cbeb !important;
  background: var(--color-support-06) !important;
}
.text-support-06 {
  color: #48cbeb !important;
  color: var(--color-support-06) !important;
}
.border-support-06 {
  border-color: #48cbeb !important;
  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: #c72487 !important;
  background: var(--color-support-07) !important;
}
.text-support-07 {
  color: #c72487 !important;
  color: var(--color-support-07) !important;
}
.border-support-07 {
  border-color: #c72487 !important;
  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: #63007f !important;
  background: var(--color-support-08) !important;
}
.text-support-08 {
  color: #63007f !important;
  color: var(--color-support-08) !important;
}
.border-support-08 {
  border-color: #63007f !important;
  border-color: var(--color-support-08) !important;
}
.bg-support-09 {
  background: #f08080 !important;
  background: var(--color-support-09) !important;
}
.text-support-09 {
  color: #f08080 !important;
  color: var(--color-support-09) !important;
}
.border-support-09 {
  border-color: #f08080 !important;
  border-color: var(--color-support-09) !important;
}
.bg-support-10 {
  background: #ff8c00 !important;
  background: var(--color-support-10) !important;
}
.text-support-10 {
  color: #ff8c00 !important;
  color: var(--color-support-10) !important;
}
.border-support-10 {
  border-color: #ff8c00 !important;
  border-color: var(--color-support-10) !important;
}
.bg-support-11 {
  background: #fdf5e6 !important;
  background: var(--color-support-11) !important;
}
.text-support-11 {
  color: #fdf5e6 !important;
  color: var(--color-support-11) !important;
}
.border-support-11 {
  border-color: #fdf5e6 !important;
  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 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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, .chart-tooltip .tooltip-content,
.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: 14px !important;
  font-size: var(--font-size-scale-base) !important;
}
.text-down-01 {
  font-size: 11.662px !important;
  font-size: var(--font-size-scale-down-01) !important;
}
.text-down-02 {
  font-size: 9.716px !important;
  font-size: var(--font-size-scale-down-02) !important;
}
.text-down-03 {
  font-size: 8.106px !important;
  font-size: var(--font-size-scale-down-03) !important;
}
.text-up-01 {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
}
.text-up-02 {
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
}
.text-up-03 {
  font-size: 24.192px !important;
  font-size: var(--font-size-scale-up-03) !important;
}
.text-up-04 {
  font-size: 29.036px !important;
  font-size: var(--font-size-scale-up-04) !important;
}
.text-up-05 {
  font-size: 34.832px !important;
  font-size: var(--font-size-scale-up-05) !important;
}
.text-up-06 {
  font-size: 41.804px !important;
  font-size: var(--font-size-scale-up-06) !important;
}
.text-up-07 {
  font-size: 50.162px !important;
  font-size: var(--font-size-scale-up-07) !important;
}
.text-up-08 {
  font-size: 60.2px !important;
  font-size: var(--font-size-scale-up-08) !important;
}
.text-up-09 {
  font-size: 72.24px !important;
  font-size: var(--font-size-scale-up-09) !important;
}
.text-up-10 {
  font-size: 86.688px !important;
  font-size: var(--font-size-scale-up-10) !important;
}
.text-up-11 {
  font-size: 104.02px !important;
  font-size: var(--font-size-scale-up-11) !important;
}
@media (min-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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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: 14px !important;
    font-size: var(--font-size-scale-base) !important;
  }
  .text-sm-down-01 {
    font-size: 11.662px !important;
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-sm-down-02 {
    font-size: 9.716px !important;
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-sm-down-03 {
    font-size: 8.106px !important;
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-sm-up-01 {
    font-size: 16.8px !important;
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-sm-up-02 {
    font-size: 20.16px !important;
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-sm-up-03 {
    font-size: 24.192px !important;
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-sm-up-04 {
    font-size: 29.036px !important;
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-sm-up-05 {
    font-size: 34.832px !important;
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-sm-up-06 {
    font-size: 41.804px !important;
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-sm-up-07 {
    font-size: 50.162px !important;
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-sm-up-08 {
    font-size: 60.2px !important;
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-sm-up-09 {
    font-size: 72.24px !important;
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-sm-up-10 {
    font-size: 86.688px !important;
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-sm-up-11 {
    font-size: 104.02px !important;
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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: 14px !important;
    font-size: var(--font-size-scale-base) !important;
  }
  .text-md-down-01 {
    font-size: 11.662px !important;
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-md-down-02 {
    font-size: 9.716px !important;
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-md-down-03 {
    font-size: 8.106px !important;
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-md-up-01 {
    font-size: 16.8px !important;
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-md-up-02 {
    font-size: 20.16px !important;
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-md-up-03 {
    font-size: 24.192px !important;
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-md-up-04 {
    font-size: 29.036px !important;
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-md-up-05 {
    font-size: 34.832px !important;
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-md-up-06 {
    font-size: 41.804px !important;
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-md-up-07 {
    font-size: 50.162px !important;
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-md-up-08 {
    font-size: 60.2px !important;
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-md-up-09 {
    font-size: 72.24px !important;
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-md-up-10 {
    font-size: 86.688px !important;
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-md-up-11 {
    font-size: 104.02px !important;
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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: 14px !important;
    font-size: var(--font-size-scale-base) !important;
  }
  .text-lg-down-01 {
    font-size: 11.662px !important;
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-lg-down-02 {
    font-size: 9.716px !important;
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-lg-down-03 {
    font-size: 8.106px !important;
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-lg-up-01 {
    font-size: 16.8px !important;
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-lg-up-02 {
    font-size: 20.16px !important;
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-lg-up-03 {
    font-size: 24.192px !important;
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-lg-up-04 {
    font-size: 29.036px !important;
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-lg-up-05 {
    font-size: 34.832px !important;
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-lg-up-06 {
    font-size: 41.804px !important;
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-lg-up-07 {
    font-size: 50.162px !important;
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-lg-up-08 {
    font-size: 60.2px !important;
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-lg-up-09 {
    font-size: 72.24px !important;
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-lg-up-10 {
    font-size: 86.688px !important;
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-lg-up-11 {
    font-size: 104.02px !important;
    font-size: var(--font-size-scale-up-11) !important;
  }
}
@media (min-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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .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: 14px !important;
    font-size: var(--font-size-scale-base) !important;
  }
  .text-xl-down-01 {
    font-size: 11.662px !important;
    font-size: var(--font-size-scale-down-01) !important;
  }
  .text-xl-down-02 {
    font-size: 9.716px !important;
    font-size: var(--font-size-scale-down-02) !important;
  }
  .text-xl-down-03 {
    font-size: 8.106px !important;
    font-size: var(--font-size-scale-down-03) !important;
  }
  .text-xl-up-01 {
    font-size: 16.8px !important;
    font-size: var(--font-size-scale-up-01) !important;
  }
  .text-xl-up-02 {
    font-size: 20.16px !important;
    font-size: var(--font-size-scale-up-02) !important;
  }
  .text-xl-up-03 {
    font-size: 24.192px !important;
    font-size: var(--font-size-scale-up-03) !important;
  }
  .text-xl-up-04 {
    font-size: 29.036px !important;
    font-size: var(--font-size-scale-up-04) !important;
  }
  .text-xl-up-05 {
    font-size: 34.832px !important;
    font-size: var(--font-size-scale-up-05) !important;
  }
  .text-xl-up-06 {
    font-size: 41.804px !important;
    font-size: var(--font-size-scale-up-06) !important;
  }
  .text-xl-up-07 {
    font-size: 50.162px !important;
    font-size: var(--font-size-scale-up-07) !important;
  }
  .text-xl-up-08 {
    font-size: 60.2px !important;
    font-size: var(--font-size-scale-up-08) !important;
  }
  .text-xl-up-09 {
    font-size: 72.24px !important;
    font-size: var(--font-size-scale-up-09) !important;
  }
  .text-xl-up-10 {
    font-size: 86.688px !important;
    font-size: var(--font-size-scale-up-10) !important;
  }
  .text-xl-up-11 {
    font-size: 104.02px !important;
    font-size: var(--font-size-scale-up-11) !important;
  }
}
.shadow-color {
  box-shadow: 0, 0, 0;
  box-shadow: var(--rgb-secondary-09);
}
.shadow-none {
  box-shadow: none;
}
.shadow-sm {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
  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: 0 3px 6px rgba(0, 0, 0, 0.16);
  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: 0 6px 6px rgba(0, 0, 0, 0.16);
  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: 0 9px 6px rgba(0, 0, 0, 0.16);
  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: 0 -1px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 -3px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 -6px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 -9px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 -1px 6px rgba(0, 0, 0, 0.16);
  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: 0 -3px 6px rgba(0, 0, 0, 0.16);
  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: 0 -6px 6px rgba(0, 0, 0, 0.16);
  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: 0 -9px 6px rgba(0, 0, 0, 0.16);
  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: 0 1px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 3px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 6px 6px inset rgba(0, 0, 0, 0.16);
  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: 0 9px 6px inset rgba(0, 0, 0, 0.16);
  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: 1px 0 6px rgba(0, 0, 0, 0.16);
  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: 3px 0 6px rgba(0, 0, 0, 0.16);
  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: 6px 0 6px rgba(0, 0, 0, 0.16);
  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: 9px 0 6px rgba(0, 0, 0, 0.16);
  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: -1px 0 6px inset rgba(0, 0, 0, 0.16);
  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: -3px 0 6px inset rgba(0, 0, 0, 0.16);
  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: -6px 0 6px inset rgba(0, 0, 0, 0.16);
  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: -9px 0 6px inset rgba(0, 0, 0, 0.16);
  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: -1px 0 6px rgba(0, 0, 0, 0.16);
  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: -3px 0 6px rgba(0, 0, 0, 0.16);
  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: -6px 0 6px rgba(0, 0, 0, 0.16);
  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: -9px 0 6px rgba(0, 0, 0, 0.16);
  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: 1px 0 6px inset rgba(0, 0, 0, 0.16);
  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: 3px 0 6px inset rgba(0, 0, 0, 0.16);
  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: 6px 0 6px inset rgba(0, 0, 0, 0.16);
  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: 9px 0 6px inset rgba(0, 0, 0, 0.16);
  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: 0;
  z-index: var(--z-index-layer-0);
}
.layer-1 {
  z-index: 1000;
  z-index: var(--z-index-layer-1);
}
.layer-2 {
  z-index: 2000;
  z-index: var(--z-index-layer-2);
}
.layer-3 {
  z-index: 3000;
  z-index: var(--z-index-layer-3);
}
.layer-4 {
  z-index: 4000;
  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: 0.1s;
  animation-duration: var(--duration-very-fast);
}
.fast {
  animation-duration: 0.3s;
  animation-duration: var(--duration-fast);
}
.moderate {
  animation-duration: 0.5s;
  animation-duration: var(--duration-moderate);
}
.slow {
  animation-duration: 0.8s;
  animation-duration: var(--duration-slow);
}
.very-slow {
  animation-duration: 1s;
  animation-duration: var(--duration-very-slow);
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas,
.svg-inline--fa {
  --icon-size: var(--icon-size-base);
  display: inline-block;
  font-size: var(--icon-size);
  text-align: center;
  width: calc(var(--icon-size) + 8px);
}
.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: -0.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 4px;
  padding: 0 var(--spacing-scale-half);
}
.disabled,
[disabled] {
  cursor: not-allowed;
  opacity: 0.45;
  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: 0 1px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-sm);
  left: 0;
  position: absolute;
  top: 100%;
}
.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: #fff;
  background-color: var(--background-light);
  color: #333;
  color: var(--color);
}
.dropdown .br-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
  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 {
  display: flex;
  flex-direction: column;
}
.br-accordion {
  background: var(--bg-color);
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--color-secondary-04);
}
.br-accordion .item {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--color-secondary-04);
  display: flex;
  flex-direction: column;
}
.br-accordion .item[active] {
  border-bottom: 0;
}
.br-accordion .item[active] .header {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-accordion .item[active] + .content {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--color-secondary-04);
  display: block;
}
.br-accordion .header {
  --bg-color: transparent;
  background: var(--bg-color);
  border: 0;
  color: #1351b4;
  color: var(--interactive);
  display: flex;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  justify-content: space-between;
  outline: none;
  padding: 16px 0;
  padding: var(--spacing-scale-2x) 0;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.br-accordion .header .icon {
  margin: 0 16px 0 12px;
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
}
.br-accordion .header .title {
  flex: 1 1;
  margin: 0;
}
.br-accordion .header:focus {
  outline: none;
}
.br-accordion .header.focus-visible,
.br-accordion .header:focus-visible {
  outline-color: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-accordion .header:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-accordion .content {
  color: var(--text-color);
  display: none;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  margin: 0 8px;
  margin: 0 var(--spacing-scale-base);
  padding: 8px 64px 16px;
  padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
}
.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);
  background-color: transparent;
  border: 0;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: var(--avatar-size);
  vertical-align: middle;
}
.br-avatar,
.br-avatar .content {
  align-items: center;
  display: inline-flex;
  font-size: var(--avatar-text-size);
  justify-content: center;
}
.br-avatar .content {
  background-color: #dbe8fb;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: #c5d4eb;
  color: var(--blue-warm-20);
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.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: 0.25em;
}
.br-avatar.is-small,
.br-avatar.small,
.br-avatar.meeting-polls__button,
.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: transparent;
  border: 0;
}
.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-avatar .image,
.br-avatar .letter {
  align-items: center;
  background-color: #dbe8fb;
  background-color: var(--blue-10);
  border-radius: 50%;
  color: #c5d4eb;
  color: var(--blue-warm-20);
  display: inline-flex;
  font-size: var(--avatar-text-size);
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.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: 0.25em;
}
.br-breadcrumb {
  display: inline-grid;
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  position: relative;
}
.br-breadcrumb .crumb-list {
  align-items: center;
  border: 0;
  display: flex;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
}
.br-breadcrumb .crumb {
  align-items: center;
  display: flex;
  height: 40px;
  height: var(--spacing-scale-5x);
  margin: auto 0 auto -5px;
}
.br-breadcrumb .crumb .icon {
  color: #ccc;
  color: var(--border-color);
  font-size: 12px;
  font-size: var(--icon-size-sm);
  margin-right: -6px;
}
.br-breadcrumb .crumb a {
  max-width: 180px;
  overflow: hidden;
  padding: 0 6px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.br-breadcrumb .crumb:last-child span {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  padding: 0 0 0 8px;
  padding: 0 0 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-breadcrumb .home,
.br-breadcrumb .menu-mobil {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  margin-left: 0;
  margin-right: -3px;
}
@media (max-width: 991px) {
  .br-breadcrumb .crumb a:not(.br-button) {
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .br-breadcrumb .home + .crumb,
  .br-breadcrumb .menu-mobil,
  .br-breadcrumb .menu-mobil + .crumb {
    display: flex;
  }
}
.br-breadcrumb .br-card {
  left: 72px;
  left: var(--spacing-scale-9x);
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: absolute;
  top: 56px;
  top: var(--spacing-scale-7x);
  z-index: 1000;
  z-index: var(--z-index-layer-1);
}
.br-breadcrumb .br-item {
  color: #333;
  color: var(--color);
  cursor: pointer;
  padding: 0;
}
.br-breadcrumb .br-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--border-color);
}
.br-breadcrumb .br-item a {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
  display: block;
  padding: 16px;
  padding: var(--spacing-scale-2x);
}
@media (max-width: 575px) {
  .br-breadcrumb .menu-mobil > .icon {
    display: none;
  }
  .br-breadcrumb .br-card {
    left: 8px;
    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);
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: var(--button-radius) !important;
  color: #1351b4;
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 24px;
  padding: 0 var(--spacing-scale-3x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.block {
  width: 100%;
}
@media (min-width: 576px) {
  .br-button.block-sm {
    width: 100%;
  }
  .br-button.auto-sm {
    width: auto;
  }
}
@media (min-width: 992px) {
  .br-button.block-md {
    width: 100%;
  }
  .br-button.auto-md {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .br-button.block-lg {
    width: 100%;
  }
  .br-button.auto-lg {
    width: auto;
  }
}
@media (min-width: 1600px) {
  .br-button.block-xl {
    width: 100%;
  }
  .br-button.auto-xl {
    width: auto;
  }
}
.br-button.circle,
.br-button.is-circle,
.br-button[circle] {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.br-button.is-xsmall,
.br-button.xsmall,
.br-button[xsmall] {
  --button-size: var(--button-xsmall);
}
.br-button.is-small,
.br-button.small,
.br-button.meeting-polls__button,
.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: #1351b4;
  background-color: var(--interactive-light);
  color: #fff;
  color: var(--color-dark);
}
.br-button.is-secondary,
.br-button.secondary,
.br-button[secondary] {
  background-color: #fff;
  background-color: var(--background-light);
  border: 1px solid #1351b4;
  border: 1px solid var(--interactive);
}
.br-button.danger,
.br-button.is-danger,
.br-button[danger] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: #e52207;
  background-color: var(--danger);
  color: #fff;
  color: var(--color-dark);
}
.br-button.is-success,
.br-button.success,
.br-button[success] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: #168821;
  background-color: var(--success);
  color: #fff;
  color: var(--color-dark);
}
.br-button.is-warning,
.br-button.warning,
.br-button[warning] {
  --interactive-rgb: var(--color-light-rgb);
  background-color: #ffcd07;
  background-color: var(--warning);
  color: #333;
  color: var(--color-light);
}
.br-button.info,
.br-button.is-info,
.br-button[info] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: #155bcb;
  background-color: var(--info);
  color: #fff;
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  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: #0c326f;
  background-color: var(--active);
  color: #fff;
  color: var(--color-dark);
}
.br-button.is-loading:after,
.br-button.loading:after,
.br-button[loading]:after {
  border-color: #1351b4 #1351b4 transparent;
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.is-loading.danger:after,
.br-button.is-loading.info:after,
.br-button.is-loading.primary:after,
.br-button.is-loading.success:after,
.br-button.loading.danger:after,
.br-button.loading.info:after,
.br-button.loading.primary:after,
.br-button.loading.success:after,
.br-button[loading].danger:after,
.br-button[loading].info:after,
.br-button[loading].primary:after,
.br-button[loading].success:after {
  border-color: #fff #fff transparent;
  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: #c5d4eb;
  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: #c5d4eb;
  background-color: var(--interactive-dark);
  color: #071d41;
  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: #071d41;
  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: #fff;
  background-color: var(--background-light);
  color: #0c326f;
  color: var(--active);
}
a.br-button {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none !important;
  color: #1351b4;
  color: var(--interactive);
}
.br-card {
  --card-padding: var(--spacing-scale-2x);
  --card-height-fixed: 250px;
  background: #fff;
  background: var(--background);
  box-shadow: 0 1px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-sm);
  color: #333;
  color: var(--color);
  margin-bottom: 16px;
  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: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-card.h-fixed .card-content::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-card.h-fixed .card-footer {
  padding-top: var(--card-padding);
}
.br-card.hover:hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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: 230px;
  --carousel-button-fix-height: 52px;
  --carousel-button-fix-width: 100px;
  --carousel-step-progress-background: transparent;
  display: flex;
  height: var(--carousel-full-size);
  min-height: var(--carousel-min-height);
  position: relative;
  width: var(--carousel-full-size);
}
.br-carousel.show-desktop {
  display: none;
}
.br-carousel .carousel-stage {
  display: block;
  flex-wrap: nowrap;
  height: var(--carousel-step-height);
  overflow: hidden;
  position: relative;
  width: var(--carousel-full-width);
  z-index: 0;
}
.br-carousel .carousel-stage .carousel-page {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: var(--carousel-full-size);
  margin-bottom: 32px;
  margin-bottom: var(--spacing-scale-4x);
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page,
.br-carousel .carousel-stage .carousel-page[active] {
  height: var(--carousel-full-size);
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.br-carousel .carousel-stage .carousel-page[active] {
  left: 0 !important;
  opacity: 1;
  visibility: visible;
}
.br-carousel .carousel-stage .carousel-page .carousel-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--carousel-full-size);
  justify-content: center;
  width: var(--carousel-full-size);
}
.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title {
  position: absolute;
}
.br-carousel .carousel-step {
  bottom: 8px;
  height: var(--carousel-step-height);
  position: absolute;
  width: var(--carousel-full-size);
}
.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: transparent !important;
}
.br-carousel .carousel-button {
  align-items: center;
  display: flex;
  height: var(--carousel-full-size);
  left: auto;
  left: initial;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.br-carousel .carousel-button:first-child {
  left: 0;
  right: auto;
  right: initial;
}
.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 {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=in] .carousel-stage {
  height: var(--carousel-full-size);
  left: 0;
  width: var(--carousel-full-size);
}
.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 {
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.br-carousel[data-stage=hibh] .carousel-button {
  height: var(--carousel-full-size);
}
.br-carousel[data-stage=hibh] .carousel-stage {
  height: var(--carousel-full-size);
  left: 50px;
  width: calc(var(--carousel-full-size) - var(--carousel-button-fix-width));
}
.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 {
  border-radius: 0;
  height: var(--carousel-full-size);
  margin: 0;
  padding: 0 0;
  padding: 0 var(--spacing-scale-default);
}
.br-carousel[data-stage=hibw] .carousel-stage {
  height: calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
  left: 0;
  width: var(--carousel-full-size);
}
@media (max-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 {
    border-radius: 0;
    display: none;
    height: var(--carousel-full-size);
    margin: 0;
    padding: 0 0;
    padding: 0 var(--spacing-scale-default);
  }
  .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));
    left: 0;
    width: var(--carousel-full-size);
  }
  .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;
  }
}
@media (min-width: 360px) {
  .br-carousel {
    --carousel-min-height: 260px;
  }
}
@media (min-width: 400px) {
  .br-carousel {
    --carousel-min-height: 280px;
  }
}
@media (min-width: 768px) {
  .br-carousel {
    --carousel-min-height: 480px;
  }
}
@media (min-width: 1280px) {
  .br-carousel.show-mobile {
    display: none;
  }
  .br-carousel.show-desktop {
    display: flex;
  }
  .br-carousel {
    --carousel-min-height: 465px;
  }
  .br-carousel .carousel-stage,
  .br-carousel[data-stage=out] .carousel-stage {
    left: 0;
    width: var(--carousel-full-size);
  }
}
@media (min-width: 1600px) {
  .br-carousel {
    --carousel-min-height: 595px;
  }
}
.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: #e3f5e1;
  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: #d4e5ff;
  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: #fde0db;
  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: #fff;
  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: #fff;
  background-color: var(--background-light);
  border-color: #fff;
  border-color: var(--background-light);
  color: #0c326f;
  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: #0c326f;
  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: #fff;
  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 {
  background-color: transparent;
  color: #333;
  color: var(--color);
}
.br-checkbox {
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  display: flex;
}
.br-checkbox + .br-checkbox {
  margin-top: 8px;
  margin-top: var(--spacing-scale-base);
}
.br-checkbox input {
  margin: 0;
  opacity: 0;
  position: absolute;
}
.br-checkbox input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  padding-left: calc(8px + var(--checkbox-size));
  padding-left: calc(var(--spacing-scale-base) + var(--checkbox-size));
  position: relative;
}
.br-checkbox input + label:before {
  background: #fff;
  background: var(--background-light);
  border: 1px solid #ccc;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.br-checkbox input + label:empty {
  padding: 0;
}
.br-checkbox label {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size) + 2px * 2);
  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 {
  border: solid #2670e8;
  border: solid var(--selected);
  border-width: 0 3px 3px 0;
  content: "";
  height: 12px;
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}
.br-checkbox input[indeterminate] + label:before {
  --interactive-rgb: var(--color-rgb);
  background: #2670e8;
  background: var(--selected);
  border-color: #2670e8;
  border-color: var(--selected);
}
.br-checkbox input[indeterminate]:hover:not(:disabled) + label:before {
  --interactive-rgb: var(--color-dark-rgb);
}
.br-checkbox input[indeterminate]:checked + label:after {
  border-color: #fff;
  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.meeting-polls__button input + label,
.br-checkbox[small] input + label {
  line-height: 20px;
  line-height: var(--spacing-scale-2xh);
  min-height: 20px;
  min-height: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input + label:before,
.br-checkbox.small input + label:before,
.br-checkbox.meeting-polls__button input + label:before,
.br-checkbox[small] input + label:before {
  height: 20px;
  height: var(--spacing-scale-2xh);
  width: 20px;
  width: var(--spacing-scale-2xh);
}
.br-checkbox.is-small input:checked + label:after,
.br-checkbox.small input:checked + label:after,
.br-checkbox.meeting-polls__button input:checked + label:after,
.br-checkbox[small] input:checked + label:after {
  border-width: 0 2px 2px 0;
  height: 12px;
  height: var(--icon-size-sm);
  left: 7px;
  top: 6px;
  width: 6px;
}
.br-checkbox.is-small input:checked[indeterminate] + label:after,
.br-checkbox.small input:checked[indeterminate] + label:after,
.br-checkbox.meeting-polls__button input:checked[indeterminate] + label:after,
.br-checkbox[small] input:checked[indeterminate] + label:after {
  border-color: #fff;
  border-color: var(--background-light);
  border-width: 0 0 3px;
  top: 2px;
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-checkbox input:hover:not(:disabled) + label:before {
  --interactive-rgb: var(--interactive-light-rgb);
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: 0.45;
  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: #fff;
  color: var(--color-dark);
}
.br-radio {
  --radio-size: 24px;
  --radio-bullet-size: 16px;
  --radio-bullet-position: calc(
    (var(--radio-size) - var(--radio-bullet-size)) * 0.5
  );
  display: block;
}
.br-radio + .br-radio {
  margin-top: 8px;
  margin-top: var(--spacing-scale-base);
}
.br-radio input {
  opacity: 0;
  position: absolute;
}
.br-radio input + label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  min-height: var(--radio-size);
  min-width: var(--radio-size);
  padding-left: calc(8px + var(--radio-size));
  padding-left: calc(var(--spacing-scale-base) + var(--radio-size));
  position: relative;
}
.br-radio input + label:before {
  background: #fff;
  background: var(--background);
  border: 1px solid #ccc;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  content: "";
  height: var(--radio-size);
  left: 0;
  position: absolute;
  top: -1px;
  width: var(--radio-size);
}
.br-radio input + label:empty {
  padding: 0;
}
.br-radio input + label:empty:before {
  top: 0;
}
.br-radio label {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.br-radio input:checked + label:after {
  background: #2670e8;
  background: var(--selected);
  border: 7px solid #2670e8;
  border: 7px solid var(--selected);
  border-radius: 50%;
  content: "";
  height: var(--radio-bullet-size);
  left: var(--radio-bullet-position);
  position: absolute;
  right: 0;
  top: calc(var(--radio-bullet-position) - 1px);
  width: var(--radio-bullet-size);
}
.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: #168821;
  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: #e52207;
  border-color: var(--danger);
}
.br-radio.is-small input + label,
.br-radio.small input + label,
.br-radio.meeting-polls__button input + label,
.br-radio[small] input + label {
  line-height: 20px;
  line-height: var(--spacing-scale-2xh);
  min-height: 20px;
  min-height: var(--spacing-scale-2xh);
}
.br-radio.is-small input + label:before,
.br-radio.small input + label:before,
.br-radio.meeting-polls__button input + label:before,
.br-radio[small] input + label:before {
  height: 20px;
  height: var(--spacing-scale-2xh);
  width: 20px;
  width: var(--spacing-scale-2xh);
}
.br-radio.is-small input:checked + label:after,
.br-radio.small input:checked + label:after,
.br-radio.meeting-polls__button input:checked + label:after,
.br-radio[small] input:checked + label:after {
  border-width: 4px;
  height: 10px;
  width: 10px;
}
.br-radio input:invalid + label:before {
  border-color: #e52207;
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-radio input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: #fff;
  color: var(--color-dark);
}
.br-cookiebar {
  --cookiebar-shadow: var(--surface-shadow-lg-up);
  --cookiebar-layer: var(--z-index-layer-4);
  bottom: 0;
  box-shadow: var(--cookiebar-shadow);
  color: #333;
  color: var(--color-secondary-08);
  cursor: default;
  font-family: inherit;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  left: 0;
  outline: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--cookiebar-layer);
}
@media (min-width: 576px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-right: 40px;
    margin-right: var(--spacing-scale-5x);
  }
}
@media (max-width: 575px) {
  .br-cookiebar {
    font-size: 11.662px;
    font-size: var(--font-size-scale-down-01);
  }
  .br-cookiebar .actions .br-button.primary {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-scale-2xh);
  }
  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: 20px;
    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: 20.16px;
    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: 11.662px;
    font-size: var(--font-size-scale-down-01);
  }
}
.br-cookiebar.default {
  top: auto;
  top: initial;
}
.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: visible;
  overflow-y: initial;
}
.br-cookiebar.default .actions {
  border-top: 0;
}
.br-cookiebar.default .br-container-fluid.p-2xh {
  padding-bottom: 24px !important;
  padding-bottom: var(--spacing-scale-3x) !important;
}
.br-cookiebar .br-row {
  float: none;
  width: auto;
}
.br-cookiebar .entry-text {
  margin-bottom: 0;
}
.br-cookiebar .wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  padding-top: 6px !important;
}
.br-cookiebar .info-text {
  display: none;
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
}
.br-cookiebar .br-modal-header .br-modal-title {
  font-size: 41.804px;
  font-size: var(--font-size-scale-up-06);
  margin-bottom: 0;
  margin-right: 0;
  max-height: none;
  max-height: initial;
  width: auto;
}
.br-cookiebar .br-modal-header .close {
  margin-top: 8px;
  margin-top: var(--spacing-scale-base);
  opacity: 1;
}
.br-cookiebar .br-modal-header .close:hover:after {
  background: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.16;
  opacity: var(--hover);
  position: absolute;
  right: 0;
  top: 0;
}
.br-cookiebar .br-modal-header .last-update {
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .br-modal-header .last-update span {
  display: inline-block;
  margin-left: 4px;
  margin-left: var(--spacing-scale-half);
}
.br-cookiebar .br-modal-body {
  flex: 1 1;
  margin: 0;
}
.br-cookiebar .br-modal-body:focus {
  outline: none;
}
.br-cookiebar .br-modal-body .br-list .br-list {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.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 .br-row div:nth-child(2) {
  flex: 0 0 185px;
}
.br-cookiebar .br-modal-footer.actions {
  padding-top: 20px;
  padding-top: var(--spacing-scale-2xh);
}
.br-cookiebar .cookies-checked,
.br-cookiebar .group-name,
.br-cookiebar .group-size {
  color: #1351b4;
  color: var(--color-primary-default);
  cursor: pointer;
}
.br-cookiebar .group-info .br-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: #fff;
  background-color: var(--background);
}
.br-cookiebar .group-info .br-button {
  color: #1351b4;
  color: var(--color-primary-default);
}
.br-cookiebar .cookie-info .br-switch,
.br-cookiebar .group-info .br-switch {
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
  padding: 4px;
  padding: var(--spacing-scale-half);
  width: 120px;
}
.br-cookiebar .cookie-info .fixed-width,
.br-cookiebar .group-info .fixed-width {
  padding-left: 8px;
  padding-left: var(--spacing-scale-base);
  width: 100px;
}
.br-cookiebar .always-active {
  color: #268744;
  color: var(--color-highlight);
  font-weight: 600;
  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: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-cookiebar .actions {
  border-top: 1px solid #9e9d9d;
  border-top: 1px solid var(--color-secondary-05);
  padding-left: 24px;
  padding-left: var(--spacing-scale-3x);
  padding-right: 20px;
  padding-right: var(--spacing-scale-2xh);
  padding-top: 24px;
  padding-top: var(--spacing-scale-3x);
}
.br-cookiebar .complementary-content {
  padding: 8px 0;
  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);
}
.br-h1 {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #333 !important;
  line-height: normal !important;
  margin-bottom: 5px !important;
}
.br-subtitle {
  font-size: 12px;
}
.br-a {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
  margin-top: 3px;
  text-decoration: underline;
  font-weight: bold;
  color: #2453ae;
}
.br-group {
  display: block;
  font-size: 12px;
  color: #333;
  font-weight: 600;
  max-width: 300px;
  margin-bottom: 10px;
  cursor: auto;
  padding-left: 8px;
}
.flatpickr-calendar {
  --flatpicker-padding: var(--spacing-scale-2x);
  --datetimepicker-day-size: 24px;
  --datetimepicker-arrows: 32px;
  box-shadow: 0 3px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-md);
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  border-color: transparent;
}
.flatpickr-calendar.open {
  z-index: 2000;
  z-index: var(--z-index-layer-2);
}
.flatpickr-calendar .flatpickr-months {
  align-items: center;
  display: flex;
  padding: var(--flatpicker-padding) var(--flatpicker-padding) 0;
}
.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;
  display: block;
  opacity: 0.45;
  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-month {
  flex: 1 1;
  height: auto;
  overflow: visible;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  display: flex;
  height: auto;
  padding: 0 var(--flatpicker-padding);
  position: static;
  width: 100%;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  color: #1351b4;
  color: var(--interactive);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  padding: 0;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  color: #333;
  color: var(--color);
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
  flex: 1 1;
  margin-left: var(--flatpicker-padding);
  width: auto;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year {
  border: 1px solid #ccc;
  border: var(--surface-width-sm) solid var(--border-color);
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 0 8px;
  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 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding);
}
.flatpickr-calendar span.flatpickr-weekday {
  color: #333;
  color: var(--color);
  font-size: var(--font-size);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.flatpickr-calendar .dayContainer {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding: 0 var(--flatpicker-padding) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-day {
  color: #1351b4;
  color: var(--interactive);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--datetimepicker-day-size);
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
  margin: calc(var(--flatpicker-padding) * 0.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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.flatpickr-calendar .flatpickr-day.focus-visible {
  --focus-offset: 0;
  background: transparent;
  border-color: transparent;
}
.flatpickr-calendar .flatpickr-day:hover {
  background: linear-gradient(
    rgba(19, 81, 180, 0.16),
    rgba(19, 81, 180, 0.16)
  );
  background: var(--hover-effect);
}
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  opacity: 0.6;
}
.flatpickr-calendar .flatpickr-day.today {
  background: #fdf5e6;
  background: var(--orange-vivid-5);
  border-color: transparent;
  color: #d54309;
  color: var(--red-warm-vivid-50);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #333;
  color: var(--color);
  cursor: not-allowed;
  opacity: 0.45;
  opacity: var(--disabled);
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled * {
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-day.inRange {
  --interactive-rgb: var(--blue-warm-vivid-50-rgb);
  --hover: var(--hover-dark);
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  border-color: transparent;
  box-shadow: none;
  color: #fff;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange {
  background: #2670e8;
  background: var(--selected);
  border-color: transparent;
  color: #fff;
  color: var(--color-dark);
  opacity: 1;
}
.flatpickr-calendar .flatpickr-time {
  display: flex;
  justify-content: center;
  margin: 0 var(--flatpicker-padding);
  max-height: none;
}
.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);
  display: block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  height: 40px;
  height: var(--input-size);
  margin: calc(var(--flatpicker-padding) * 0.25) 0;
  padding: var(--input-padding);
  width: 100%;
}
.flatpickr-calendar .flatpickr-time input:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.flatpickr-calendar .flatpickr-time input.has-icon {
  padding-right: 40px;
  padding-right: var(--spacing-scale-5x);
}
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-clear,
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-reveal {
  display: none;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper {
  align-items: center;
  display: flex;
  flex: 0 1 90px;
  flex-flow: column;
  height: auto;
  padding: calc(var(--flatpicker-padding) * 0.5) var(--flatpicker-padding);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
  background: transparent;
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  align-items: center;
  border: 0;
  border-radius: 50px;
  color: #1351b4;
  color: var(--interactive);
  display: flex;
  height: var(--datetimepicker-arrows);
  justify-content: center;
  opacity: 1;
  padding: 0;
  position: static;
  width: var(--datetimepicker-arrows);
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.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: #ccc;
  border-color: var(--border-color);
  height: auto;
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
  border-color: transparent;
}
.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: #ccc;
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  display: block;
}
.br-divider.content,
hr.content {
  align-items: center;
  border: 0;
  display: flex;
  justify-content: center;
}
.br-divider.content:after,
.br-divider.content:before,
hr.content:after,
hr.content:before {
  border-color: #ccc;
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  content: "";
  flex: 1 1;
}
.br-divider.content:after,
hr.content:after {
  margin-left: 8px;
  margin-left: var(--spacing-scale-base);
}
.br-divider.content:before,
hr.content:before {
  margin-right: 8px;
  margin-right: var(--spacing-scale-base);
}
.br-divider.vertical,
hr.vertical {
  align-self: stretch;
  border-right-width: var(--divider-size);
  border-top-width: 0;
}
.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;
}
.footer {
  margin-top: auto;
}
.br-footer {
  --footer-logo-height: 48px;
  --footer-logo-width: 180px;
  --footer-logo-padding: var(--spacing-scale-6x) 0 var(--spacing-scale-4x);
  --footer-assigns-height: 46px;
  --footer-assigns-width: 180px;
  --background: var(--blue-warm-vivid-80);
  background: #0c326f;
  background: var(--blue-warm-vivid-80);
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--border-color);
  color: #333;
  color: var(--color);
  display: block;
}
.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: 2rem 0;
}
@media (min-width: 991px) {
  .br-footer .logo {
    padding: 64px 0;
  }
}
.br-footer .logo img {
  max-height: 170px;
  max-width: var(--footer-logo-width);
}
.br-footer a {
  color: #333;
  color: var(--color);
}
.br-footer .footer-nav {
  text-align: center;
}
.br-footer .footer-nav li {
  display: block;
  padding: 10px 0;
}
.br-footer .footer-nav a {
  display: block;
}
.br-footer .br-decidim-license {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  border-top: 1px solid #303947;
  border-bottom: 1px solid #303947;
  padding: 40px 0;
  margin: 0 30px;
}
.br-footer .cc-badge {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}
.br-footer .cclIcon {
  height: 16px;
  width: 16px;
}
.br-footer-url:hover {
  text-decoration: underline;
  color: #fff;
  color: var(--color-secondary-01);
}
.p-footer {
  color: #fff;
  color: var(--color-secondary-01);
  padding: 0;
  margin: 0;
}
.br-footer .br-decidim-logo {
  padding: 40px 0;
  text-align: center;
}
.br-footer .br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  gap: 16px;
  flex-direction: column;
}
.menu-footer-item {
  flex: 1 1;
  border-bottom: 1px solid white;
}
.br-footer .br-list.horizontal .br-item.header {
  text-transform: uppercase;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  color: #FFF;
  padding-top: 4px;
  padding-bottom: 4px;
}
.br-footer .br-list.horizontal [class*=col-]:not(:last-child) {
  border-bottom: 1px solid #FFF;
  border-bottom: 1px solid var(--Pure-pure, #FFF);
}
.br-footer .br-list.horizontal .br-col,
.br-footer .br-list.horizontal [class*=col-] {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .menu-footer-item {
    flex: 1 1;
    border-bottom: none;
  }
  .br-footer .br-list.horizontal {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    gap: 24px;
    flex-direction: row;
  }
  .br-footer .br-list.horizontal .br-item.header {
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    padding-top: 0px;
    padding-bottom: 16px;
  }
  .br-footer .br-list.horizontal [class*=col-]:not(:last-child) {
    border-bottom: none;
  }
  .br-footer .br-list.horizontal .br-col-2 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .br-footer .br-list.horizontal .br-col,
  .br-footer .br-list.horizontal [class*=col-] {
    gap: 16px;
  }
}
.mini-footer {
  display: none;
}
.footer-logos-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  flex-wrap: wrap;
  padding: 40px;
}
.br-footer .br-footer-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  padding: 16px 0;
  margin: 0 30px;
  flex-wrap: wrap;
}
.br-footer .br-decidim-logo {
  padding: 0;
  text-align: right;
}
@media (max-width: 991px) {
  .br-footer .br-list.horizontal .br-col,
  .br-footer .br-list.horizontal [class*=col-] {
    flex-basis: 100% !important;
    max-width: 100%;
  }
}
.br-footer .social-network {
  border: 0;
}
.br-footer .social-network .social-network-title {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  text-transform: uppercase;
}
.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);
}
@media (min-width: 992px) {
  .br-footer .info {
    text-align: center;
  }
}
.br-footer .br-list {
  --background: var(--blue-warm-vivid-80);
}
.br-footer .br-list.horizontal .br-item,
.br-footer .br-list.horizontal .br-list .br-item {
  padding: 0;
  font-size: 1rem;
  line-height: 160%;
  font-weight: 500;
}
.br-footer [class*=col-] .br-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.br-footer .br-list.horizontal .br-item .content {
  height: auto;
  line-height: 24px;
}
.br-footer .br-list.horizontal .br-list .br-item .content {
  height: auto;
  line-height: 160%;
  padding: 8px 16px;
}
.br-footer .br-item {
  align-items: center;
  display: flex;
}
@media (min-width: 992px) {
  .br-footer .br-item.horizontal .br- {
    background-image: none;
    max-height: 200em !important;
  }
  .br-footer .br-list.horizontal .br-list .br-item .content {
    padding: 0;
  }
}
.br-footer .br-item.horizontal .br-item {
  min-height: 4em;
}
.br-footer .br-item.horizontal .br-item .content {
  height: auto;
  line-height: 16px;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
}
.br-footer .br-item.horizontal .br-col .br-item.header.active,
.br-footer .br-item.horizontal .br-col .br-item.header.active + .br-list,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active,
.br-footer .br-item.horizontal [class*=col-] .br-item.header.active + .br-list {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--border-color);
}
.br-footer .br-item .content {
  flex: 1 1;
}
.br-footer .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  color: #1351b4;
  color: var(--interactive);
}
.br-item.header .support i {
  color: #fff;
  color: var(--pure-0);
}
.br-footer .br-item.active {
  background: transparent;
}
@media (min-width: 992px) {
  .br-footer .br-item .support:last-child {
    display: none;
    pointer-events: none;
  }
  .br-footer .br-item .content {
    flex: 1 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: #fff;
  background: var(--background);
  box-shadow: 0 1px
    6px
    rgba(0, 0, 0, 0.16);
  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;
  margin: 0 !important;
}
.br-header .header-top {
  justify-content: flex-end;
  margin-bottom: 10px !important;
}
.br-header .header-bottom {
  justify-content: space-between;
  margin-top: var(--header-padding-small);
}
@media (min-width: 576px) {
  .br-header {
    --header-padding: var(--header-padding-medium);
  }
}
.br-header.small, .br-header.meeting-polls__button {
  --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 {
  align-items: center;
  display: flex;
  flex: 1 1;
  float: left;
  gap: 16px;
  gap: var(--spacing-scale-2x);
}
.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: #333;
  color: var(--color);
  display: none;
  font-weight: 500;
  overflow: hidden;
}
.br-header[data-no-logo] .header-logo img,
.br-header[data-no-sign] .header-logo .header-sign {
  display: none;
}
@media (min-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 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.br-header .header-actions .dropdown.show .br-list {
  display: block;
  z-index: 1000;
  z-index: var(--z-index-layer-1);
}
.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 {
  display: block;
  right: -16px;
  width: 100vw;
  z-index: 1000;
  z-index: var(--z-index-layer-1);
}
.br-header .header-actions .dropdown.show .br-notification div.close,
.br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none;
}
@media (max-width: 1279px) {
  .br-header .header-actions .dropdown:not(.show) .br-list {
    display: none;
  }
  .br-header .header-actions .dropdown:not(.show) .br-list-dropdown {
    display: block;
  }
}
.br-header .header-actions .header-functions .br-list,
.br-header .header-actions .header-links .br-list {
  background: #fff;
  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);
  border-radius: 0;
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: var(--item-font-weight);
  justify-content: flex-start;
  padding: var(--item-padding);
  width: 100%;
}
.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: 16px;
  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: 8px;
  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;
}
#avatar-menu {
  z-index: 1;
}
#avatar-dropdown-trigger {
  height: auto;
  padding: 8px;
  padding: var(--spacing-scale-base);
}
.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  right: 0;
  top: 100%;
}
.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 (min-width: 576px) {
  .br-header .header-actions .header-functions .br-list,
  .br-header .header-actions .header-links .br-list {
    background: #fff;
    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 (min-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;
    display: flex;
    margin-right: 16px;
    margin-right: var(--spacing-scale-2x);
    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: #1351b4;
    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) {
    border-bottom: 0;
    margin-right: 24px;
    margin-right: var(--spacing-scale-3x);
  }
  .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);
    border-radius: 50%;
    color: #1351b4;
    color: var(--interactive);
    justify-content: center;
    padding: 0;
    width: var(--button-size);
  }
  .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: 8px;
    margin-right: var(--spacing-scale-base);
  }
  .br-header .header-actions .header-search-trigger {
    display: none;
  }
}
.br-header .header-menu {
  align-items: center;
  display: flex;
  flex: 1 1;
}
.br-header .header-menu .header-menu-trigger + .header-info {
  margin-left: 16px;
  margin-left: var(--spacing-scale-2x);
}
.br-header .header-menu .header-title {
  color: #333;
  color: var(--color);
  font-size: var(--header-title-size);
}
.br-header .header-menu .header-subtitle {
  color: #333;
  color: var(--color);
  display: none;
  font-size: var(--header-subtitle-size);
  font-weight: 500;
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
}
.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none;
}
@media (min-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: 4px;
    padding-top: var(--spacing-scale-half);
  }
  .br-header .header-menu .header-subtitle {
    display: block;
  }
}
@media (min-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 {
  align-items: center;
  background: #fff;
  background: var(--background);
  bottom: 0;
  display: none;
  left: 0;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-header .header-search .br-input,
.br-header.compact .header-search .br-input {
  align-items: center;
  display: flex;
  flex: 1 1;
}
.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: transparent;
}
.br-header .header-search .br-input input:not(:focus),
.br-header.compact .header-search .br-input input:not(:focus) {
  background: #f8f8f8;
  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;
  bottom: auto;
  right: 4px;
  top: auto;
}
.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 (min-width: 1280px) {
  .br-header .header-menu {
    justify-content: flex-start;
  }
  .br-header .header-search {
    display: flex;
    padding: 0;
    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: -12px;
  position: absolute;
  right: 4px;
}
button.br-button.circle.search-close.ml-1 {
  margin-top: -10px;
}
.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 (min-width: 576px) {
  .br-header.compact .br-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: 16px;
    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 (min-width: 1280px) {
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
  }
}
.br-header[data-sticky] {
  position: sticky;
  top: 0;
  z-index: 2000;
  z-index: var(--z-index-layer-2);
}
.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 0.15s ease;
}
.br-header[data-sticky] .header-logo img {
  margin-right: 8px;
  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: #333;
  color: var(--color);
  position: relative;
}
.br-input input {
  background-color: #fff;
  background-color: var(--background-light);
  border-color: #888;
  border-color: var(--border-color-alternative);
  border-radius: 8px;
  border-radius: var(--surface-rounder-md);
  border-style: solid;
  border-style: var(--border-style);
  border-width: 1px;
  border-width: var(--border-width);
  color: #333;
  color: var(--color-light);
  display: block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  height: 40px;
  height: var(--input-size);
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: 16px;
  padding-left: var(--spacing-scale-2x);
  padding-right: 16px;
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
}
.br-input input::-ms-clear,
.br-input input::-ms-reveal,
.br-input input::-webkit-calendar-picker-indicator {
  display: none;
}
.br-input input[type=search]::-webkit-search-cancel-button,
.br-input input[type=search]::-webkit-search-decoration,
.br-input input[type=search]::-webkit-search-results-button,
.br-input input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.br-input.input-inline {
  display: flex;
}
.br-input.input-inline .input-label {
  margin-right: 12px;
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(40px * 0.5 - 4px);
  margin-top: calc(var(--input-size) * 0.5 - var(--spacing-scale-half));
}
.br-input.input-inline .input-content {
  flex: 1 1;
}
.br-input .input-group {
  position: relative;
}
.br-input .input-icon {
  align-items: center;
  color: #888;
  color: var(--border-color-alternative);
  display: flex;
  height: 40px;
  height: var(--input-size);
  margin-left: 12px;
  margin-left: var(--spacing-scale-baseh);
  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);
  border-radius: 50%;
  float: right;
  margin-right: var(--input-button-margin);
  margin-top: calc((40px + 4px) * -1);
  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);
  padding: 0;
  position: relative;
  transform: translateY(calc((40px - var(--button-size)) * 0.5));
  transform: translateY(calc((var(--input-size) - var(--button-size)) * 0.5));
  width: var(--button-size);
}
.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: 4px;
  margin-right: var(--spacing-scale-half);
  margin-top: calc((var(--button-size) + 4px + 4px) * -1);
  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, .br-input.has-icon.meeting-polls__button .br-button.circle {
  margin-top: calc((var(--button-size) + 8px) * -1);
  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: #f8f8f8;
  background-color: var(--gray-2);
  border-color: transparent;
  padding-left: 24px;
  padding-left: var(--spacing-scale-3x);
  padding-right: 24px;
  padding-right: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon {
  margin-left: 24px;
  margin-left: var(--spacing-scale-3x);
}
.br-input.input-highlight .input-icon + input {
  padding-left: 56px;
  padding-left: var(--spacing-scale-7x);
}
.br-input .br-list {
  box-shadow: 0 3px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-md);
  max-height: 530px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 2000;
  z-index: var(--z-index-layer-2);
}
.br-input .br-list::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-input .br-list::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-input .br-list::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-input .br-list:hover::-webkit-scrollbar-thumb {
  background: #888;
  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(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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: 1px solid #ccc;
  border-top: var(--surface-width-sm) solid var(--border-color);
}
.br-input.success input,
.br-input[data-success] input {
  border-color: #168821;
  border-color: var(--success);
  border-width: 2px;
}
.br-input.danger input,
.br-input[data-danger] input {
  border-color: #e52207;
  border-color: var(--danger);
  border-width: 2px;
}
.br-input.warning input,
.br-input[data-warning] input {
  border-color: #ffcd07;
  border-color: var(--warning);
  border-width: 2px;
}
.br-input.info input,
.br-input[data-info] input {
  border-color: #155bcb;
  border-color: var(--info);
  border-width: 2px;
}
.br-input input:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-input .feedback {
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
}
.br-input.small, .br-input.meeting-polls__button,
.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: #fff;
  background: var(--background);
  border: 0;
  color: #333;
  color: var(--color);
  display: block;
  font-weight: var(--font-weight);
  padding: var(--item-padding);
  text-align: left;
  width: 100%;
}
.br-item .br-row {
  margin-left: calc(8px * -1);
  margin-left: calc(var(--spacing-scale-base) * -1);
  margin-right: calc(8px * -1);
  margin-right: calc(var(--spacing-scale-base) * -1);
}
.br-item .br-row .br-col,
.br-item .br-row [class*=col-] {
  padding-left: 8px;
  padding-left: var(--spacing-scale-base);
  padding-right: 8px;
  padding-right: var(--spacing-scale-base);
}
.br-item:after {
  clear: both;
  content: "";
  display: block;
}
[data-toggle] {
  margin: 0 !important;
}
.br-item[data-toggle] {
  cursor: pointer;
}
.br-item[data-toggle=selection]:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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);
  top: 1px;
  width: 100%;
}
.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 {
  left: 0;
  top: 1px;
}
.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 + label {
  min-height: calc(var(--checkbox-size) + var(--item-padding-y) * 2);
}
.br-item .br-checkbox input + label:not(:empty) {
  padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x));
}
.br-item .br-checkbox input + label:after {
  left: calc(var(--item-padding-x) + 8px);
  top: calc(var(--item-padding-y) + 4px);
}
.br-item .br-checkbox input + label:empty {
  min-height: var(--checkbox-size);
}
.br-item .br-checkbox input + label:empty:after {
  left: 8px;
  top: 4px;
}
.br-item .br-radio input + label {
  min-height: calc(var(--radio-size) + var(--item-padding-y) * 2);
  padding-left: calc(8px + var(--radio-size) + var(--item-padding-x));
  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: #2670e8;
  background-color: var(--selected);
}
.br-item.active {
  background-color: #0c326f;
  background-color: var(--active);
  color: #333;
  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: #fff;
  background-color: var(--background-light);
  color: #0c326f;
  color: var(--active);
}
.br-item[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-item[data-toggle] .content i {
  color: #1351b4;
  color: var(--interactive);
}
.br-item .content {
  align-items: center;
  display: flex;
}
.br-item [class*=fa-] {
  height: 16px;
  width: 14px !important;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.br-item .toogle-icon-interactive,
a.br-item {
  color: #fff;
}
a.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
button.br-item {
  background-color: transparent;
  color: #333;
  color: var(--color);
}
button.br-item:focus {
  outline: none;
}
button.br-item.focus-visible,
button.br-item:focus-visible {
  outline-color: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
button.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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(51, 51, 51, 0.45), rgba(51, 51, 51, 0.45));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)));
}
.br-list {
  background-color: #fff;
  background-color: var(--background);
}
.br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.br-list.horizontal > .header + .br-divider {
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--border-color);
  width: 100%;
}
.br-list.horizontal > .br-item,
.br-list.horizontal > .group {
  flex: 1 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.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.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 .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: top;
  align-items: var(--spacing-vertical-top);
  display: flex;
}
.br-list .br-item > .content > .content {
  flex: 1 1;
}
.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.search-icon {
  width: 32px;
  height: 32px;
}
.br-list .br-item[data-toggle] {
  cursor: pointer;
}
.br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: 8px 24px;
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.br-list .br-list {
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.br-list .header {
  align-items: center;
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: 8px 16px;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  background-color: transparent !important;
}
.br-menu .menu-scrim {
  background: rgba(
    0, 0, 0,
    0.45
  ) !important;
  background: var(--surface-overlay-scrim) !important;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.br-menu .menu-panel {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: #fff;
  background: var(--background);
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.br-menu.active .menu-container {
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--menu-zindex);
}
.br-menu.active .menu-panel {
  flex: 1 1;
  overflow: auto;
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
  padding: 0;
}
.br-menu.active .menu-scrim {
  position: absolute;
}
.br-menu .menu-header {
  align-items: center;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  padding: 24px;
}
.br-menu .menu-header .menu-title {
  align-items: center;
  display: flex;
  flex: 1 1;
  margin-left: 8px;
  margin-left: var(--spacing-scale-base);
}
.br-menu .menu-header .menu-close {
  border-radius: 50%;
  border: 1px solid #0C326F;
}
.br-menu .menu-header .menu-close button i {
  font-size: 24px;
  color: #0C326F;
}
.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo);
}
.br-menu .menu-header .menu-title img + * {
  margin-left: 8px;
  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 .menu-folder > ul > li:last-child > .menu-item,
.br-menu .menu-body > .divider {
  border-bottom: 1px solid #ccc;
  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: 40px;
  padding-left: var(--spacing-scale-5x);
}
.br-menu .menu-body .drop-menu > .menu-item {
  border-bottom: 1px solid #ccc;
  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: #EDF5FF;
}
.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 #ccc;
  border-bottom: 1px solid var(--border-color);
}
.br-menu .menu-footer .menu-logos {
  -moz-column-gap: 16px;
       column-gap: 16px;
  grid-column-gap: 16px;
  grid-column-gap: var(--spacing-scale-2x);
  -moz-column-gap: var(--spacing-scale-2x);
       column-gap: var(--spacing-scale-2x);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 8px 40px;
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  row-gap: 16px;
  grid-row-gap: 16px;
  grid-row-gap: var(--spacing-scale-2x);
  row-gap: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-links {
  --focus-offset: var(--spacing-scale-half);
  padding: 16px 40px;
  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: 16px;
  margin-bottom: var(--spacing-scale-2x);
}
.br-menu .menu-footer .menu-social,
.br-menu .menu-footer .social-network {
  padding: 8px 40px;
  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: 600;
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: 4px;
  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: 16px;
  padding: var(--spacing-scale-2x);
}
.menu-bottom {
  border-top: 1px solid #CCC;
  border-top: 1px solid var(--Gray-gray-20, #CCC);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  margin-top: auto;
}
.br-menu .menu-item {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: transparent;
  display: flex;
  padding: var(--menu-item-padding) 16px;
  padding: var(--menu-item-padding) var(--spacing-scale-2x);
}
.br-menu .menu-item .icon {
  margin-right: 16px;
  margin-right: var(--spacing-scale-2x);
}
.br-menu .menu-item .content {
  font-size: 16px;
}
.br-menu .menu-item .support i {
  font-size: 24px;
  margin-right: 16px;
  color: #155BCB;
}
.br-menu a.menu-item {
  color: #333333;
  justify-content: space-between;
  padding-left: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.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: #fff;
  background-color: var(--background);
  flex-direction: row-reverse;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-menu .side-menu.active > .menu-item .icon {
  margin-right: 0;
}
.br-menu .side-menu.active > .menu-item .support {
  margin-right: 16px;
  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: 16px !important;
  padding-left: var(--spacing-scale-2x) !important;
}
.br-menu.small .menu-item, .br-menu.meeting-polls__button .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 (min-width: 576px) {
  .br-menu.push {
    --menu-zindex: var(--z-index-layer-0);
  }
  .br-menu.push .menu-header {
    display: none;
  }
  .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 {
  border-top: 1px solid #CCCCCC;
  padding-left: 16px;
  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 {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: calc(var(--menu-zindex) - 1);
}
.br-menu.contextual .menu-trigger .br-button {
  --button-radius: 0;
}
.br-menu.contextual .menu-container {
  display: none;
  flex-direction: column-reverse;
  position: static;
}
.br-menu.contextual .menu-panel {
  height: auto;
}
.br-menu.contextual.active {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  z-index: var(--menu-zindex);
}
.br-menu.contextual.active .menu-trigger {
  position: relative;
  z-index: calc(var(--menu-zindex) + 1);
}
.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 (min-width: 992px) {
  .br-menu.contextual .menu-trigger {
    position: absolute;
  }
  .br-menu.contextual.active {
    height: 100%;
    position: absolute;
  }
}
.br-menu .menu-item[hidden] {
  display: none;
}
.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  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: #0c326f;
  background-color: var(--active);
}
.br-menu a.menu-item:not(:disabled).active:focus {
  outline-color: #ffbe2e;
  outline-color: var(--focus-color-dark);
}
.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(#D4E5FF, #D4E5FF);
}
.br-loading {
  --loading-indetermined-color: var(--interactive);
  --loading-indetermined-diameter-md: 44px;
  --loading-indetermined-diameter-sm: 24px;
  --loading-diameter: 84px;
  background-color: #ccc;
  background-color: var(--color-secondary-04);
  border-radius: 50%;
  height: var(--loading-diameter);
  width: var(--loading-diameter);
  z-index: 4000;
  z-index: var(--z-index-layer-4);
}
.br-loading-fill,
.br-loading-mask {
  clip: rect(0, 84px, 84px, 42px);
  backface-visibility: hidden;
  border-radius: 50%;
  height: 84px;
  overflow: hidden;
  position: absolute;
  width: 84px;
}
.br-loading-fill {
  clip: rect(0, 42px, 84px, 0);
  background: #1351b4;
  background: var(--interactive);
}
.br-loading:after {
  background: #fff;
  background: var(--color-secondary-01);
  border-radius: 50%;
  color: #1351b4;
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: 74px;
  line-height: 74px;
  margin: 5px;
  position: absolute;
  text-align: center;
  width: 74px;
}
@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
}
.br-loading[data-progress="1"] .br-loading-fill,
.br-loading[data-progress="1"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(1.8deg);
}
.br-loading[data-progress="2"] .br-loading-fill,
.br-loading[data-progress="2"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(3.6deg);
}
.br-loading[data-progress="3"] .br-loading-fill,
.br-loading[data-progress="3"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(5.4deg);
}
.br-loading[data-progress="4"] .br-loading-fill,
.br-loading[data-progress="4"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(7.2deg);
}
.br-loading[data-progress="5"] .br-loading-fill,
.br-loading[data-progress="5"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(9deg);
}
.br-loading[data-progress="6"] .br-loading-fill,
.br-loading[data-progress="6"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(10.8deg);
}
.br-loading[data-progress="7"] .br-loading-fill,
.br-loading[data-progress="7"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(12.6deg);
}
.br-loading[data-progress="8"] .br-loading-fill,
.br-loading[data-progress="8"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(14.4deg);
}
.br-loading[data-progress="9"] .br-loading-fill,
.br-loading[data-progress="9"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(16.2deg);
}
.br-loading[data-progress="10"] .br-loading-fill,
.br-loading[data-progress="10"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(18deg);
}
.br-loading[data-progress="11"] .br-loading-fill,
.br-loading[data-progress="11"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(19.8deg);
}
.br-loading[data-progress="12"] .br-loading-fill,
.br-loading[data-progress="12"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(21.6deg);
}
.br-loading[data-progress="13"] .br-loading-fill,
.br-loading[data-progress="13"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(23.4deg);
}
.br-loading[data-progress="14"] .br-loading-fill,
.br-loading[data-progress="14"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(25.2deg);
}
.br-loading[data-progress="15"] .br-loading-fill,
.br-loading[data-progress="15"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(27deg);
}
.br-loading[data-progress="16"] .br-loading-fill,
.br-loading[data-progress="16"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(28.8deg);
}
.br-loading[data-progress="17"] .br-loading-fill,
.br-loading[data-progress="17"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(30.6deg);
}
.br-loading[data-progress="18"] .br-loading-fill,
.br-loading[data-progress="18"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(32.4deg);
}
.br-loading[data-progress="19"] .br-loading-fill,
.br-loading[data-progress="19"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(34.2deg);
}
.br-loading[data-progress="20"] .br-loading-fill,
.br-loading[data-progress="20"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(36deg);
}
.br-loading[data-progress="21"] .br-loading-fill,
.br-loading[data-progress="21"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(37.8deg);
}
.br-loading[data-progress="22"] .br-loading-fill,
.br-loading[data-progress="22"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(39.6deg);
}
.br-loading[data-progress="23"] .br-loading-fill,
.br-loading[data-progress="23"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(41.4deg);
}
.br-loading[data-progress="24"] .br-loading-fill,
.br-loading[data-progress="24"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(43.2deg);
}
.br-loading[data-progress="25"] .br-loading-fill,
.br-loading[data-progress="25"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(45deg);
}
.br-loading[data-progress="26"] .br-loading-fill,
.br-loading[data-progress="26"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(46.8deg);
}
.br-loading[data-progress="27"] .br-loading-fill,
.br-loading[data-progress="27"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(48.6deg);
}
.br-loading[data-progress="28"] .br-loading-fill,
.br-loading[data-progress="28"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(50.4deg);
}
.br-loading[data-progress="29"] .br-loading-fill,
.br-loading[data-progress="29"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(52.2deg);
}
.br-loading[data-progress="30"] .br-loading-fill,
.br-loading[data-progress="30"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(54deg);
}
.br-loading[data-progress="31"] .br-loading-fill,
.br-loading[data-progress="31"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(55.8deg);
}
.br-loading[data-progress="32"] .br-loading-fill,
.br-loading[data-progress="32"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(57.6deg);
}
.br-loading[data-progress="33"] .br-loading-fill,
.br-loading[data-progress="33"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(59.4deg);
}
.br-loading[data-progress="34"] .br-loading-fill,
.br-loading[data-progress="34"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(61.2deg);
}
.br-loading[data-progress="35"] .br-loading-fill,
.br-loading[data-progress="35"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(63deg);
}
.br-loading[data-progress="36"] .br-loading-fill,
.br-loading[data-progress="36"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(64.8deg);
}
.br-loading[data-progress="37"] .br-loading-fill,
.br-loading[data-progress="37"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(66.6deg);
}
.br-loading[data-progress="38"] .br-loading-fill,
.br-loading[data-progress="38"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(68.4deg);
}
.br-loading[data-progress="39"] .br-loading-fill,
.br-loading[data-progress="39"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(70.2deg);
}
.br-loading[data-progress="40"] .br-loading-fill,
.br-loading[data-progress="40"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(72deg);
}
.br-loading[data-progress="41"] .br-loading-fill,
.br-loading[data-progress="41"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(73.8deg);
}
.br-loading[data-progress="42"] .br-loading-fill,
.br-loading[data-progress="42"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(75.6deg);
}
.br-loading[data-progress="43"] .br-loading-fill,
.br-loading[data-progress="43"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(77.4deg);
}
.br-loading[data-progress="44"] .br-loading-fill,
.br-loading[data-progress="44"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(79.2deg);
}
.br-loading[data-progress="45"] .br-loading-fill,
.br-loading[data-progress="45"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(81deg);
}
.br-loading[data-progress="46"] .br-loading-fill,
.br-loading[data-progress="46"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(82.8deg);
}
.br-loading[data-progress="47"] .br-loading-fill,
.br-loading[data-progress="47"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(84.6deg);
}
.br-loading[data-progress="48"] .br-loading-fill,
.br-loading[data-progress="48"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(86.4deg);
}
.br-loading[data-progress="49"] .br-loading-fill,
.br-loading[data-progress="49"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(88.2deg);
}
.br-loading[data-progress="50"] .br-loading-fill,
.br-loading[data-progress="50"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(90deg);
}
.br-loading[data-progress="51"] .br-loading-fill,
.br-loading[data-progress="51"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(91.8deg);
}
.br-loading[data-progress="52"] .br-loading-fill,
.br-loading[data-progress="52"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(93.6deg);
}
.br-loading[data-progress="53"] .br-loading-fill,
.br-loading[data-progress="53"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(95.4deg);
}
.br-loading[data-progress="54"] .br-loading-fill,
.br-loading[data-progress="54"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(97.2deg);
}
.br-loading[data-progress="55"] .br-loading-fill,
.br-loading[data-progress="55"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(99deg);
}
.br-loading[data-progress="56"] .br-loading-fill,
.br-loading[data-progress="56"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(100.8deg);
}
.br-loading[data-progress="57"] .br-loading-fill,
.br-loading[data-progress="57"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(102.6deg);
}
.br-loading[data-progress="58"] .br-loading-fill,
.br-loading[data-progress="58"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(104.4deg);
}
.br-loading[data-progress="59"] .br-loading-fill,
.br-loading[data-progress="59"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(106.2deg);
}
.br-loading[data-progress="60"] .br-loading-fill,
.br-loading[data-progress="60"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(108deg);
}
.br-loading[data-progress="61"] .br-loading-fill,
.br-loading[data-progress="61"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(109.8deg);
}
.br-loading[data-progress="62"] .br-loading-fill,
.br-loading[data-progress="62"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.31turn);
}
.br-loading[data-progress="63"] .br-loading-fill,
.br-loading[data-progress="63"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(113.4deg);
}
.br-loading[data-progress="64"] .br-loading-fill,
.br-loading[data-progress="64"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.32turn);
}
.br-loading[data-progress="65"] .br-loading-fill,
.br-loading[data-progress="65"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(117deg);
}
.br-loading[data-progress="66"] .br-loading-fill,
.br-loading[data-progress="66"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.33turn);
}
.br-loading[data-progress="67"] .br-loading-fill,
.br-loading[data-progress="67"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(120.6deg);
}
.br-loading[data-progress="68"] .br-loading-fill,
.br-loading[data-progress="68"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.34turn);
}
.br-loading[data-progress="69"] .br-loading-fill,
.br-loading[data-progress="69"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(124.2deg);
}
.br-loading[data-progress="70"] .br-loading-fill,
.br-loading[data-progress="70"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(126deg);
}
.br-loading[data-progress="71"] .br-loading-fill,
.br-loading[data-progress="71"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(127.8deg);
}
.br-loading[data-progress="72"] .br-loading-fill,
.br-loading[data-progress="72"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.36turn);
}
.br-loading[data-progress="73"] .br-loading-fill,
.br-loading[data-progress="73"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(131.4deg);
}
.br-loading[data-progress="74"] .br-loading-fill,
.br-loading[data-progress="74"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.37turn);
}
.br-loading[data-progress="75"] .br-loading-fill,
.br-loading[data-progress="75"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(135deg);
}
.br-loading[data-progress="76"] .br-loading-fill,
.br-loading[data-progress="76"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.38turn);
}
.br-loading[data-progress="77"] .br-loading-fill,
.br-loading[data-progress="77"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(138.6deg);
}
.br-loading[data-progress="78"] .br-loading-fill,
.br-loading[data-progress="78"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.39turn);
}
.br-loading[data-progress="79"] .br-loading-fill,
.br-loading[data-progress="79"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(142.2deg);
}
.br-loading[data-progress="80"] .br-loading-fill,
.br-loading[data-progress="80"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(144deg);
}
.br-loading[data-progress="81"] .br-loading-fill,
.br-loading[data-progress="81"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(145.8deg);
}
.br-loading[data-progress="82"] .br-loading-fill,
.br-loading[data-progress="82"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.41turn);
}
.br-loading[data-progress="83"] .br-loading-fill,
.br-loading[data-progress="83"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(149.4deg);
}
.br-loading[data-progress="84"] .br-loading-fill,
.br-loading[data-progress="84"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.42turn);
}
.br-loading[data-progress="85"] .br-loading-fill,
.br-loading[data-progress="85"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(153deg);
}
.br-loading[data-progress="86"] .br-loading-fill,
.br-loading[data-progress="86"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(154.8deg);
}
.br-loading[data-progress="87"] .br-loading-fill,
.br-loading[data-progress="87"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(156.6deg);
}
.br-loading[data-progress="88"] .br-loading-fill,
.br-loading[data-progress="88"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.44turn);
}
.br-loading[data-progress="89"] .br-loading-fill,
.br-loading[data-progress="89"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(160.2deg);
}
.br-loading[data-progress="90"] .br-loading-fill,
.br-loading[data-progress="90"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(162deg);
}
.br-loading[data-progress="91"] .br-loading-fill,
.br-loading[data-progress="91"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(163.8deg);
}
.br-loading[data-progress="92"] .br-loading-fill,
.br-loading[data-progress="92"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(165.6deg);
}
.br-loading[data-progress="93"] .br-loading-fill,
.br-loading[data-progress="93"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(167.4deg);
}
.br-loading[data-progress="94"] .br-loading-fill,
.br-loading[data-progress="94"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.47turn);
}
.br-loading[data-progress="95"] .br-loading-fill,
.br-loading[data-progress="95"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(171deg);
}
.br-loading[data-progress="96"] .br-loading-fill,
.br-loading[data-progress="96"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(172.8deg);
}
.br-loading[data-progress="97"] .br-loading-fill,
.br-loading[data-progress="97"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(174.6deg);
}
.br-loading[data-progress="98"] .br-loading-fill,
.br-loading[data-progress="98"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(0.49turn);
}
.br-loading[data-progress="99"] .br-loading-fill,
.br-loading[data-progress="99"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(178.2deg);
}
.br-loading[data-progress="100"] .br-loading-fill,
.br-loading[data-progress="100"] .br-loading-mask.full {
  animation: fill 2s ease-in-out;
  transform: rotate(180deg);
}
.is-loading,
.loading,
[loading] {
  --loading-indetermined-color: var(--interactive);
  --loading-indetermined-diameter-md: 44px;
  --loading-indetermined-diameter-sm: 24px;
  color: transparent !important;
  min-height: 32px;
  pointer-events: none;
  position: relative;
  z-index: 4000;
  z-index: var(--z-index-layer-4);
}
.is-loading:after,
.loading:after,
[loading]:after {
  animation: spinAround 1.3s linear infinite;
  border: 2px solid var(--loading-indetermined-color);
  border-radius: 50%;
  border-right: 2px solid transparent;
  content: "";
  display: block;
  height: var(--loading-indetermined-diameter-sm);
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
  width: var(--loading-indetermined-diameter-sm);
}
.is-loading.primary:after,
.loading.primary:after,
[loading].primary:after {
  border-bottom-color: #fff;
  border-bottom-color: var(--color-secondary-01);
  border-left-color: #fff;
  border-left-color: var(--color-secondary-01);
  border-top-color: #fff;
  border-top-color: var(--color-secondary-01);
}
.is-loading.medium:after,
.is-loading[md]:after,
.loading.medium:after,
.loading[md]:after,
[loading].medium:after,
[loading][md]:after {
  border-width: 4px;
  height: var(--loading-indetermined-diameter-md);
  left: calc(50% - 22px);
  top: calc(50% - 22px);
  width: var(--loading-indetermined-diameter-md);
}
@keyframes spinAround {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.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);
  width: 100%;
  align-items: center;
  background-color: #f0f0f0;
  background-color: var(--gray-5);
  border-radius: 100em;
  box-shadow: 0 3px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-md);
  display: inline-flex;
  height: var(--magic-support-size);
  padding: calc((var(--magic-support-size) - var(--magic-size)) * 0.5);
}
.br-magic-button.small, .br-magic-button.meeting-polls__button {
  --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)) * 0.5 + 4px
  );
  --button-size: var(--magic-size);
  background-color: #335bae;
  background-color: var(--interactive-alternative);
  color: #fff;
  color: var(--color-dark);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  width: 100%;
}
.br-magic-button .br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  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(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45));
  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);
  display: flex;
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
}
.br-message .content {
  color: var(--message-text);
  flex: 1 1;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  padding: 24px 8px 24px 16px;
  padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
}
.br-message .content .message-title {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-message .content .message-body {
  font-weight: var(--font-weigth-regular);
}
.br-message .content a {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}
.br-message .content :last-child {
  margin-bottom: 0;
}
.br-message .message-icon {
  align-items: center;
  color: var(--message-color-icon);
  display: flex;
  justify-content: center;
  margin: center 16px;
  margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
  padding-left: 16px;
  padding-left: var(--spacing-scale-2x);
  padding-right: 16px;
  padding-right: var(--spacing-scale-2x);
}
.br-message .message-icon + .content {
  padding-left: 0;
}
.br-message .close {
  margin-right: 8px;
  margin-right: var(--spacing-scale-base);
  margin-top: 8px;
  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);
}
.br-message .content {
  padding: 0;
}
.br-message {
  padding: 1rem;
  gap: 1rem;
}
.feedback {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  align-items: center;
  background: var(--feedback-background);
  color: var(--message-text);
  display: inline-flex;
  font-style: italic;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0;
  padding: 4px;
  padding: var(--spacing-scale-half);
}
.feedback .fa,
.feedback .fab,
.feedback .fad,
.feedback .fal,
.feedback .far,
.feedback .fas,
.feedback .svg-inline--fa {
  margin-right: 4px;
  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: #fff;
  background: var(--background);
  box-shadow: 0 1px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-sm);
  display: flex;
  flex-direction: column;
  max-width: var(--modal-size);
  z-index: 4000;
  z-index: var(--z-index-layer-4);
}
.br-modal-header {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  padding: 16px 16px 0;
  padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
  position: relative;
}
.br-modal-header .close {
  position: absolute;
  right: 8px;
  right: var(--spacing-scale-base);
  top: 8px;
  top: var(--spacing-scale-base);
}
.br-modal .modal-title {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  margin-right: 40px;
  max-height: calc(16.8px * 3);
  max-height: calc(var(--font-size-scale-up-01) * 3);
  overflow: hidden;
  text-overflow: ellipsis;
}
.br-modal-body {
  flex: 1 1;
  margin: 24px 0 16px;
  margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
  overflow: auto;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
}
.br-modal-body::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-modal-body::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-modal-body::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-modal-body:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-modal-body :last-child {
  margin-bottom: 0;
}
.br-modal-footer {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  padding: var(--spacing-scale-2x);
}
.br-modal.is-xsmall,
.br-modal.xsmall {
  --modal-size: var(--modal-xsmall);
}
.br-modal.is-small,
.br-modal.small,
.br-modal.meeting-polls__button {
  --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) + 16px * 2);
  min-height: calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x) * 2);
}
.br-modal .terms {
  border: 0;
  box-shadow: 0
    -1px 6px inset
    rgba(0, 0, 0, 0.16), 0
    1px 6px inset
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  margin-left: calc(16px * -1);
  margin-left: calc(var(--spacing-scale-2x) * -1);
  margin-right: calc(16px * -1);
  margin-right: calc(var(--spacing-scale-2x) * -1);
  overflow: auto;
  padding: 16px;
  padding: var(--spacing-scale-2x);
  resize: none;
  width: auto;
}
.br-modal .terms::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-modal .terms::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-modal .terms::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-modal .terms:active {
  outline: none;
}
.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: #555;
  background: var(--color-secondary-07);
}
@media (max-width: 991px) {
  .br-modal .terms {
    margin-left: 0 !important;
    margin-left: initial !important;
    margin-right: 0 !important;
    margin-right: initial !important;
  }
}
.br-notification {
  --notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
  --notification-width: 50vw;
  --notification-height: calc(100vh - 86px);
  background: #fff;
  background: var(--background);
  box-shadow: 0 3px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-md);
  max-height: var(--notification-height);
  max-width: var(--notification-width);
  overflow: auto;
  z-index: 1;
}
@media (max-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: 4px !important;
    left: var(--spacing-scale-half) !important;
    top: 16px !important;
    top: var(--spacing-scale-2x) !important;
  }
  .br-notification.close {
    display: none;
  }
}
@media (max-width: 992px) {
  .br-notification.close {
    display: none;
  }
}
@media (min-width: 992px) {
  .br-notification div.close {
    display: none;
  }
}
.br-notification .notification-header {
  border-bottom: 1px solid #ccc;
  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);
  position: relative;
  white-space: normal;
}
.br-notification .notification-body .br-tab .tab-content .br-item .status {
  left: 8px;
  left: var(--spacing-scale-base);
  position: absolute;
  top: 24px;
  top: var(--spacing-scale-3x);
}
.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: #333;
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--font-weight);
  justify-content: center;
}
.br-pagination ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.br-pagination li {
  padding: 0;
}
.br-pagination .page {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 100em;
  color: #1351b4;
  color: var(--interactive);
  display: inline-flex;
  justify-content: center;
  margin: 0 calc(var(--pagination-margin) * 0.5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 8px;
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap;
}
.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.br-pagination .page.active {
  background: #0c326f;
  background: var(--active);
  color: #fff;
  color: var(--color-dark);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin) * 0.5);
  position: relative;
}
.br-pagination .pagination-ellipsis .br-button {
  --button-size: var(--pagination-size);
}
.br-pagination .pagination-ellipsis .br-list {
  max-height: 220px;
  min-width: 4em;
  overflow-y: auto;
  z-index: 1000;
  z-index: var(--z-index-layer-1);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-pagination.small, .br-pagination.meeting-polls__button {
  --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: 400;
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-right: 8px;
  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: 8px;
  padding-left: var(--spacing-scale-base);
  padding-right: calc(12px + 32px);
  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: transparent;
}
.br-pagination .pagination-go-to-page .br-list,
.br-pagination .pagination-per-page .br-list {
  min-width: 5em;
  right: 0;
  width: auto;
}
.br-pagination .pagination-arrows {
  align-items: center;
  display: flex;
}
.br-pagination .br-select .br-input .br-button {
  bottom: auto;
  margin-top: 0;
  position: absolute;
  right: 4px;
  right: var(--spacing-scale-half);
  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: #fff;
  background-color: var(--background-light);
  color: #0c326f;
  color: var(--active);
}
.br-pagination .input-group .input-icon {
  display: none;
}
.br-scrim.foco {
  background: rgba(
    0, 0, 0,
    0.45
  );
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim.foco .br-modal {
  left: 50%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim.foco.active {
  display: block;
}
.br-scrim.inibicao {
  position: relative;
}
.br-scrim.inibicao:before {
  background: rgba(
    0, 0, 0,
    0.45
  );
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim.legibilidade {
  position: relative;
}
.br-scrim.legibilidade .scrim-text {
  background: linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 1)
  );
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: 24px 12px;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}
.br-scrim-util.foco {
  background: rgba(
    0, 0, 0,
    0.45
  );
  background: var(--surface-overlay-scrim);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.br-scrim-util.foco .br-modal {
  left: 50%;
  width: 80%;
  max-height: 90%;
  overflow: auto;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.br-scrim-util.foco.active {
  display: block;
}
.br-scrim-util.inibicao {
  position: relative;
}
.br-scrim-util.inibicao:before {
  background: rgba(
    0, 0, 0,
    0.45
  );
  background: var(--surface-overlay-scrim);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.br-scrim-util.legibilidade {
  position: relative;
}
.br-scrim-util.legibilidade .scrim-text {
  background: linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(0, 0, 0, 1)
  );
  background: var(--surface-overlay-text);
  bottom: 0;
  left: 0;
  padding: 24px 12px;
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  position: absolute;
  width: 100%;
}
.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  --select-shadow: var(--surface-shadow-md);
  max-width: 400px;
  min-width: 100px;
  position: relative;
}
.br-select .br-input input {
  padding-right: 29px;
  text-overflow: ellipsis;
}
.br-select .br-input input:after {
  bottom: 0;
  padding: 0 5px;
  position: absolute;
  right: 0;
}
.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  display: none;
  margin-top: -2px;
  max-height: 404px;
  overflow: auto;
  position: absolute;
  resize: none;
  width: 100%;
  z-index: 1;
}
.br-select .br-list::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-select .br-list::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-select .br-list::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-select .br-list:active,
.br-select .br-list:focus {
  color: #000;
  color: var(--color-secondary-09);
  outline: none;
}
.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: #555;
  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);
  display: block;
  height: auto;
  min-height: 0;
  padding: var(--item-padding);
}
.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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  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(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.br-select .br-item.disabled {
  line-height: calc(1.85 * 2);
  line-height: calc(var(--font-line-height-high) * 2);
  padding-left: calc(var(--item-padding) + 8px);
  padding-left: calc(var(--item-padding) + var(--spacing-scale-base));
}
.br-select .br-item.highlighted,
.br-select .br-item[highlighted] {
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  padding-bottom: 8px;
  padding-bottom: var(--spacing-scale-base);
  padding-top: 8px;
  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: 600;
  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(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: #2670e8;
  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);
  --background: var(--gray-2);
  --sign-in-img: 20px;
  align-items: center;
  background-color: transparent;
  background-color: #fff;
  background-color: var(--background);
  border: 0;
  border-radius: var(--button-radius) !important;
  color: #1351b4;
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  justify-content: center;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.br-button.sign-in.block,
.br-sign-in.block {
  width: 100%;
}
@media (min-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 (min-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 (min-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 (min-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] {
  border-radius: 50%;
  padding: 0;
  width: var(--button-size);
}
.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.meeting-polls__button,
.br-button.sign-in[small],
.br-sign-in.is-small,
.br-sign-in.small,
.br-sign-in.meeting-polls__button,
.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: #1351b4;
  background-color: var(--interactive-light);
  color: #fff;
  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: #fff;
  background-color: var(--background-light);
  border: 1px solid #1351b4;
  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: #e52207;
  background-color: var(--danger);
  color: #fff;
  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: #168821;
  background-color: var(--success);
  color: #fff;
  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: #ffcd07;
  background-color: var(--warning);
  color: #333;
  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: #155bcb;
  background-color: var(--info);
  color: #fff;
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  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(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  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: #0c326f;
  background-color: var(--active);
  color: #fff;
  color: var(--color-dark);
}
.br-button.sign-in.is-loading:after,
.br-button.sign-in.loading:after,
.br-button.sign-in[loading]:after,
.br-sign-in.is-loading:after,
.br-sign-in.loading:after,
.br-sign-in[loading]:after {
  border-color: #1351b4 #1351b4 transparent;
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-button.sign-in.is-loading.danger:after,
.br-button.sign-in.is-loading.info:after,
.br-button.sign-in.is-loading.primary:after,
.br-button.sign-in.is-loading.success:after,
.br-button.sign-in.loading.danger:after,
.br-button.sign-in.loading.info:after,
.br-button.sign-in.loading.primary:after,
.br-button.sign-in.loading.success:after,
.br-button.sign-in[loading].danger:after,
.br-button.sign-in[loading].info:after,
.br-button.sign-in[loading].primary:after,
.br-button.sign-in[loading].success:after,
.br-sign-in.is-loading.danger:after,
.br-sign-in.is-loading.info:after,
.br-sign-in.is-loading.primary:after,
.br-sign-in.is-loading.success:after,
.br-sign-in.loading.danger:after,
.br-sign-in.loading.info:after,
.br-sign-in.loading.primary:after,
.br-sign-in.loading.success:after,
.br-sign-in[loading].danger:after,
.br-sign-in[loading].info:after,
.br-sign-in[loading].primary:after,
.br-sign-in[loading].success:after {
  border-color: #fff #fff transparent;
  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: #c5d4eb;
  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: #c5d4eb;
  background-color: var(--interactive-dark);
  color: #071d41;
  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: #071d41;
  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: #fff;
  background-color: var(--background-light);
  color: #0c326f;
  color: var(--active);
}
.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: 150ms;
  --skiplink-timing-function: ease-out;
  display: inline-flex;
  flex-direction: column;
  left: var(--skiplink-margin);
  position: fixed;
  top: 0;
  z-index: var(--skiplink-layer);
}
.br-skiplink a {
  align-items: center;
  background-color: #fff;
  background-color: var(--background);
  box-shadow: var(--skiplink-shadow);
  display: inline-flex;
  min-width: var(--skiplink-min-width);
  position: absolute;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  white-space: nowrap;
  width: auto;
}
.br-skiplink a:focus,
.br-skiplink a:focus-visible {
  top: 0;
}
.br-skiplink.full {
  box-shadow: var(--skiplink-shadow);
  flex-direction: row;
  top: -100vh;
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
}
.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: "";
  display: flex;
}
.br-step .step-progress {
  display: flex;
  flex-grow: 1;
}
.br-step.vertical,
.br-step.vertical .step-progress {
  flex-direction: column;
}
.br-step .step-progress-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  min-height: var(--step-size);
  padding: 0;
  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: #fff;
  background-color: var(--background);
  border: var(--step-line) solid #1351b4;
  border: var(--step-line) solid var(--interactive);
  border-radius: 50%;
  content: attr(step-num);
  font-size: 24.192px;
  font-size: var(--font-size-scale-up-03);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  left: 0;
  margin: auto;
  right: 0;
  z-index: 2;
}
.br-step .step-icon,
.br-step .step-progress-btn:before {
  align-items: center;
  color: #1351b4;
  color: var(--interactive);
  display: inline-flex;
  height: var(--step-size);
  justify-content: center;
  position: absolute;
  width: var(--step-size);
}
.br-step .step-icon {
  z-index: 4;
}
.br-step .step-alert {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  color: var(--color-dark);
  display: flex;
  height: 29.036px;
  height: var(--font-size-scale-up-04);
  justify-content: center;
  position: absolute;
  width: 29.036px;
  width: var(--font-size-scale-up-04);
  z-index: 4;
}
.br-step .step-alert:after {
  display: flex;
  font-family: Font Awesome\5 Free;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 900;
}
.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) * 0.5), calc(var(--step-size) * -0.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) * 0.5), calc(var(--step-size) * 0.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) * 0.4), calc(var(--step-size) * -0.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) * 0.65), calc(var(--step-size) * -0.25));
}
.br-step.vertical .step-progress-btn:before {
  bottom: 0;
  left: auto;
  right: auto;
  top: 0;
}
.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: #1351b4;
  background-color: var(--interactive);
  content: "";
  display: block;
  height: var(--step-line);
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.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) * 0.5);
}
.br-step[data-label=top] .step-progress-btn:after {
  bottom: calc(var(--step-size) * 0.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 {
  bottom: 0;
  height: auto;
  left: auto;
  right: auto;
  top: 0;
  width: var(--step-line);
}
.br-step.vertical .step-progress-btn:first-child:after {
  left: auto;
  top: 50%;
}
.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) * 0.5);
}
.br-step.vertical[data-label=right] .step-progress-btn:after {
  left: calc(var(--step-size) * 0.5);
}
.br-step .step-info {
  color: #1351b4;
  color: var(--interactive);
  display: inline-block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.br-step[data-label=bottom] .step-info {
  margin-top: var(--step-size);
  padding-top: 16px;
  padding-top: var(--spacing-scale-2x);
}
.br-step[data-label=top] .step-info {
  margin-bottom: var(--step-size);
  padding-bottom: 16px;
  padding-bottom: var(--spacing-scale-2x);
}
.br-step[data-label=left] .step-info {
  display: none;
}
@media (min-width: 576px) {
  .br-step[data-label=left] .step-info {
    background-color: #fff;
    background-color: var(--background);
    display: inline-block;
    margin-right: var(--step-size);
    padding: 16px;
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step[data-label=right] .step-info {
  display: none;
}
@media (min-width: 576px) {
  .br-step[data-label=right] .step-info {
    background-color: #fff;
    background-color: var(--background);
    display: inline-block;
    margin-left: var(--step-size);
    padding: 16px;
    padding: var(--spacing-scale-2x);
    position: relative;
    z-index: 3;
  }
}
.br-step.vertical[data-label=left] .step-info {
  display: inline-block;
  margin-left: 0;
  margin-right: var(--step-size);
  padding: 16px;
  padding: var(--spacing-scale-2x);
}
.br-step.vertical[data-label=right] .step-info {
  display: inline-block;
  margin-left: var(--step-size);
  margin-right: 0;
  padding: 16px;
  padding: var(--spacing-scale-2x);
}
.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 {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=simple],
.br-step[data-type=simple] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=simple] .step-progress-btn {
  flex-grow: 0;
  width: 24px;
}
.br-step[data-type=simple] .step-progress-btn:before {
  background-color: #ccc;
  background-color: var(--gray-20);
  border-color: #ccc;
  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 {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text],
.br-step[data-type=text] .step-progress {
  align-items: center;
  display: flex;
  justify-content: center;
}
.br-step[data-type=text] .step-progress-btn {
  height: 0;
  min-height: 14px;
  min-height: var(--font-size-scale-base);
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-type=text] .step-progress-btn:before {
  background-color: transparent;
  border: 0;
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  width: auto;
}
.br-step[data-type=text] .step-progress-btn:after {
  content: none;
}
.br-step[data-type=text] .step-info {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-step[data-scroll],
.br-step[scroll] {
  overflow-x: auto;
  overflow-y: hidden;
}
.br-step[data-scroll]::-webkit-scrollbar,
.br-step[scroll]::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-step[data-scroll]::-webkit-scrollbar-track,
.br-step[scroll]::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-step[data-scroll]::-webkit-scrollbar-thumb,
.br-step[scroll]::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-step[data-scroll]:hover::-webkit-scrollbar-thumb,
.br-step[scroll]:hover::-webkit-scrollbar-thumb {
  background: #888;
  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-x: hidden;
  overflow-y: auto;
}
.br-step[data-scroll].vertical .step-progress-btn,
.br-step[scroll].vertical .step-progress-btn {
  min-height: 100px;
  min-width: auto;
}
.br-step .step-progress-btn[data-alert=success],
.br-step .step-progress-btn[data-alert=success] .step-info {
  color: #168821;
  color: var(--success);
}
.br-step .step-progress-btn[data-alert=success] .step-alert {
  background-color: #168821;
  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: #155bcb;
  color: var(--info);
}
.br-step .step-progress-btn[data-alert=info] .step-alert {
  background-color: #155bcb;
  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: #333;
  color: var(--color-light);
}
.br-step .step-progress-btn[data-alert=warning] .step-info {
  color: #333;
  color: var(--color);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert {
  background-color: #ffcd07;
  background-color: var(--warning);
}
.br-step .step-progress-btn[data-alert=warning] .step-alert:after {
  color: #333;
  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: #e52207;
  color: var(--danger);
}
.br-step .step-progress-btn[data-alert=danger] .step-alert {
  background-color: #e52207;
  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: #0c326f;
  background-color: var(--active);
  border-color: #0c326f;
  border-color: var(--active);
  color: #fff;
  color: var(--background);
}
.br-step .step-progress-btn.active .step-icon,
.br-step .step-progress-btn[active] .step-icon {
  color: #fff;
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
  z-index: 4;
}
.br-step .step-progress-btn:hover:not(:disabled):before {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45);
  border-color: rgba(var(--interactive-rgb), var(--disabled));
}
.br-step .step-progress-btn:disabled .step-icon {
  color: rgba(19, 81, 180, 0.45);
  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 #0c326f;
  border: var(--step-empty-border) solid var(--active);
  height: calc(29.036px + var(--step-empty-border));
  height: calc(var(--font-size-scale-up-04) + var(--step-empty-border));
  width: calc(29.036px + 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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  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] {
  height: auto;
  position: static;
  width: auto;
}
.br-step[data-type=text] .step-progress-btn.active:before,
.br-step[data-type=text] .step-progress-btn[active]:before {
  background-color: transparent;
  border: 0;
  color: #333;
  color: var(--color);
  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: #e3f5e1;
  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: #d4e5ff;
  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: #fde0db;
  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: #fff;
  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: #fff;
  background-color: var(--background-light);
  border-color: #fff;
  border-color: var(--background-light);
  color: #0c326f;
  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: #0c326f;
  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: #fff;
  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 {
  background-color: transparent;
  color: #333;
  color: var(--color);
}
.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);
  display: inline-flex;
  min-height: var(--switch-height);
}
.br-switch input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.br-switch input + label {
  align-items: center;
  color: #333;
  color: var(--color);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  margin-bottom: 0;
  position: relative;
}
.br-switch input + label:before {
  background: #fff;
  background: var(--background-light);
  border: 1px solid #ccc;
  border: 1px solid var(--border-color);
  border-radius: 100em;
  content: "";
  height: var(--switch-height);
  position: absolute;
  width: var(--switch-width);
}
.br-switch input + label:after {
  background-color: #ccc;
  background-color: var(--off);
  border-radius: 50%;
  content: "";
  height: var(--switch-toggle-size);
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: var(--switch-toggle-size);
}
.br-switch input:checked + label:after {
  background-color: #5992ed;
  background-color: var(--on);
}
.br-switch input + label {
  padding-right: calc(16px + var(--switch-width));
  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, .aspect-ratio-16-9 > .br-switch input + label {
  padding-left: calc(16px + var(--switch-width));
  padding-left: calc(var(--spacing-scale-2x) + var(--switch-width));
  padding-right: 0;
}
.br-switch.right input + label:before, .aspect-ratio-16-9 > .br-switch input + label:before {
  left: 0;
}
.br-switch.right input + label:after, .aspect-ratio-16-9 > .br-switch input + label:after {
  left: 4px;
}
.br-switch.right input:checked + label:after, .aspect-ratio-16-9 > .br-switch input:checked + label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.top, .aspect-ratio-16-9 > .br-switch {
  min-height: calc(var(--switch-height) * 2);
}
.br-switch.top input + label, .aspect-ratio-16-9 > .br-switch input + label {
  align-items: flex-start;
  padding-right: 0;
}
.br-switch.top input + label:before, .aspect-ratio-16-9 > .br-switch input + label:before {
  bottom: 0;
  left: 0;
}
.br-switch.top input + label:after, .aspect-ratio-16-9 > .br-switch input + label:after {
  bottom: 4px;
  left: 4px;
}
.br-switch.top input:checked + label:after, .aspect-ratio-16-9 > .br-switch input:checked + label:after {
  left: calc(var(--switch-width) - var(--switch-toggle-size) - 4px);
}
.br-switch.small, .br-switch.meeting-polls__button {
  --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 {
  align-self: center;
  color: #333;
  color: var(--color);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin-left: 8px;
}
.br-switch input ~ .switch-data:before {
  content: attr(data-disabled);
}
.br-switch input:checked ~ .switch-data {
  color: #333;
  color: var(--color);
}
.br-switch input:checked ~ .switch-data:before {
  content: attr(data-enabled);
}
.br-switch.br-icon input + label:after {
  align-items: center;
  color: #fff;
  color: var(--color-dark);
  content: "\f00d";
  display: inline-flex;
  font-family: Font Awesome\5 Free, sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: 900;
  font-weight: var(--font-weight-black);
  justify-content: center;
}
.br-switch.br-icon input:checked + label:after {
  content: "\f00c";
}
.br-switch input.focus-visible + label:before,
.br-switch input:focus-visible + label:before {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-switch input:hover:not([disabled]):checked + label:before {
  background-image: linear-gradient(rgba(89, 146, 237, 0.16), rgba(89, 146, 237, 0.16));
  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(204, 204, 204, 0.16), rgba(204, 204, 204, 0.16));
  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(89, 146, 237, 0.45), rgba(89, 146, 237, 0.45));
  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(204, 204, 204, 0.45), rgba(204, 204, 204, 0.45));
  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: #fff;
  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;
  position: absolute;
  z-index: -1;
}
.br-table .responsive {
  overflow: auto;
}
.br-table .br-column-collapse {
  width: 40px;
}
.br-table .br-column-checkbox {
  width: 24px;
}
.br-table .table-header {
  position: relative;
}
.br-table .table-header.show .top-bar {
  visibility: hidden;
}
.br-table .top-bar {
  align-items: center;
  display: flex;
  padding: 8px 16px 8px var(--table-padding);
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}
.br-table .top-bar .table-title,
.br-table .top-bar .title {
  color: #333;
  color: var(--color);
  flex-grow: 1;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.br-table .top-bar .actions-trigger {
  margin-right: 8px;
  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 (min-width: 576px) {
  .br-table .top-bar title {
    font-size: 24.192px;
    font-size: var(--font-size-scale-up-03);
    line-height: 1.45;
    line-height: var(--font-line-height-medium);
  }
}
.br-table .search-bar {
  align-items: center;
  bottom: 0;
  display: none;
  height: 56px;
  left: 0;
  padding-left: var(--table-padding);
  padding-right: 16px;
  padding-right: var(--spacing-scale-2x);
  position: absolute;
  right: 0;
  top: 0;
}
.br-table .search-bar.show {
  display: flex;
}
.br-table .search-bar .br-input {
  flex: 1 1;
}
.br-table .search-bar .br-input label {
  display: none;
}
.br-table .search-bar .br-input input {
  margin-bottom: 0;
  margin-top: 0;
}
.br-table .search-bar .br-input input + .br-button {
  --button-size: var(--button-small);
  margin-top: 0;
  position: absolute;
  right: 4px;
  right: var(--spacing-scale-half);
  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);
  align-items: center;
  background-color: #1351b4;
  background-color: var(--interactive-light);
  bottom: 0;
  color: #333;
  color: var(--color);
  display: none;
  left: 0;
  padding: var(--table-padding);
  right: 0;
  top: 0;
}
.br-table .selected-bar.show,
.br-table .selection-bar.show {
  display: flex;
}
.br-table .selected-bar .info,
.br-table .selection-bar .info {
  align-items: center;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
}
.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: 24.192px;
  font-size: var(--font-size-scale-up-03);
  margin-right: 4px;
  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: 1.15;
  line-height: var(--font-line-height-low);
  padding-right: 4px;
  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: 8px 16px 8px var(--table-padding);
  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.meeting-polls__button .clone-headers .item,
.br-table.small .headers,
.br-table.meeting-polls__button .headers,
.br-table.small table,
.br-table.meeting-polls__button 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: #fff;
  background-color: var(--background-light);
  color: #0c326f;
  color: var(--active);
}
.br-table.dark-mode th,
.br-table.inverted th {
  background-color: #071d41;
  background-color: var(--background-dark);
}
.br-table.no-hover: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 {
  overflow-x: auto;
  width: 100%;
}
.br-tab .tab-nav::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-tab .tab-nav::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-tab .tab-nav::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
@media (max-width: 991px) {
  .br-tab .tab-nav {
    display: flex;
    overflow-x: auto;
    width: 100%;
    width: 100%; /* Ajuste a largura de acordo com a sua necessidade */
    display: flex;
    overflow: hidden; /* Oculta a parte das guias que não está visível */
    cursor: grab; /* Mude o cursor para uma "mãozinha" ao passar o mouse */
    white-space: nowrap; /* Evita que as guias quebrem para a próxima linha */
    user-drag: none; /* Evita a seleção acidental de texto ao arrastar */
  }
  .br-tab .tab-nav::-webkit-scrollbar {
    height: 8px;
    height: var(--spacing-scale-base);
    width: 8px;
    width: var(--spacing-scale-base);
  }
  .br-tab .tab-nav::-webkit-scrollbar-track {
    background: #e6e6e6;
    background: var(--gray-10);
  }
  .br-tab .tab-nav::-webkit-scrollbar-thumb {
    background: #adadad;
    background: var(--gray-30);
  }
  .br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
    background: #888;
    background: var(--gray-40);
  }
}
.br-tab .tab-nav ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.br-tab .tab-item {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.br-tab .tab-item a,
.br-tab .tab-item button {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 4px solid transparent;
  color: #333;
  color: var(--color);
  display: inline-block;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  padding: var(--tab-size) var(--tab-padding);
  text-align: center;
  white-space: nowrap;
}
.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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  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(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.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,
.br-tab .tab-item.active a,
.br-tab .tab-item.is-active a {
  border-bottom: 4px solid #0c326f;
  border-bottom: 4px solid var(--active);
  color: #0c326f;
  color: var(--active);
}
.br-tab .tab-item.active .results,
.br-tab .tab-item.is-active .results {
  --font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--active);
}
.br-tab .results {
  display: flex;
  font-weight: var(--font-weight);
  justify-content: center;
  margin-top: 16px;
  margin-top: var(--spacing-scale-2x);
  position: absolute;
  top: 100%;
}
.br-tab[data-counter=true] .tab-nav ul {
  margin-bottom: calc(16px + 20.16px + 8px);
  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.meeting-polls__button,
.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: #fff;
  border-bottom-color: var(--background-light);
  color: #333;
  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);
  align-items: center;
  background: #071d41;
  background: var(--background-dark);
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  color: #fff;
  color: var(--color-dark);
  display: inline-flex;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 12px;
  padding: 0 var(--spacing-scale-baseh);
}
.br-tag.status {
  --tag-small: var(--spacing-scale-baseh);
  --tag-medium: var(--spacing-scale-2x);
  --tag-large: var(--spacing-scale-3x);
  border: 1px solid #fff;
  border: 1px solid var(--background-light);
  border-radius: 50%;
  min-width: var(--tag-size);
  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 #fff;
  border: 1px solid var(--background-light);
  border-radius: 100em;
  min-width: var(--tag-size);
  padding-left: 8px;
  padding-left: var(--spacing-scale-base);
  padding-right: 8px;
  padding-right: var(--spacing-scale-base);
}
.br-tag.icon {
  --tag-small: var(--spacing-scale-3xh);
  --tag-medium: var(--spacing-scale-4x);
  --tag-large: var(--spacing-scale-5xh);
  border-radius: 50%;
  min-width: var(--tag-size);
  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: 16px;
  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: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.br-tag.interaction {
  background: #1351b4;
  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: #1351b4;
  background-color: var(--interactive-light);
  border-radius: 50%;
  color: #fff;
  color: var(--color-dark);
  margin-left: 12px;
  margin-left: var(--spacing-scale-baseh);
  padding: 0;
  width: var(--button-size);
}
.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-tag.interaction-select {
  background: transparent;
  padding: 0;
}
.br-tag.interaction-select label,
.status-button {
  --interactive-rgb: var(--color-dark-rgb);
  --hover: var(--hover-dark);
  align-items: center;
  background: #071d41;
  background: var(--background-dark);
  background: #1351b4;
  background: var(--interactive);
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  color: #fff;
  color: var(--color-dark);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  justify-content: center;
  margin: 0;
  min-height: var(--tag-size);
  padding: 0 12px;
  padding: 0 var(--spacing-scale-baseh);
  transition: padding 0.15s ease;
}
.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: 4px;
  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: 12px;
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.interaction-select input {
  opacity: 0;
  position: relative;
  width: 0;
}
.br-tag.interaction-select input:checked + label:after {
  border: solid #fff;
  border: solid var(--color-dark);
  border-width: 0 3px 3px 0;
  content: "";
  height: 12px;
  height: var(--icon-size-sm);
  transform: rotate(45deg) translate(12px, -14px);
  width: 8px;
}
.br-tag.interaction-select input:focus + label {
  outline-color: #c2850c;
  outline-color: var(--focus-color);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: #fff;
  color: var(--color-dark);
}
.br-tag.interaction-select.selected label {
  background-color: #2670e8;
  background-color: var(--selected);
  padding-right: 36px;
  padding-right: var(--spacing-scale-4xh);
}
.br-tag.disabled input {
  cursor: not-allowed;
}
.br-tag + .br-tag {
  margin-left: 4px;
  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: 12px;
  margin-right: var(--spacing-scale-baseh);
}
.br-tag.small, .br-tag.meeting-polls__button {
  --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: #168821;
  background-color: var(--success);
}
.br-tag.danger,
.br-tag.is-danger,
.br-tag[danger] {
  background-color: #e52207;
  background-color: var(--danger);
}
.br-tag.is-warning,
.br-tag.warning,
.br-tag[warning] {
  background-color: #ffcd07;
  background-color: var(--warning);
}
.br-tag.info,
.br-tag.is-info,
.br-tag[info] {
  background-color: #155bcb;
  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);
  display: block;
  display: flex;
  flex-wrap: wrap;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  height: 40px;
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
}
.br-tag-input:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-tag-input.has-icon {
  padding-right: 40px;
  padding-right: var(--spacing-scale-5x);
}
.br-tag-input[type=password]::-ms-clear,
.br-tag-input[type=password]::-ms-reveal {
  display: none;
}
.br-tag-input input {
  flex: 1 1;
}
.input-tag {
  border: 0;
  box-sizing: border-box;
  color: inherit;
  flex: 1 1;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  padding: 0.9em 0.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: #333;
  color: var(--color);
}
.br-textarea label {
  display: inline-block;
  margin-bottom: 4px;
  margin-bottom: var(--spacing-scale-half);
}
.br-textarea textarea {
  background: #fff;
  background: var(--background-light);
  border: 1px solid #ccc;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  color: #333;
  color: var(--color);
  display: block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  padding: var(--textarea-padding);
  width: 100%;
}
.br-textarea.small textarea, .br-textarea.meeting-polls__button 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: #168821;
  border-color: var(--success);
  border-width: 2px;
}
.br-textarea.danger textarea,
.br-textarea[data-danger] textarea {
  border-color: #e52207;
  border-color: var(--danger);
  border-width: 2px;
}
.br-textarea.warning textarea,
.br-textarea[data-warning] textarea {
  border-color: #ffcd07;
  border-color: var(--warning);
  border-width: 2px;
}
.br-textarea.info textarea,
.br-textarea[data-info] textarea {
  border-color: #155bcb;
  border-color: var(--info);
  border-width: 2px;
}
.br-textarea textarea.focus-visible,
.br-textarea textarea:focus,
.br-textarea textarea:focus-visible {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.br-textarea textarea:hover:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  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-tooltip {
  align-items: flex-start;
  background: #155bcb;
  background: var(--color-info, #155bcb);
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  color: var(--color-secondary-01, #fff);
  display: flex !important;
  flex-wrap: wrap;
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: 500;
  font-weight: var(--font-weight-medium, 500);
  justify-content: flex-start;
  max-width: 240px;
  opacity: 0;
  padding: 16px;
  padding: var(--spacing-scale-2x);
  position: absolute !important;
  visibility: hidden;
  z-index: 999;
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.br-tooltip[data-show] {
  animation: fadeInOpacity 0.5s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.br-tooltip[popover] {
  max-width: 320px;
  min-width: 240px;
  overflow-x: hidden;
  width: auto;
}
.br-tooltip[success] {
  background: #168821;
  background: var(--color-success, #168821);
}
.br-tooltip[success] .arrow {
  border-color: #168821;
  border-color: var(--color-success, #168821);
}
.br-tooltip[error] {
  background: #e52207;
  background: var(--color-danger, #e52207);
}
.br-tooltip[error] .arrow {
  border-color: #e52207;
  border-color: var(--color-danger, #e52207);
}
.br-tooltip[warning] {
  background: #ffcd07;
  background: var(--color-warning, #ffcd07);
  color: #333;
  color: var(--color-secondary-08, #333);
}
.br-tooltip[warning] .arrow {
  border-color: #ffcd07;
  border-color: var(--color-warning, #ffcd07);
}
.br-tooltip,
.br-tooltip[info] {
  background: #155bcb;
  background: var(--color-info, #155bcb);
}
.br-tooltip .arrow,
.br-tooltip[info] .arrow {
  border-color: #155bcb;
  border-color: var(--color-info, #155bcb);
}
.br-tooltip .arrow {
  height: 0 !important;
  position: absolute !important;
  width: 0 !important;
  z-index: -1 !important;
}
.br-tooltip[data-popper-placement^=top] > .arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top-style: solid;
  border-top-width: 8px;
  bottom: -7px;
  margin-left: 0;
}
.br-tooltip[data-popper-placement^=bottom] > .arrow {
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: 0;
  top: -8px;
}
.br-tooltip[data-popper-placement^=left] > .arrow {
  border-bottom: 8px solid transparent;
  border-left-style: solid;
  border-left-width: 8px;
  border-top: 8px solid transparent;
  right: calc(8px * -1);
  right: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip[data-popper-placement^=right] > .arrow {
  border-bottom: 8px solid transparent;
  border-right-style: solid;
  border-right-width: 8px;
  border-top: 8px solid transparent;
  left: calc(8px * -1);
  left: calc(var(--spacing-scale-base) * -1);
}
.br-tooltip .link,
.br-tooltip .subtext,
.br-tooltip .text {
  display: block;
  max-width: 100%;
  min-width: 0;
}
.br-tooltip .popover-header {
  font-size: 14px;
  font-size: var(--font-size-scale-base, 14px);
  margin-bottom: 1em;
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .popover-header .fas,
.br-tooltip .popover-header .svg-inline--fa {
  font-size: 41.804px;
  font-size: var(--font-size-scale-up-06, 41.804px);
  text-align: center;
}
.br-tooltip .popover-image {
  border: 3px solid #fff;
  border: 3px solid var(--color-secondary-01, #fff);
}
.br-tooltip .popover-icon,
.br-tooltip .popover-image {
  height: auto;
  margin-left: -10px;
  max-height: 120px;
  max-width: 45%;
  overflow: hidden;
  width: auto;
}
.br-tooltip .popover-icon {
  margin-top: 10%;
}
.br-tooltip .popover-body {
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01, 11.662px);
  margin-bottom: 1em;
  min-width: 180px;
  width: 100%;
}
.br-tooltip .popover-image + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-image + div div {
  padding-left: 8px;
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-icon + div {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  width: 65%;
}
.br-tooltip .popover-icon + div div {
  padding-left: 8px;
  padding-left: var(--spacing-scale-base);
  text-align: left;
}
.br-tooltip .popover-footer {
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01, 11.662px);
  min-width: 180px;
  text-align: center;
  width: 100%;
}
.br-tooltip .text {
  font-size: 14px;
  font-size: var(--font-size-scale-base, 14px);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold, 600);
}
.br-tooltip .subtext {
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: 500;
  font-weight: var(--font-weight-medium, 500);
}
.br-tooltip .link {
  color: inherit;
  text-align: right;
  text-decoration: underline;
  width: 100%;
}
.br-tooltip .close {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 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);
  align-items: center;
  background-color: transparent;
  border: 0;
  border: 1px dashed #1351b4;
  border: var(--surface-width-sm) dashed var(--interactive);
  border-radius: var(--button-radius) !important;
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  color: #1351b4;
  color: var(--interactive);
  cursor: pointer;
  display: inline-flex;
  display: block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  height: var(--button-size);
  justify-content: center;
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
  max-width: 550px;
  min-height: var(--button-size);
  overflow: hidden;
  padding: 0 24px;
  padding: 0 var(--spacing-scale-3x);
  padding-left: 16px;
  padding-left: var(--spacing-scale-2x);
  padding-right: 16px;
  padding-right: var(--spacing-scale-2x);
  position: relative;
  text-align: center;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  width: 100%;
}
.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: 8px;
  margin-right: var(--spacing-scale-base);
}
.br-upload .upload-list {
  max-width: 550px;
  position: relative;
}
.br-upload .upload-list .content {
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-upload .upload-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  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: #0c326f;
  background-color: var(--active);
  color: #fff;
  color: var(--color-dark);
}
.br-upload .upload-button.is-loading:after,
.br-upload .upload-button.loading:after,
.br-upload .upload-button[loading]:after {
  border-color: #1351b4 #1351b4 transparent;
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}
.br-upload .upload-button.is-loading.danger:after,
.br-upload .upload-button.is-loading.info:after,
.br-upload .upload-button.is-loading.primary:after,
.br-upload .upload-button.is-loading.success:after,
.br-upload .upload-button.loading.danger:after,
.br-upload .upload-button.loading.info:after,
.br-upload .upload-button.loading.primary:after,
.br-upload .upload-button.loading.success:after,
.br-upload .upload-button[loading].danger:after,
.br-upload .upload-button[loading].info:after,
.br-upload .upload-button[loading].primary:after,
.br-upload .upload-button[loading].success:after {
  border-color: #fff #fff transparent;
  border-color: var(--background) var(--background) transparent;
}
.br-upload.success .upload-button,
.br-upload[data-success] .upload-button {
  border-color: #168821;
  border-color: var(--success);
}
.br-upload.danger .upload-button,
.br-upload[data-danger] .upload-button {
  border-color: #e52207;
  border-color: var(--danger);
}
.br-upload.warning .upload-button,
.br-upload[data-warning] .upload-button {
  border-color: #ffcd07;
  border-color: var(--warning);
}
.br-upload.info .upload-button,
.br-upload[data-info] .upload-button {
  border-color: #155bcb;
  border-color: var(--info);
}
.br-upload.dragging .upload-button {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 32px;
  margin-bottom: var(--spacing-scale-4x);
  max-height: var(--wizard-max-height);
  max-width: none;
  min-height: var(--wizard-min-height);
}
.br-wizard .wizard-progress {
  background-color: #f0f0f0;
  background-color: var(--background-alternative);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  grid-template-rows: none;
  min-height: 164px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 56px;
  padding-top: var(--spacing-scale-7x);
  width: 100%;
}
@media (max-width: 991px) {
  .br-wizard .wizard-progress {
    max-height: 100px;
    min-height: 100px;
    overflow-y: hidden;
    padding-top: 24px;
    padding-top: var(--spacing-scale-3x);
    position: relative;
  }
  .br-wizard .wizard-progress,
  .br-wizard .wizard-progress:after {
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-progress:after {
    background-color: transparent;
    bottom: 2px;
    color: #1351b4;
    color: var(--interactive);
    content: "\f7a4";
    display: block;
    font-family: Font Awesome\5 Free, sans-serif;
    font-size: var(--switch-icon-size);
    font-weight: 900;
    font-weight: var(--font-weight-black);
    height: 1em;
    left: 50%;
    margin-left: -0.5em;
    position: absolute;
    top: auto;
    top: initial;
    width: auto;
  }
}
.br-wizard .wizard-progress-btn {
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
  color: #1351b4;
  color: var(--interactive);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01, 16.8px);
  line-height: 19px;
  max-height: 90px;
  padding-bottom: 0;
  padding-top: 16px;
  padding-top: var(--spacing-scale-2x);
  position: relative;
  text-indent: 0;
  transition-delay: 0s;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: linear;
}
.br-wizard .wizard-progress-btn[disabled] {
  color: rgba(19, 81, 180, 0.45);
  color: rgba(var(--interactive-rgb), var(--disabled));
  opacity: 1;
}
.br-wizard .wizard-progress-btn[disabled]:before {
  opacity: 0.45;
  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: #c2850c;
  outline-color: var(--focus-color);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
.br-wizard .wizard-progress-btn:hover:not([disabled]):before {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.45), rgba(19, 81, 180, 0.45));
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.br-wizard .wizard-progress-btn:before {
  background-color: #fff;
  background-color: var(--background);
  border: 2px solid #1351b4;
  border: 2px solid var(--interactive);
  border-radius: 50%;
  box-sizing: border-box;
  color: #1351b4;
  color: var(--interactive);
  content: attr(step) !important;
  display: block;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold, 600);
  height: 36px;
  left: 50%;
  line-height: 29px;
  margin-top: -13px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
  width: 36px;
  z-index: 3;
}
.br-wizard .wizard-progress-btn:after {
  background-color: #1351b4 !important;
  background-color: var(--interactive) !important;
  content: "";
  display: block;
  height: 1px;
  left: calc(-50% + 17px);
  position: absolute;
  top: 5px;
  transition-delay: 0s;
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: linear;
  width: calc(100% - 34px);
  z-index: 1;
}
.br-wizard .wizard-progress-btn:first-child:after {
  display: none;
}
.br-wizard .wizard-progress-btn[active] {
  color: #0c326f;
  color: var(--active);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold, 600);
}
.br-wizard .wizard-progress-btn[active]:after {
  background-color: #0c326f;
  background-color: var(--active);
}
.br-wizard .wizard-progress-btn[active]:before {
  background-color: #0c326f;
  background-color: var(--active);
  border: 2px solid #fff;
  border: 2px solid var(--background-light);
  color: #fff;
  color: var(--background-light);
  font-weight: 700;
  font-weight: var(--font-weight-bold, 700);
}
@media (max-width: 991px) {
  .br-wizard .wizard-progress-btn .info {
    font-size: 9.716px;
    font-size: var(--font-size-scale-down-02, 9.716px);
    line-height: 1em;
    text-align: center;
  }
  .br-wizard[collapsed] .wizard-progress {
    max-height: 64px;
    min-height: 64px;
    overflow-y: hidden;
    padding-bottom: 24px;
    padding-bottom: var(--spacing-scale-3x);
    padding-top: 24px;
    padding-top: var(--spacing-scale-3x);
  }
  .br-wizard[collapsed] .wizard-progress:after {
    margin-top: 36px;
    margin-top: var(--spacing-scale-4xh);
  }
  .br-wizard[collapsed] .wizard-progress-btn {
    padding-bottom: 8px;
    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-x: hidden;
    overflow-y: auto;
  }
}
.br-wizard .wizard-form {
  display: flex;
  flex: 1 1;
  height: auto;
  overflow: hidden;
  position: relative;
}
.br-wizard .wizard-panel {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  left: 0;
  margin-bottom: 0;
  opacity: 0;
  position: static;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.br-wizard .wizard-panel[active] {
  display: flex;
  height: auto;
  left: 0 !important;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: linear;
  visibility: visible;
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(1%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.br-wizard .wizard-panel-content {
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--border-color);
  flex-grow: 1;
  height: auto;
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
  padding: 8px 16px;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-wizard .wizard-panel-content > :last-child {
  margin-bottom: 0;
}
.br-wizard .wizard-panel-btn {
  align-self: flex-end;
  background-color: #f0f0f0;
  background-color: var(--background-alternative);
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--border-color);
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1px;
  padding: 16px 1.5%;
  padding: var(--spacing-scale-2x) 1.5%;
  width: 100%;
}
.br-wizard .wizard-btn,
.br-wizard .wizard-btn-next,
.br-wizard .wizard-btn-prev {
  float: right;
  margin-left: 16px;
  margin-left: var(--spacing-scale-2x);
}
.br-wizard .wizard-btn-canc {
  float: left;
}
@media (max-width: 991px) {
  .br-wizard .wizard-form {
    height: auto;
  }
  .br-wizard .wizard-panel {
    border-top: 0;
    display: none;
    flex-wrap: nowrap;
    margin-bottom: 0;
    max-height: none;
  }
  .br-wizard .wizard-panel-content {
    height: auto;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 8px;
    padding: var(--spacing-scale-half) var(--spacing-scale-base);
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard .wizard-panel-btn {
    align-items: flex-end;
    background-color: #f0f0f0;
    background-color: var(--background-alternative);
    display: flex;
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    padding: 0 !important;
    position: static;
    width: 100%;
  }
  .br-wizard .wizard-btn,
  .br-wizard .wizard-btn-canc,
  .br-wizard .wizard-btn-next,
  .br-wizard .wizard-btn-prev {
    float: none;
    margin: 8px 5%;
    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 {
  flex: 1 1;
  float: none;
  grid-template-columns: 1fr;
  height: auto;
  max-width: 260px;
  overflow-x: hidden;
  padding-top: 0;
  position: relative;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn {
  height: 100%;
  line-height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  padding-right: 70px;
  padding-top: 0;
  text-align: right;
}
.br-wizard[vertical] .wizard-progress-btn:before {
  left: calc(100% - 32px);
  line-height: 26px;
  margin-top: calc(16px * -1);
  margin-top: calc(var(--spacing-scale-2x) * -1);
  position: absolute;
  text-align: center;
  top: 50%;
}
.br-wizard[vertical] .wizard-progress-btn:after {
  height: calc(100% - 34px);
  left: calc(100% - 33px);
  position: absolute;
  top: calc(-50% + 18px);
  width: 1px;
}
.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: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
  min-height: 100px;
}
.br-wizard[vertical] .wizard-form {
  float: none;
  height: auto;
  width: calc(100% - 260px);
}
.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
  border-top: 0;
}
@media (max-width: 991px) {
  .br-wizard[vertical] .wizard-progress {
    max-height: 100%;
    max-width: 110px;
  }
  .br-wizard[vertical] .wizard-progress:after {
    height: 1em;
    left: auto;
    left: initial;
    margin-top: -0.5em;
    right: 2px;
    top: 50%;
    transform: rotate(-90deg);
    width: 1em;
  }
  .br-wizard[vertical] .wizard-progress-btn {
    line-height: 18px;
    padding-right: 56px;
    padding-right: var(--spacing-scale-7x);
  }
  .br-wizard[vertical] .wizard-progress-btn .info {
    line-height: 1.6em;
    margin-top: -0.5em;
    position: absolute;
    right: 54px;
  }
  .br-wizard[vertical] .wizard-form {
    height: auto;
    max-width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: linear;
  }
  .br-wizard[vertical] .wizard-panel {
    height: 100%;
    max-height: 100%;
  }
  .br-wizard[vertical][collapsed] .wizard-progress {
    max-width: 60px;
    padding-bottom: 0;
    padding-top: 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 {
    max-width: calc(100% - 60px);
    min-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: #c5d4eb;
  background-color: var(--interactive-dark);
  color: #071d41;
  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: #071d41;
  background-color: var(--background-dark);
}
.br-wizard.dark-mode .wizard-progress,
.br-wizard.inverted .wizard-progress {
  background-color: transparent;
}
.br-wizard.dark-mode .wizard-progress-btn[active],
.br-wizard.inverted .wizard-progress-btn[active] {
  color: #333;
  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: #333;
  background-color: var(--color);
  color: #0c326f;
  color: var(--active);
}
.br-wizard.dark-mode .wizard-panel .wizard-panel-btn,
.br-wizard.inverted .wizard-panel .wizard-panel-btn {
  background-color: transparent;
}
.accordion-example .br-list .header {
  align-items: center;
  align-items: var(--spacing-vertical-center);
  display: flex;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  justify-content: space-between;
  padding: 8px 16px;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
}
.accordion-example .br-list .br-item {
  text-align: left;
  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: center;
  align-items: var(--spacing-vertical-center);
  display: flex;
}
.accordion-example .br-list .br-item > .content > .content {
  flex: 1 1;
}
.accordion-example .br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: 8px 24px;
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}
.accordion-example .br-list .br-list {
  max-height: none;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.accordion-example .br-list.horizontal {
  display: flex;
  flex-wrap: wrap;
}
.accordion-example .br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}
.accordion-example .br-list.horizontal > .header + .br-divider {
  border-top: 1px solid #ccc;
  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 1;
  height: auto;
  min-height: 56px;
  width: auto;
}
.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 #ccc;
  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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  overflow: hidden;
  padding: 0 16px;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: initial;
  white-space: normal;
}
.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;
  display: block;
  line-height: 0px;
}
.checkgroup-example label {
  color: var(--checkbox-color);
  cursor: pointer;
  display: inline-block;
  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));
  position: relative;
}
.checkgroup-example label:empty {
  padding-left: var(--checkbox-size);
}
.checkgroup-example.hidden-label label {
  padding-left: calc(var(--checkbox-size) + 2px * 2);
  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: 32px;
  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 {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.checkgroup-example input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: 0.45;
  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 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  min-height: 24px;
  min-height: var(--spacing-scale-3x);
  position: relative;
}
.checkgroup-example input + label:before {
  background: #fff;
  background: var(--color-secondary-01, #fff);
  border: 1px solid #ccc;
  border: 1px solid var(--color-secondary-04);
  border-radius: 4px;
  content: "";
  height: var(--checkbox-size);
  left: 0;
  position: absolute;
  width: var(--checkbox-size);
}
.checkgroup-example input + label:empty {
  padding-left: 24px;
  padding-left: var(--spacing-scale-3x);
}
.checkgroup-example input[indeterminate] {
  color: #e52207;
  color: var(--color-danger, #e52207);
}
.checkgroup-example input[indeterminate] + label:before {
  background: #2670e8;
  background: var(--color-primary-lighten-01);
  border-color: #2670e8;
  border-color: var(--color-primary-lighten-01);
}
.checkgroup-example input:checked + label:after {
  border: solid #2670e8;
  border: solid var(--color-primary-lighten-01);
  border-width: 0 3px 3px 0;
  content: "";
  height: 12px;
  height: var(--icon-size-sm);
  left: 8px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 8px;
}
.checkgroup-example input:checked[indeterminate] + label:after {
  border-color: #fff;
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}
.checkgroup-example input:invalid + label:before {
  border-color: #e52207;
  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.meeting-polls__button input[type=checkbox] + label,
.checkgroup-example[small] input[type=checkbox] + label {
  line-height: 20px;
  line-height: var(--spacing-scale-2xh);
  min-height: 20px;
  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.meeting-polls__button input[type=checkbox] + label:before,
.checkgroup-example[small] input[type=checkbox] + label:before {
  height: 20px;
  height: var(--spacing-scale-2xh);
  width: 20px;
  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.meeting-polls__button input[type=checkbox]:checked + label:after,
.checkgroup-example[small] input[type=checkbox]:checked + label:after {
  border-width: 0 2px 2px 0;
  height: 12px;
  height: var(--icon-size-sm);
  left: 7px;
  top: 6px;
  width: 6px;
}
.checkgroup-example.is-small input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example.small input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example.meeting-polls__button input[type=checkbox]:checked[indeterminate] + label:after,
.checkgroup-example[small] input[type=checkbox]:checked[indeterminate] + label:after {
  border-color: #fff;
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  top: 2px;
  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: #e52207;
  border-color: var(--color-danger, #e52207);
  border-width: 2px;
}
.checkgroup-example.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]: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]: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]: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 {
  border-color: #e52207;
  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: #168821;
  border-color: var(--color-success, #168821);
  border-width: 2px;
}
.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type=checkbox]:checked + label:before,
.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]: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]: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 {
  border-color: #168821;
  border-color: var(--color-success, #168821);
}
[data-toggle=collapse]:not(:disabled):hover {
  background-image: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  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: #c2850c;
  outline-color: var(--focus);
  outline-offset: 4px;
  outline-offset: var(--focus-offset);
  outline-style: dashed;
  outline-style: var(--focus-style);
  outline-width: 4px;
  outline-width: var(--focus-width);
}
/*# sourceMappingURL=core.min.css.map*/
[data-toggle] span {
  margin-right: 0 !important;
}
.br-dropdown-text {
  display: flex;
  width: 100px;
}
.mobile-logo {
  max-height: 67px !important;
}
.gov-logo {
  max-height: 38px;
}
#br-header {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1607843137);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999;
}
.current-user-dropdown {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0 0.2rem;
}
.sign-in-button {
  display: contents;
}
.wpp-icon-mobile {
  margin-left: auto;
  display: block;
  margin-right: 1rem;
  margin-top: 6px;
}
.wpp-icon-fixed {
  position: fixed;
  bottom: 24px;
  right: 24px;
}
.carousel-content img {
  height: 100%;
}
.menu-title a {
  color: var(---gray-80);
}
.default-link u {
  text-decoration: none;
}
.br-decidim-logo img {
  height: 14px !important;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(243deg) brightness(100%) contrast(105%);
}
.br-decidim-logo {
  display: flex;
  align-items: center;
  margin-top: 0;
  max-width: 168px;
  max-height: 48px;
}
[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
  box-shadow: none;
  border: 0;
}
.black-and-white-btn {
  border-color: #1b1b1b !important;
  border-color: var(--gray-90) !important;
  color: #333 !important;
  color: var(--gray-80) !important;
  gap: 8px;
}
.large-button {
  width: 100%;
}
.locale-select {
  color: #1351b4;
  color: var(--interactive);
  cursor: pointer;
  width: 54px;
  padding-bottom: 7px !important;
  font-weight: 500;
  margin-right: 10px;
  border: 0;
}
.locale-select:focus,
.locale-select:hover {
  background-color: #fff;
  background-color: var(--background);
  color: #1351b4;
  color: var(--interactive);
}
:root {
  --primary: var(--blue-warm-vivid-70);
  --banner-mobile: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmdxIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3ba97ce1e4e0cd6000149c10d9aa645a24751779/ppa_memorias_mob.jpg");
  --banner-desktop: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmNxIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a0b3ac30a4b6baa1294c0e1bfc3baf29bd62fcaa/ppa_memorias_desk.jpg");
  --hover: 0.16;
  --interactive-rgb: 19, 81, 180;
  --interactive-rgb-primary-btn: 255, 255, 255;
  --color-rgb: 51, 51, 51;
  /* Colors: */
  ---white: #ffffff;
  /* Font/text values */
  --unnamed-font-family-rawline: "rawline";
  --unnamed-font-family-font-awesome-5-free: Font Awesome 5 Free;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-normal: normal;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-25: 25px;
  --unnamed-line-spacing-40: 40px;
  --unnamed-line-spacing-60: 60px;
  --unnamed-line-spacing-120: 120px;
  --unnamed-line-spacing-20-299999237060547: 20.299999237060547px;
  --unnamed-line-spacing-23-18400001525879: 23.18400001525879px;
  --unnamed-line-spacing-16-18000030517578: 16.18000030517578px;
  --unnamed-line-spacing-19-31999969482422: 19.31999969482422px;
  --unnamed-line-spacing-14-09000015258789: 14.09000015258789px;
  --unnamed-line-spacing-27-809999465942383: 27.809999465942383px;
  --unnamed-line-spacing-57-68000030517578: 57.68000030517578px;
  --unnamed-line-spacing-40-060001373291016: 40.060001373291016px;
  --unnamed-line-spacing-33-380001068115234: 33.380001068115234px;
  --unnamed-line-spacing-48-06999969482422: 48.06999969482422px;
  --input-medium: 40px;
  --input-size: var(--input-medium);
}
/* Character Styles */
.heading3 {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 29.036px;
  font-size: var(--font-size-scale-up-04);
  line-height: 33.380001068115234px;
  line-height: var(--unnamed-line-spacing-33-380001068115234);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.heading2, .card--full .card__title {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: normal;
  font-weight: var(--unnamed-font-weight-normal);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 23.18400001525879px;
  line-height: var(--unnamed-line-spacing-23-18400001525879);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.wrapper {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.heading4 {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: normal;
  font-weight: var(--unnamed-font-weight-normal);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 23.18400001525879px;
  line-height: var(--unnamed-line-spacing-23-18400001525879);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
p {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: normal;
  font-weight: var(--unnamed-font-weight-normal);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  line-height: 20.299999237060547px;
  line-height: var(--unnamed-line-spacing-20-299999237060547);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.blog-content p,
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content strong {
  color: #555 !important;
  color: var(--gray-70) !important;
}
a,
a:hover,
.card__link {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-decoration: none;
}
.menu a,
.menu .button,
.menu .meeting-polls__button {
  padding: 0;
}
.button, .meeting-polls__button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  text-transform: none;
  align-items: center;
  border: 0;
  border-radius: var(--button-radius);
  color: #ffffff;
  color: var(---white);
  cursor: pointer;
  display: inline-flex;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-medium);
  justify-content: center;
  overflow: hidden;
  padding: 0 var(--button-xsmall);
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: wrap;
  width: auto;
  gap: 10px;
  line-height: 1.1rem;
  margin: 0;
}
.button:hover, .meeting-polls__button:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
  background-image: linear-gradient(rgba(var(--interactive-rgb-primary-btn), var(--hover)), rgba(var(--interactive-rgb-primary-btn), var(--hover)));
}
.topbar__search .input-group-button,
.filters__search .input-group-button {
  position: relative;
  height: 1px;
  vertical-align: top;
  background: #f8f8f8;
  background: var(--gray-2);
  padding: 6px 4px 0 4px;
}
.topbar__search:not(:focus-within) button,
.topbar__search:focus-within button,
.filters__search:not(:focus-within) button,
.filters__search:focus-within button {
  background: #f8f8f8;
  background: var(--gray-2);
}
::-moz-placeholder {
  color: #333;
  color: var(--gray-80);
  font-style: italic;
  font-weight: 300;
  font-weight: var(--font-weight-light);
  opacity: 1;
}
::placeholder {
  color: #333;
  color: var(--gray-80);
  font-style: italic;
  font-weight: 300;
  font-weight: var(--font-weight-light);
  opacity: 1;
}
.filters__search .input-group-button button .icon {
  width: 0.875em;
  height: 0.875em;
  fill: #1351b4 !important;
  fill: var(--blue-warm-vivid-70) !important;
}
.card--secondary {
  background: #ffffff;
  background: var(---white);
}
.topbar__search input,
.topbar__search input:focus,
.filters__search input,
.filters__search input:focus,
.input-group input,
.input-group input:focus {
  background: #f8f8f8;
  background: var(--gray-2);
  border-radius: 4px 0 0 4px;
  border-radius: var(--surface-rounder-sm) 0 0 var(--surface-rounder-sm);
  border-style: solid;
  border-style: var(--border-style);
  border-width: 0px;
  color: #333;
  color: var(--gray-80);
  display: block;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  line-height: 23.18400001525879px;
  line-height: var(--unnamed-line-spacing-23-18400001525879);
  font-weight: 300;
  font-weight: var(--font-weight-light);
  height: 40px;
  height: var(--input-size);
  padding-bottom: 0;
  padding-left: 16px;
  padding-left: var(--spacing-scale-2x);
  padding-right: 16px;
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
  box-shadow: none;
  border: 0;
}
.topbar__search button,
.filters__search .input-group .input-group-button button {
  background: #f8f8f8;
  background: var(--gray-2);
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
}
.button-wrapper button svg {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
body {
  font-family: "rawline", sans-serif !important;
  color: #333;
  color: var(--gray-80);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "rawline", sans-serif !important;
}
.heading-small {
  font-family: "rawline", sans-serif;
  font-weight: normal;
  font-weight: var(--unnamed-font-weight-normal);
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01);
  line-height: 16.18000030517578px;
  line-height: var(--unnamed-line-spacing-16-18000030517578);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
}
.external-link-container > .external-link-indicator {
  height: 0.75rem;
  width: 0.75rem;
  margin: 0 4px -1px 0.175rem;
}
.input-group-button {
  background: #f8f8f8;
  background: var(--gray-2);
  padding: 0 6px;
}
.gallery__container {
  border: none !important;
  margin: 0 !important;
}
.gallery__container .column, .gallery__container .columns {
  padding-right: 0px;
  padding-left: 0px;
}
.input-group-button button {
  height: 2.5rem;
  padding: 0;
  background: #f8f8f8;
  background: var(--gray-2);
  height: 30px;
  width: 30px;
  border-radius: 50% !important;
}
.input-group-button button:hover {
  filter: brightness(95%);
  text-decoration: none;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
}
.input-group-button button svg {
  fill: #1351b4 !important;
  fill: var(--blue-warm-vivid-70) !important;
}
.text-highlight {
  color: #333;
  color: var(--gray-80);
  text-align: center;
  opacity: 1;
  text-shadow: none;
  margin: none;
}
.columns .heading3 {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: italic;
  font-weight: 500;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 23.18400001525879px;
  line-height: var(--unnamed-line-spacing-23-18400001525879);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.columns ul li {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 19.31999969482422px;
  line-height: var(--unnamed-line-spacing-19-31999969482422);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.m-bottom {
  margin-bottom: 2rem;
}
.m-bottom.small, .m-bottom.meeting-polls__button {
  margin-bottom: 1.5rem;
}
.m-bottom a {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 600;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 19.31999969482422px;
  line-height: var(--unnamed-line-spacing-19-31999969482422);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #0076d6;
  color: var(--blue-vivid-50);
  border-radius: 20px;
  padding: 0.5rem 1rem;
  margin: 2rem 0;
}
.m-bottom a:hover {
  background: #dbe8fb;
  background: var(--blue-10);
}
.m-bottom a svg {
  margin: 0 8px;
}
.wrapper .view-header {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 19.31999969482422px;
  line-height: var(--unnamed-line-spacing-19-31999969482422);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  margin-bottom: 0;
}
.view-header .author--inline {
  padding: 1rem;
  color: #0076d6;
  color: var(--blue-vivid-50);
}
.view-header .author-data__extra {
  font-weight: 300;
  font-weight: var(--font-weight-light);
  display: inline-flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.title-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.title-action__action .icon {
  width: 11px;
  height: 11px;
  margin: 0.1rem 0 0 0.5rem;
}
.button.hollow, .meeting-polls__button {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  border-color: #1351b4;
  border-color: var(--blue-warm-vivid-70);
  background-color: transparent;
  text-decoration: none;
  padding: 10px 20px;
  min-width: 180px;
}
.br-profile-buttons {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.button.hollow:hover, .meeting-polls__button:hover {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  border-color: #1351b4;
  border-color: var(--blue-warm-vivid-70);
  background-color: rgba(19, 81, 180, 0.16);
  background-color: rgba(var(--interactive-rgb), var(--hover));
  text-decoration: none;
  padding: 10px 20px;
  min-width: 180px;
}
.author-data__extra > button,
.author-data__extra > span,
.author-data__extra > a {
  margin-right: 0;
}
.close-button:hover,
.close-button:focus {
  color: #ffffff;
  color: var(---white);
}
/* INICIAL PAGE */
.hero-heading {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
  font-size: 34.832px;
  font-size: var(--font-size-scale-up-05);
  line-height: 48.06999969482422px;
  line-height: var(--unnamed-line-spacing-48-06999969482422);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
  text-align: center;
  opacity: 1;
}
.hero__container div div a {
  background: #168821 0% 0% no-repeat padding-box;
  background: var(--green-cool-vivid-50) 0% 0% no-repeat padding-box;
  color: #ffffff;
  color: var(---white);
  text-transform: none;
  border: 12px solid #f7f9fa;
  border: 12px solid var(--gray-cool-2);
  padding: 12px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1607843137);
  margin: 0 auto;
}
.hero__container div div a:hover {
  opacity: 1;
  border: 12px solid #ffffff;
  border: 12px solid var(---white);
  background: #168821 0% 0% no-repeat padding-box;
  background: var(--green-cool-vivid-50) 0% 0% no-repeat padding-box;
}
.hero-cta {
  padding: 0px;
  margin: 0px;
}
.home-section:nth-child(2n) {
  background-color: #f6f6f6;
  background-color: var(--gray-3);
}
.home-section:nth-of-type(2n + 1) {
  background-color: #ffffff;
  background-color: var(---white);
}
.home-stats__highlight .statistic__data {
  padding: 1.5rem 1rem;
  background: #ffffff;
  background: var(---white);
  min-width: 280px;
  min-height: 69px;
}
.home-stats__highlight .statistic__number {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 400 !important;
  font-size: 1.5rem;
  line-height: 57.68000030517578px;
  line-height: var(--unnamed-line-spacing-57-68000030517578);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.statistics-cell .statistic__title {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  line-height: "normal";
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  text-transform: none;
}
.home-stats__lowlight .statistic__data {
  margin: 0 auto;
}
.definition-data__title {
  text-transform: none;
  font-size: 1rem;
  color: #1b1b1b;
  color: var(--gray-90);
}
.extra__suport-text,
.progress__bar.progress__bar--vertical .progress__bar__text {
  font-size: 1rem;
  margin: 0;
}
.card.remaining-votes-counter, .remaining-votes-counter.comment-thread, .remaining-votes-counter.add-message, .conference-speaker .remaining-votes-counter.speaker-bio, .remaining-votes-counter.conference-registration, .remaining-votes-counter.chart-tooltip {
  border: 0px;
  box-shadow: none;
  color: #1b1b1b;
  color: var(--gray-90);
}
.card.remaining-votes-counter .card__content, .remaining-votes-counter.comment-thread .card__content, .remaining-votes-counter.add-message .card__content, .conference-speaker .remaining-votes-counter.speaker-bio .card__content, .remaining-votes-counter.conference-registration .card__content, .remaining-votes-counter.chart-tooltip .card__content, .card.remaining-votes-counter .badge-card__content, .remaining-votes-counter.comment-thread .badge-card__content, .remaining-votes-counter.add-message .badge-card__content, .conference-speaker .remaining-votes-counter.speaker-bio .badge-card__content, .remaining-votes-counter.conference-registration .badge-card__content, .remaining-votes-counter.chart-tooltip .badge-card__content {
  padding: 1rem !important;
}
.card, .comment-thread, .add-message, .conference-speaker .speaker-bio, .conference-registration, .chart-tooltip {
  border-radius: 0;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
}
.card__content, .badge-card__content {
  padding: 1.5rem;
  background: #fff;
  background: var(--pure-0);
}
.card__content:not(:only-child), .badge-card__content:not(:only-child) {
  padding-bottom: 1.5rem;
}
.button--social__text {
  margin-left: 0;
  text-align: center;
}
.button.primary, .primary.meeting-polls__button,
.button.primary.disabled,
.button.primary[disabled],
.button.primary.disabled:hover,
.button.primary[disabled]:hover,
.button.primary.disabled:focus,
.button.primary[disabled]:focus {
  background-color: #dbe8fb;
  background-color: var(--blue-10);
}
.close-button:hover {
  color: #2c2930;
}
.card__text .text-medium span, .card__text .chart-tooltip .tooltip-content span, .chart-tooltip .card__text .tooltip-content span {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  line-height: 20.299999237060547px;
  line-height: var(--unnamed-line-spacing-20-299999237060547);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #333;
  color: var(--gray-80);
}
.card__text .text-medium span a, .card__text .chart-tooltip .tooltip-content span a, .chart-tooltip .card__text .tooltip-content span a {
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 20.299999237060547px;
  line-height: var(--unnamed-line-spacing-20-299999237060547);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: #0076d6;
  color: var(--blue-vivid-50);
  display: block;
  margin: 5px 0;
}
.images .section-heading {
  position: relative;
  margin-bottom: 1rem;
  text-transform: none;
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 23.18400001525879px;
  line-height: var(--unnamed-line-spacing-23-18400001525879);
  letter-spacing: 0px;
  letter-spacing: var(--unnamed-character-spacing-0);
}
.section {
  margin-bottom: 0;
}
.section-heading {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: none;
}
.attachments .section-heading {
  text-transform: capitalize;
}
.section-heading::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  background-color: #1351b4;
  background-color: var(--primary);
  margin-right: 0;
  margin-bottom: 0;
}
.columns.section.view-side.mediumlarge-4.large-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 15px;
  min-width: 300px;
}
.columns.section.view-side.mediumlarge-4.large-3 .card, .columns.section.view-side.mediumlarge-4.large-3 .comment-thread, .columns.section.view-side.mediumlarge-4.large-3 .add-message, .columns.section.view-side.mediumlarge-4.large-3 .conference-speaker .speaker-bio, .conference-speaker .columns.section.view-side.mediumlarge-4.large-3 .speaker-bio, .columns.section.view-side.mediumlarge-4.large-3 .conference-registration, .columns.section.view-side.mediumlarge-4.large-3 .chart-tooltip {
  box-shadow: none;
  border: none;
  margin: 0;
}
.columns.section.view-side.mediumlarge-4.large-3 .card .card__content, .columns.section.view-side.mediumlarge-4.large-3 .comment-thread .card__content, .columns.section.view-side.mediumlarge-4.large-3 .add-message .card__content, .columns.section.view-side.mediumlarge-4.large-3 .conference-speaker .speaker-bio .card__content, .conference-speaker .columns.section.view-side.mediumlarge-4.large-3 .speaker-bio .card__content, .columns.section.view-side.mediumlarge-4.large-3 .conference-registration .card__content, .columns.section.view-side.mediumlarge-4.large-3 .chart-tooltip .card__content, .columns.section.view-side.mediumlarge-4.large-3 .card .badge-card__content, .columns.section.view-side.mediumlarge-4.large-3 .comment-thread .badge-card__content, .columns.section.view-side.mediumlarge-4.large-3 .add-message .badge-card__content, .columns.section.view-side.mediumlarge-4.large-3 .conference-speaker .speaker-bio .badge-card__content, .conference-speaker .columns.section.view-side.mediumlarge-4.large-3 .speaker-bio .badge-card__content, .columns.section.view-side.mediumlarge-4.large-3 .conference-registration .badge-card__content, .columns.section.view-side.mediumlarge-4.large-3 .chart-tooltip .badge-card__content {
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  box-shadow: none;
}
.reveal {
  background-color: #ffffff;
  background-color: var(---white);
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #0c326f;
  background: var(--blue-warm-vivid-80);
  color: #ffffff;
  color: var(---white);
  cursor: default;
  border-radius: 100rem;
  min-width: 30px;
}
textarea,
input[type=text]:not(.input-group-field) {
  background: #ffffff;
  background: var(---white);
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #333;
  color: var(--gray-80);
  display: block;
  font-size: 500;
  font-size: var(--font-weight-medium);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  padding: 12px;
  width: 100%;
}
textarea:hover,
input[type=text]:hover:not(.input-group-field) {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
textarea:focus,
input[type=text]:focus:not(.input-group-field) {
  border-color: #be6400 !important;
  border-color: var(--highlight) !important;
  box-shadow: 0 0 0 2px #be6400;
  box-shadow: 0 0 0 2px var(--highlight);
  outline: none;
}
.tabs-panel {
  margin: 1rem 0;
}
/* AJUDA */
.tabs {
  background-color: #ffffff;
  background-color: var(---white);
}
.tabs-content {
  padding: 1rem 1.5rem;
}
.main-container {
  background-color: transparent;
  padding: 0;
  border: none;
}
.main-container__content {
  padding: 0;
}
@media (min-width: 640px) {
  .main-container__content {
    padding: 0 1.5rem;
  }
}
.page-title {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 2rem;
  padding: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
.page-subtitle {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding: 0;
  margin: 0;
}
.row-counter {
  max-width: 100% !important;
}
/* ------- Calendario ----- */
.button--icon.hollow.secondary .icon-wrap, .button--icon.secondary.meeting-polls__button .icon-wrap {
  border-right: 1px solid #1351b4;
  border-right: 1px solid var(--blue-warm-vivid-70);
  background: #1351b4;
  background: var(--blue-warm-vivid-70);
  border-radius: 25px 0 0 25px;
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
  color: #ffffff;
  color: var(---white);
}
.button--icon.hollow.secondary .icon-wrap, .button--icon.secondary.meeting-polls__button .icon-wrap {
  font-weight: 800;
  font-weight: var(--font-weight-extra-bold);
}
.button.secondary.hollow, .secondary.meeting-polls__button {
  background: #ffffff;
  background: var(---white);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  border-color: #1351b4;
  border-color: var(--blue-warm-vivid-70);
}
.button.secondary.hollow:hover, .secondary.meeting-polls__button:hover {
  background: #1351b4;
  background: var(--blue-warm-vivid-70);
  border-color: #1351b4;
  border-color: var(--blue-warm-vivid-70);
  color: #ffffff;
  color: var(---white);
}
.card__support {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
  border-radius: 4px;
  color: #333;
  color: var(--gray-80);
  border: 1px solid #cccccc;
  background: #ffffff 0% 0% no-repeat padding-box;
  background: var(---white) 0% 0% no-repeat padding-box;
  accent-color: #1351b4;
  accent-color: var(--blue-warm-vivid-70);
}
label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #333;
  color: var(--gray-80);
}
.view-header .author-data__extra {
  font-weight: 300;
  font-weight: var(--font-weight-light);
}
.author-data__extra::before {
  border-right: 0;
}
.button.active, .active.meeting-polls__button,
.button:active,
.meeting-polls__button:active {
  filter: none;
}
.filters__section, .filters__section--general {
  border-bottom: 1px solid #e8e8e8;
  padding: 1rem 0 1.5rem 0;
}
.card__footer, .card__top {
  background: #ffffff;
  background: var(---white);
}
a.button--govbr span.button--social__text::last-child::before {
  content: " ";
  font-weight: 900;
  font-weight: var(--font-weight-black);
}
a.button.button--social.button--govbr, a.button--social.button--govbr.meeting-polls__button {
  gap: 0;
}
a.button--govbr span.button--social__text::last-child {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
img#unb-logo {
  max-width: 62px;
}
span.button--social__text strong {
  font-weight: 900;
  font-weight: var(--font-weight-black);
}
blockquote {
  border: 0;
}
.wrapper--inner {
  background: #ffffff;
  background: var(---white);
}
.tabs-content {
  padding: 1rem 1.5rem;
  margin: 1rem 0;
}
/* ACESSIBILIDADE */
div[vw] {
  margin: -45vh 10px 0 0;
}
/* DISPLAY NONES - NÃO ME ORGULHO DE NADA DISSO */
.logos__section span.external-link-indicator {
  display: none;
}
a[href="#comments"] {
  display: none !important;
}
.hero__link-vote {
  background: #168821;
  background: var(--green-cool-vivid-50);
  color: #ffffff;
  color: var(---white);
  text-transform: none;
  border: 10px solid #f7f9fa;
  border: 10px solid var(--gray-cool-2);
  padding: 0.75rem 1.5rem;
  box-shadow: 0px 1px 6px 0px;
  height: var(--button-medium);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  height: 64px;
  width: 100%;
  align-self: center;
}
.hero__link-vote:hover {
  opacity: 1;
  border: 10px solid #ffffff;
  border: 10px solid var(---white);
  padding: 0.5rem 1.5rem;
  background: #168821;
  background: var(--green-cool-vivid-50);
}
.hero__container__img {
  background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmdxIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--3ba97ce1e4e0cd6000149c10d9aa645a24751779/ppa_memorias_mob.jpg");
  background-image: var(--banner-mobile);
  background-size: cover;
  width: 100%;
  padding-bottom: 57%; /* 60.5 */
  background-repeat: round;
  height: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
.hero__container__img::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  filter: blur(0px);
}
.callout {
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border: 0 !important;
  margin: 0;
}
.callout.warning {
  background-color: #dbe8fb;
  background-color: var(--blue-10);
}
.callout.warning p.heading5, .callout.warning p.card__title, .callout.warning .author-data--big p.author__name, .author-data--big .callout.warning p.author__name {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.logos__container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 24px;
  margin: 0 auto;
  flex-wrap: wrap;
  align-items: center;
}
.home-stats .section-statistics .statistics-cell {
  display: flex;
  flex-flow: row;
  justify-content: center;
  min-width: auto;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 8px;
}
@media (min-width: 768px) {
  .home-stats .section-statistics .statistics-cell {
    justify-content: center;
    gap: 1.5rem;
    padding: 2rem 2.5rem 2.5rem 2.5rem;
  }
  .process-card #first-card {
    width: 210px;
  }
  .new-features-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
  }
  .hero__container__img {
    background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdmNxIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--a0b3ac30a4b6baa1294c0e1bfc3baf29bd62fcaa/ppa_memorias_desk.jpg");
    background-image: var(--banner-desktop);
    background-size: cover;
    width: 100%;
    padding-bottom: 34%; /* 35.5 */
    background-repeat: round;
    height: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .hero__link-vote {
    background: #168821;
    background: var(--green-cool-vivid-50);
    color: #ffffff;
    color: var(---white);
    text-transform: none;
    border: 10px solid #f7f9fa;
    border: 10px solid var(--gray-cool-2);
    padding: 1rem 1.5rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    margin: 0 auto;
    height: var(--button-medium);
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  .hero__link-vote:hover {
    opacity: 1;
    border: 10px solid #ffffff;
    border: 10px solid var(---white);
    padding: 1rem 1.5rem;
    background: #168821;
    background: var(--green-cool-vivid-50);
  }
}
@media (min-width: 1024px) {
  .hero__link-vote {
    background: #168821;
    background: var(--green-cool-vivid-50);
    color: #ffffff;
    color: var(---white);
    text-transform: none;
    border: 10px solid #f7f9fa;
    border: 10px solid var(--gray-cool-2);
    padding: 1.5rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    margin: 0 auto;
    height: var(--button-medium);
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .hero__link-vote:hover {
    opacity: 1;
    padding: 1.5rem;
    font-size: 1.5rem;
    border: 10px solid #ffffff;
    border: 10px solid var(---white);
    background: #168821;
    background: var(--green-cool-vivid-50);
  }
}
@media (min-width: 2048px) {
  .hero__link-vote {
    background: #168821;
    background: var(--green-cool-vivid-50);
    color: #ffffff;
    color: var(---white);
    text-transform: none;
    border: 10px solid #f7f9fa;
    border: 10px solid var(--gray-cool-2);
    padding: 2.5rem;
    font-size: 2.5rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    margin: 0 auto;
    height: var(--button-medium);
    margin-bottom: 2rem;
  }
  .hero__link-vote:hover {
    opacity: 1;
    padding: 2.5rem;
    font-size: 2.5rem;
    border: 10px solid #ffffff;
    border: 10px solid var(---white);
    background: #168821;
    background: var(--green-cool-vivid-50);
  }
}
.logos__section {
  background-color: #ffffff;
  background-color: var(---white);
  padding: 2rem 1rem;
}
.suporters_container,
.organizers_container {
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  gap: 1.5rem;
  margin: 0 auto;
  flex-wrap: wrap;
  min-height: 40px;
}
#proposals a[href*="with_availability%5D=withdrawn"] {
  display: none;
}
div.columns.large-12 div.section.images h3.section-heading,
div.columns.large-12 div.section.images .gallery.row .columns.small-6.medium-4.end {
  display: block;
}
/* Estatísticas na Home */
.section-statistics .statistic__data.processes_count,
.section-statistics .statistic__data.assemblies_count,
.section-statistics .statistic__data.conferences_count,
.home-stats .home-stats__lowlight {
  display: none;
}
.home-stats__highlight {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.home-stats {
  margin: 0;
  overflow: visible;
  overflow: initial;
}
.statistics-cell .statistic__data {
  text-align: center;
  width: 100%;
  position: relative;
}
.hero-link,
.hero-link:hover,
.hero-link:visited {
  display: flex;
  padding: 12px 24px;
  gap: 0.5rem;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  border-radius: 100px;
  background: var(---blue-warm-vivid-80);
  color: #ffffff;
  color: var(---white);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  border: none;
  margin: 2rem auto 1.5rem auto;
  max-width: 400px;
}
.hero-link-icon {
  color: #ffffff;
  color: var(---white);
}
.create-profile-link,
.create-profile-link:hover {
  display: flex;
  padding: 8px 48px;
  gap: 0.5rem;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  border-radius: 100px;
  background: #ffffff;
  background: var(---white);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  max-width: 207px;
  margin: 1.5rem auto;
}
.create-profile-link:hover {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  border-color: #1351b4;
  border-color: var(--blue-warm-vivid-70);
  background-color: rgba(19, 81, 180, 0.16);
  background-color: rgba(var(--interactive-rgb), var(--hover));
  text-decoration: none;
}
.create-profile-link-icon {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.ppa-process-container {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0.75rem;
}
.ppa-process {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: auto;
}
.process-icon {
  color: var(---blue-warm-vivid-80);
}
.process-card {
  display: flex;
  width: 290px;
  height: 210px;
  max-width: 380px;
  padding: 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  background: #ffffff;
  background: var(---white);
  box-shadow: 0px 6px 6px 0px rgba(51, 51, 51, 0.16);
  text-align: center;
}
.card-name {
  color: var(--default-black);
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-style: normal;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  line-height: normal;
  flex-direction: column;
  margin-bottom: 8px;
}
.bp-logo-container {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}
.card-content {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  max-width: 400px;
  width: auto;
  color: #333;
  color: var(--gray-80);
}
.ppa-info-text {
  color: var(--default-black);
  text-align: center;
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: normal;
  max-width: 630px;
  margin: 32px 0;
  display: flex;
}
.new-feature-card {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.hero__link-vote {
  background: #168821;
  background: var(--green-cool-vivid-50);
  color: #ffffff;
  color: var(---white);
  text-transform: none;
  border: 10px solid #f7f9fa;
  border: 10px solid var(--gray-cool-2);
  padding: 0.75rem 1.5rem;
  box-shadow: 0px 1px 6px 0px;
  height: var(--button-medium);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  height: 64px;
  width: 100%;
  align-self: center;
}
.home-section-title,
#statistics .heading3 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  line-height: normal;
  font-family: "rawline";
  font-family: var(--unnamed-font-family-rawline);
  font-style: normal;
  font-style: var(--unnamed-font-style-normal);
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
}
.new-features-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3rem 1.25rem 3rem 1.25rem;
}
.card-see-more {
  color: #2670e8;
  color: var(--blue-warm-vivid-50);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-style: normal;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin-left: auto;
}
.new-feature-icon-background {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #168821;
  background-color: var(--green-cool-vivid-50);
  padding: 14px 6px 0 0;
  color: #ffffff;
  color: var(---white);
  margin-bottom: 1rem;
}
.ppa-process-arrow-icon {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.bp-logo {
  width: 300px;
  margin: 0 auto;
}
.new-feature-divider {
  display: none;
}
.rich-text-display a {
  max-width: 320px;
  display: inline-block;
}
@media (min-width: 768px) {
  .rich-text-display a {
    max-width: 100%;
  }
  .ppa-process {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 630px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ppa-process-arrow-icon {
    transform: rotate(-90deg);
  }
  .bp-logo {
    width: 430px;
    margin: 0 auto;
  }
  .home-section-title,
  #statistics .heading3 {
    font-weight: 600 !important;
    font-weight: var(--font-weight-semi-bold) !important;
    font-size: 29.036px;
    font-size: var(--font-size-scale-up-04);
  }
}
@media (min-width: 1310px) {
  .new-features-content {
    display: flex;
    margin: 0 auto;
    gap: 0px;
    flex-direction: column;
  }
}
@media (min-width: 1284px) {
  .ppa-process {
    width: auto;
  }
  .ppa-info-text {
    width: auto;
  }
  .new-features-content {
    display: flex;
    margin: 0 auto;
    gap: 5rem;
    flex-direction: row;
  }
  .new-feature-divider {
    display: block;
    width: 1px;
    height: 80px;
    background: #c6cace;
    background: var(--gray-cool-20);
  }
  .logos__container {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
  }
  .home-stats .section-statistics .statistics-cell {
    justify-content: center;
    min-width: 680px;
    flex-wrap: nowrap;
    gap: 1.5rem;
    padding: 2rem 2.5rem 2.5rem 2.5rem;
  }
}
#statistics {
  background: #f8f8f8;
  background: var(--gray-2);
  padding: 1.5rem 1rem;
}
.space-menu {
  justify-content: center;
}
.br-container-lg .row,
.wrapper.wrapper--inner .row {
  max-width: 100%;
}
.admin--links {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.social-register {
  display: flex;
  justify-content: center;
}
.meta-card {
  display: flex;
  flex-direction: column;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.5rem;
  width: 50%;
  gap: 1rem;
}
.meta-card p {
  margin: 0;
}
.card__author {
  display: none;
}
.row.collapse.buttons__row {
  display: none;
}
.results-per-page__dropdown {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.see-index-container {
  justify-content: flex-start;
}
.tab-item a span {
  font-size: 16px;
}
.process-nav ul {
  justify-content: flex-start !important;
}
.progress__bar.progress__bar--vertical .progress__bar__title,
.progress__bar.progress__bar--vertical .progress__bar__subtitle {
  margin-bottom: 0;
}
.bp-divider {
  width: 100%;
  height: 1px;
  background-color: #f3f3f3;
  background-color: var(--gray-4);
}
.callout.alert:has(.incomplete-profile) {
  display: flex;
  padding: 1.5rem 1rem;
}
.incomplete-profile {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
}
.incomplete-profile .fa-solid {
  margin-left: auto;
  font-size: 1.5rem;
}
.incomplete-profile h3, .incomplete-profile p {
  margin: 0;
  padding: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  line-height: 100%;
}
.incomplete-profile h3 {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  margin-bottom: 1rem;
}
.incomplete-profile p {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.collapse-item {
  font-size: 16px;
}
.collapse-title {
  padding-left: 16px;
}
.collapse-item-content, .collapse-text {
  padding: 16px 0px 16px 0px;
  font-size: 16px;
}
.blog-title {
  font-size: 1.25rem !important;
  line-height: 1.65rem;
  font-weight: 600;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  padding-bottom: 10px;
  margin: 0;
}
.blog-subtitle {
  font-size: 0.925rem !important;
  font-weight: 400;
  color: #555;
  line-height: normal;
  margin: 0;
  padding: 0.5rem 0 2rem;
}
.blog-content .section {
  margin: 2rem 0;
}
.ql-editor-display p img {
  display: flex;
  max-width: 250px;
  margin: 0 auto;
}
.blog-content .section .ql-editor-display p {
  font-size: 16px;
}
.blog-content .section .ql-editor-display {
  min-height: 4.375rem;
}
.blog-content .section .ql-editor-display p:first-child:first-letter {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 3rem;
  display: block;
  font-weight: 700;
  float: left;
  line-height: 2rem;
  margin-right: 20px;
  text-transform: uppercase;
}
.blog-image-cover-container {
  display: flex;
  justify-content: center;
}
.news-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
.news-cover-image {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-item {
  list-style: none;
}
.news-card {
  display: flex;
  justify-content: left;
  align-items: start;
  gap: 16px;
}
.news-content {
  flex: 1 1;
}
.news-title,
.news-title a {
  display: block;
  margin: 0;
  padding: 0 0 0.5rem 0;
  line-height: 1.25rem;
  font-weight: 500;
  font-size: 1rem;
}
.news-title:hover,
.news-title a:hover {
  color: #2670e8;
  color: var(--blue-warm-vivid-50);
}
.br-card-content {
  padding: 16px 16px 0 16px;
  color: #000;
  color: var(--pure-100);
}
.news-date {
  color: #555;
  color: var(--gray-70);
}
.br-card-title {
  margin: 0;
  padding: 0;
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
}
.br-card-date {
  font-size: 11.662px;
  font-size: var(--font-size-scale-down-01);
}
.social-links {
  justify-content: center;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.social-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  padding: 12px 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2.5rem;
  gap: 1rem;
}
.align-end {
  justify-content: flex-end;
}
.date-post {
  justify-content: flex-start;
}
.social-links label {
  font-size: 12px;
}
.news-list ul {
  margin: 0;
}
.pagination-container {
  margin: 1.5rem 0;
}
.news-cover-image.default {
  background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0lXQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8bafc7018fb30be9c9347f0bc17a9ca1fe1daa6c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RW5KbGMybDZaVjkwYjE5bWFYUmJCekJwQWUwPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--171d9994dc609ecef1be7720602b460197f36ae5/de091323edc331be9ff2d0371d76e62414923bd9.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .blog-content .section .ql-editor-display p:first-child:first-letter {
    font-size: 5rem;
    line-height: 4rem;
  }
  .ql-editor-display p img {
    display: flex;
    max-width: 648px;
    margin: 0 auto;
  }
  .news-cover-image {
    width: 200px;
    height: 133px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .social-container {
    flex-direction: row;
  }
  .social-container:last-child {
    justify-content: flex-end;
  }
  .blog-title {
    font-size: 2.25rem !important;
    line-height: 2.65rem;
  }
  .blog-subtitle {
    font-size: 1.125rem !important;
  }
}
.participatory-text-list {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.participatory-text-title {
  font-size: 34.84px;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  margin-bottom: 1.5rem;
}
.participatory-text-item {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
}
.participatory-text-item .article-title {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 100%;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  padding: 0;
  margin: 0;
}
.participatory-text-item .rich-text-display {
  margin-top: 0.5rem;
}
.participatory-text-item .participatory-text-index {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background-color: #1351b4;
  background-color: var(--blue-warm-vivid-70);
  text-align: center;
  color: #fff;
  color: var(--pure-0);
  width: auto;
  min-width: 26px;
  height: 28px;
  border-radius: 100px;
  padding-top: 2px;
  padding-right: 8px;
  padding-bottom: 2px;
  padding-left: 8px;
}
.participatory-text-item .icon-park {
  width: 14px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjUgMkM0LjUgMi41MzA0MyA0LjI4OTI5IDMuMDM5MTQgMy45MTQyMSAzLjQxNDIxQzMuNTM5MTQgMy43ODkyOSAzLjAzMDQzIDQgMi41IDRDMS45Njk1NyA0IDEuNDYwODYgMy43ODkyOSAxLjA4NTc5IDMuNDE0MjFDMC43MTA3MTQgMy4wMzkxNCAwLjUgMi41MzA0MyAwLjUgMkMwLjUgMS40Njk1NyAwLjcxMDcxNCAwLjk2MDg1OSAxLjA4NTc5IDAuNTg1Nzg2QzEuNDYwODYgMC4yMTA3MTQgMS45Njk1NyAwIDIuNSAwQzMuMDMwNDMgMCAzLjUzOTE0IDAuMjEwNzE0IDMuOTE0MjEgMC41ODU3ODZDNC4yODkyOSAwLjk2MDg1OSA0LjUgMS40Njk1NyA0LjUgMlpNMi41IDExQzMuMDMwNDMgMTEgMy41MzkxNCAxMC43ODkzIDMuOTE0MjEgMTAuNDE0MkM0LjI4OTI5IDEwLjAzOTEgNC41IDkuNTMwNDMgNC41IDlDNC41IDguNDY5NTcgNC4yODkyOSA3Ljk2MDg2IDMuOTE0MjEgNy41ODU3OUMzLjUzOTE0IDcuMjEwNzEgMy4wMzA0MyA3IDIuNSA3QzEuOTY5NTcgNyAxLjQ2MDg2IDcuMjEwNzEgMS4wODU3OSA3LjU4NTc5QzAuNzEwNzE0IDcuOTYwODYgMC41IDguNDY5NTcgMC41IDlDMC41IDkuNTMwNDMgMC43MTA3MTQgMTAuMDM5MSAxLjA4NTc5IDEwLjQxNDJDMS40NjA4NiAxMC43ODkzIDEuOTY5NTcgMTEgMi41IDExWk0yLjUgMThDMy4wMzA0MyAxOCAzLjUzOTE0IDE3Ljc4OTMgMy45MTQyMSAxNy40MTQyQzQuMjg5MjkgMTcuMDM5MSA0LjUgMTYuNTMwNCA0LjUgMTZDNC41IDE1LjQ2OTYgNC4yODkyOSAxNC45NjA5IDMuOTE0MjEgMTQuNTg1OEMzLjUzOTE0IDE0LjIxMDcgMy4wMzA0MyAxNCAyLjUgMTRDMS45Njk1NyAxNCAxLjQ2MDg2IDE0LjIxMDcgMS4wODU3OSAxNC41ODU4QzAuNzEwNzE0IDE0Ljk2MDkgMC41IDE1LjQ2OTYgMC41IDE2QzAuNSAxNi41MzA0IDAuNzEwNzE0IDE3LjAzOTEgMS4wODU3OSAxNy40MTQyQzEuNDYwODYgMTcuNzg5MyAxLjk2OTU3IDE4IDIuNSAxOFpNMTMuNSAyQzEzLjUgMi41MzA0MyAxMy4yODkzIDMuMDM5MTQgMTIuOTE0MiAzLjQxNDIxQzEyLjUzOTEgMy43ODkyOSAxMi4wMzA0IDQgMTEuNSA0QzEwLjk2OTYgNCAxMC40NjA5IDMuNzg5MjkgMTAuMDg1OCAzLjQxNDIxQzkuNzEwNzEgMy4wMzkxNCA5LjUgMi41MzA0MyA5LjUgMkM5LjUgMS40Njk1NyA5LjcxMDcxIDAuOTYwODU5IDEwLjA4NTggMC41ODU3ODZDMTAuNDYwOSAwLjIxMDcxNCAxMC45Njk2IDAgMTEuNSAwQzEyLjAzMDQgMCAxMi41MzkxIDAuMjEwNzE0IDEyLjkxNDIgMC41ODU3ODZDMTMuMjg5MyAwLjk2MDg1OSAxMy41IDEuNDY5NTcgMTMuNSAyWk0xMS41IDExQzEyLjAzMDQgMTEgMTIuNTM5MSAxMC43ODkzIDEyLjkxNDIgMTAuNDE0MkMxMy4yODkzIDEwLjAzOTEgMTMuNSA5LjUzMDQzIDEzLjUgOUMxMy41IDguNDY5NTcgMTMuMjg5MyA3Ljk2MDg2IDEyLjkxNDIgNy41ODU3OUMxMi41MzkxIDcuMjEwNzEgMTIuMDMwNCA3IDExLjUgN0MxMC45Njk2IDcgMTAuNDYwOSA3LjIxMDcxIDEwLjA4NTggNy41ODU3OUM5LjcxMDcxIDcuOTYwODYgOS41IDguNDY5NTcgOS41IDlDOS41IDkuNTMwNDMgOS43MTA3MSAxMC4wMzkxIDEwLjA4NTggMTAuNDE0MkMxMC40NjA5IDEwLjc4OTMgMTAuOTY5NiAxMSAxMS41IDExWk0xMS41IDE4QzEyLjAzMDQgMTggMTIuNTM5MSAxNy43ODkzIDEyLjkxNDIgMTcuNDE0MkMxMy4yODkzIDE3LjAzOTEgMTMuNSAxNi41MzA0IDEzLjUgMTZDMTMuNSAxNS40Njk2IDEzLjI4OTMgMTQuOTYwOSAxMi45MTQyIDE0LjU4NThDMTIuNTM5MSAxNC4yMTA3IDEyLjAzMDQgMTQgMTEuNSAxNEMxMC45Njk2IDE0IDEwLjQ2MDkgMTQuMjEwNyAxMC4wODU4IDE0LjU4NThDOS43MTA3MSAxNC45NjA5IDkuNSAxNS40Njk2IDkuNSAxNkM5LjUgMTYuNTMwNCA5LjcxMDcxIDE3LjAzOTEgMTAuMDg1OCAxNy40MTQyQzEwLjQ2MDkgMTcuNzg5MyAxMC45Njk2IDE4IDExLjUgMThaIiBmaWxsPSIjMTM1MUI0Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 5.5px;
}
.participatory-text-item h5 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  line-height: 100%;
}
.participatory-text-item h1 {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 29.036px;
  font-size: var(--font-size-scale-up-04);
  line-height: 120%;
}
.participatory-text-item p, .participatory-text-item h5 {
  margin: 0;
  padding: 0;
}
.participatory-text-item .rich-text-display p {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  color: #1b1b1b;
  color: var(--gray-90);
  line-height: 100%;
}
.participatory-text-item .bp-divider {
  background-color: #ccc !important;
  background-color: var(--gray-20) !important;
}
.participatory-text-item .bp-divider {
  display: block;
}
.participatory-text-item.section .bp-divider,
.participatory-text-item.sub-section .bp-divider {
  display: none;
}
.participatory-text-item:has(+ .participatory-text-item.section) .bp-divider,
.participatory-text-item:has(+ .participatory-text-item.sub-section) .bp-divider,
.participatory-text-item:last-child .bp-divider {
  display: none;
}
.participatory-text-item.edit {
  gap: 2rem;
}
.participatory-text-item.section {
  background-color: #edf5ff !important;
  background-color: var(--blue-warm-vivid-5) !important;
}
.participatory-text-item.section p {
  font-size: 1.5rem !important;
}
.participatory-text-item.sub-section {
  background-color: #f8f8f8 !important;
  background-color: var(--gray-2) !important;
}
.participatory-text-item.sub-section p {
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
}
.participatory-text-item.edit.sub-section {
  background-color: inherit !important;
}
.participatory-text-item.section,
.participatory-text-item.sub-section {
  border-radius: 8px;
}
.participatory-text-item.section .rich-text-display p,
.participatory-text-item.sub-section .rich-text-display p {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: var(--blue-warm-vivid-80);
  line-height: 100%;
}
.participatory-text-item.edit:nth-child(odd) {
  background-color: #f6f6f6;
  background-color: var(--gray-3);
}
.participatory-text-item:hover {
  background: linear-gradient(rgba(19, 81, 180, 0.16), rgba(19, 81, 180, 0.16));
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.participatory-text-item a h6 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1.1rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 400;
}
.participatory-text-item button {
  color: #1351b4;
  color: var(--interactive);
  gap: 1rem;
}
.participatory-text-item button.br-sign-in {
  gap: 0.5rem;
}
.participatory-text-item .item-comments-redirect {
  margin-left: auto;
}
.participatory-text-item .item-actions {
  display: flex;
  gap: 0.7rem;
  flex-direction: row;
  justify-content: flex-end;
}
.participatory-text-item-actions > a:first-child {
  display: none;
}
.participatory-text-item-actions > a:first-child.edit-paragraph-button {
  display: block;
}
.participatory-text-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.participatory-text-item-actions a.secondary,
.participatory-text-item-actions button.secondary {
  gap: 0.5rem;
}
.participatory-text-item-actions .destroy-paragraph-button {
  gap: 0.5rem;
  background-color: inherit;
  margin-left: auto;
  border: none;
}
.participatory-text-button-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.manipulate-paragraph-modal {
  max-width: 450px;
}
.manipulate-paragraph-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.manipulate-paragraph-modal .modal-header button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0c326f;
  border: 1px solid var(--blue-warm-vivid-80);
  border-radius: 100em;
  width: 40px;
  height: 40px;
}
.manipulate-paragraph-modal .modal-header .fa-xmark {
  font-size: 1.25rem;
  color: rgb(23, 51, 101);
}
.manipulate-paragraph-modal h2 {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 120%;
  margin: 0;
  padding: 0;
}
.manipulate-paragraph-modal input {
  height: 63px;
  border-radius: 10px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  color: rgb(37, 37, 38);
  background-color: #dbe8fb;
  background-color: var(--blue-10);
  margin-top: 1rem;
}
.manipulate-paragraph-modal label {
  font-size: 1rem;
  line-height: 150%;
  color: #1b1b1b;
  color: var(--gray-90);
}
.manipulate-paragraph-modal .modal-actions {
  display: flex;
  gap: 0.5rem;
}
.manipulate-paragraph-modal .modal-actions .hollow, .manipulate-paragraph-modal .modal-actions .meeting-polls__button {
  border: none;
  background-color: inherit;
}
.manipulate-paragraph-modal .modal-actions button {
  width: 100%;
}
.manipulate-paragraph-modal .destroy-warning,
.manipulate-paragraph-modal .hide-warning {
  margin: 24px 0;
}
@media (max-width: 768px) {
  .participatory-text-item .item-comments-redirect {
    margin-left: 0;
  }
  .participatory-text-item button.br-sign-in {
    width: 100%;
  }
}
.icon {
  size: 16px;
  gap: 5px;
}
.pagination-link {
  display: flex;
  align-items: center;
}
.pagination a:hover, .pagination button:hover {
  border-radius: 100rem;
}
.proposal-title {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.create-proposal-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
}
.main-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1 1;
}
.side-content {
  display: flex;
  width: 267px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
@media (max-width: 768px) {
  .side-content {
    width: 100%;
  }
}
.proposals-content-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
#results .proposals-content-container {
  display: block;
  flex-direction: row;
  gap: 24px;
}
.proposals-filters {
  min-width: 300px;
  height: -moz-fit-content;
  height: fit-content;
}
.proposals-filters > div {
  display: inline;
}
.diff-view-by,
.order-by {
  margin: 0;
}
.proposals-counter {
  font-weight: 400;
  font-size: 1rem;
  color: #1b1b1b;
  color: var(--gray-90);
}
.order-text {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #1b1b1b;
  color: var(--gray-90);
}
.bp-order-by-container {
  border-radius: 0.25rem;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--gray-10);
}
.bp-result-per-page {
  display: flex;
  min-width: 94px;
  height: 39px;
  justify-content: center;
  border-radius: 4px;
  padding: 8px 12px 8px 16px;
  border: 1px solid #e6e6e6;
  border: 1px solid var(--gray-10);
}
.order-by__dropdown-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
.order-by__dropdown-container > ul {
  padding: 0 0.5rem;
  width: 100%;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
  font-style: italic;
  font-weight: 700;
}
.title {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.title-action-button {
  display: flex;
  align-items: center;
  justify-content: right;
}
.title-action__action {
  gap: 0.5rem;
  max-width: auto;
}
.proposals-button__container {
  padding-left: 0;
}
.user-name-title-h1 {
  display: none;
  justify-content: left;
}
.order__by-content-text {
  font-size: 17px;
  font-weight: 600;
}
.proposals__buttons-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.proposals__button-circle {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  position: relative;
  z-index: 10;
}
.proposals__button-circle:hover {
  background-color: rgba(19, 81, 180, 0.16);
  background-color: rgba(var(--interactive-rgb), var(--hover));
}
.proposals-actions-admin {
  display: flex;
  flex-direction: row;
  padding: 0 0 24px 0;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.proposals-actions-admin .black-and-white-btn {
  width: 100%;
}
.proposals-actions {
  display: flex;
  width: 100%;
  gap: 16px;
  padding: 0px 0px 24px 0px;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 640px) {
  .proposals-actions {
    flex-direction: row;
  }
}
.proposals-criteria-label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 0.5rem;
}
#showRulesButton span.proposals-criteria-label {
  font-size: 16px;
  font-size: var(--font-size-16);
}
.paginate-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  flex-wrap: wrap;
}
.results-per-page {
  visibility: hidden;
}
.order__by-text {
  width: 100%;
}
.proposals-announcement {
  padding-bottom: 1rem;
}
.proposals-announcement .br-announcement h2 {
  padding: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 1.5rem;
}
.proposals-announcement .br-announcement p {
  color: #636363;
  color: var(--gray-60);
  margin: 0;
}
.proposals-announcement > div > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.author__data__card {
  display: flex;
  font-family: "Roboto", Rawline, Raleway, sans-serif;
  font-family: "Roboto", var(--font-family-base);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 14px;
  font-size: var(--font-size-14);
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  gap: 8px;
}
span.author__avatar img {
  width: 20px;
  height: 20px;
}
.comment__header span.author__avatar img {
  width: 2rem;
  height: 2rem;
}
div.author--inline.proposal--show {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.author-data .author__avatar {
  position: relative !important;
}
ul.tags.tags--proposal.tags--list {
  margin: 0;
}
ul.tags.tags--proposal.tags--list li {
  font-size: 16px !important;
  font-size: var(--font-size-16) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  border-radius: 2px;
  margin: 0;
}
ul.tags.tags--proposal.tags--list li a {
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
}
ul.tags.tags--proposal.tags--list li a span {
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  padding: 0;
}
div.author-data__extra {
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 16px;
  font-size: var(--font-size-16);
  color: #1b1b1b;
  color: var(--gray-90);
}
.proposal__btn__controls {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0px;
  gap: 24px;
}
.proposal__btn__controls .button.secondary, .proposal__btn__controls .secondary.meeting-polls__button {
  display: flex;
  align-items: center;
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none;
  text-align: center;
  border-radius: 25px !important;
  padding: 8px 24px;
  width: 100%;
  height: 40px;
}
.proposal__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.proposal__btn__controls .button.secondary .fa-xmark, .proposal__btn__controls .secondary.meeting-polls__button .fa-xmark {
  font-size: 20px;
}
@media (min-width: 640px) {
  div.author--inline {
    flex-direction: row;
    justify-content: space-between;
  }
  div.author--inline.proposal--show {
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1;
    align-items: center;
  }
  .proposal-extra-data {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .proposal__btn__controls {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
  }
  .proposal__btn__controls .button.secondary, .proposal__btn__controls .secondary.meeting-polls__button {
    min-width: 230px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .proposal__details {
    flex-direction: row;
    align-items: center;
  }
  .order-by__dropdown-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-direction: row;
  }
  .order-by__dropdown-container > ul {
    width: 240px;
  }
  .paginate-container {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
  }
  .paginate-container > div.results-per-page {
    margin-bottom: 0;
  }
  .results-per-page {
    padding: 0;
    font-weight: 400;
    align-items: center;
    justify-content: right;
    display: block;
    visibility: visible;
  }
  .proposals-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .order__by-text {
    width: auto;
  }
  .title-action-button {
    display: flex;
    align-items: center;
    justify-content: right;
  }
  .bp-order-by-container {
    width: 16rem;
  }
  .title-action__action {
    max-width: 250px;
  }
  .proposals-actions-admin {
    padding: 0 0 24px 0;
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
  .proposals-criteria-label {
    color: #0c326f;
    color: var(--blue-warm-vivid-80);
    font-size: 14px;
  }
  .proposals-actions-admin .black-and-white-btn {
    width: auto;
  }
  .br-announcement h2 {
    padding: 0;
    color: #1b1b1b;
    color: var(--gray-90);
    margin: 0;
    font-size: 2rem !important;
  }
  .br-announcement p {
    color: #636363;
    color: var(--gray-60);
    font-size: 1.26rem !important;
  }
  .br-announcement h5 {
    color: #636363;
    color: var(--gray-60);
    font-size: 1.26rem !important;
  }
}
.proposals-br {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 1.5rem 0;
}
.proposals-br .dropdown.menu > li {
  display: flex;
}
.proposals-br .dropdown.menu > li > a,
.comments .dropdown.menu > li > a {
  padding: 0.5rem 0.3rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: 400;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-decoration: none;
}
.bp-comments.opens-right {
  width: 100%;
}
.proposals-br .card-grid .column,
.proposals-br .card-grid .columns {
  height: 100%;
  margin: 0;
  padding: 0;
}
.results-per-page__dropdown {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.new_filter .br-input .br-button {
  margin-top: calc((52px + 4px) * -1) !important;
  margin-top: calc((52px + var(--spacing-scale-half)) * -1) !important;
}
#parent-assemblies .card-grid .column, #parent-assemblies .card-grid .columns {
  height: 100%;
  margin: 0;
  padding: 0;
}
.proposal-export-buttons {
  display: flex;
  align-items: normal;
  gap: 8px;
}
.participatory_texts_buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .participatory_texts_buttons {
    flex-direction: column;
    align-items: flex-end;
  }
}
.see-index-button {
  color: #1351b4;
  color: var(--interactive);
  gap: 1rem;
}
.results-per-page-export-button {
  display: flex !important;
  flex-direction: row !important;
  text-decoration: none !important;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 5px 15px;
}
.filter-container .dropdown.menu > li > a {
  position: relative;
  background-color: #1351b4;
  background-color: var(--interactive-light);
  color: #fff;
  color: var(--color-dark);
  padding: 10px;
  border-radius: 100em;
  margin-right: 10px;
  transition: background-color 0.3s ease-in-out;
}
.exports.dropdown-br.tiny.button.button--simple, .exports.dropdown-br.tiny.button--simple.meeting-polls__button {
  margin-right: 15px !important;
}
.vertical.menu.add-components {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.exports--proposals a,
.exports--proposal_comments a {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 1rem;
}
.exports--proposals a:hover,
.exports--proposal_comments a:hover {
  background-color: #aacdec;
  background-color: var(--blue-20);
}
.br-message.info-drop {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  display: flex;
  margin-bottom: 16px;
  margin-bottom: var(--spacing-scale-2x);
  background-color: #e3f5e1;
  background-color: var(--green-cool-vivid-5);
  justify-content: space-between;
  align-items: center;
}
.br-message.info-drop > .content-br > .message-title-br {
  color: #333;
  color: var(--gray-80);
  font-weight: 16.8px;
  font-weight: var(--font-size-scale-up-01);
}
.br-message-container {
  display: flex;
  align-items: center;
}
#export-span-close {
  color: #168821;
  color: var(--green-cool-vivid-50);
}
.export-span-show {
  opacity: 1;
  height: 3rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.export-span-hollow {
  opacity: 0;
  height: 0rem;
  padding: 0rem;
  margin-bottom: 0rem;
  display: none;
}
#proposals {
  width: 100%;
}
.proposal_card__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin-bottom: 1rem;
  margin-top: 0;
}
.tags a {
  display: flex;
  width: 100%;
  padding: 4px 8px;
  border-radius: 2px;
  border: 0;
  background: #f8f8f8;
  background: var(--gray-2);
  font-size: 0.75rem;
  font-weight: 400;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.tags li {
  display: flex;
}
.propposal_card__header {
  overflow: hidden;
}
.proposal_text--paragraph {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  color: #555555;
}
.proposal_card__footer {
  margin: 0 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.proposals_card_stats {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.proposal-buttons {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.votes_stat {
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: lowercase;
  color: #1b1b1b;
  color: var(--gray-90);
}
.comments_stat {
  font-weight: 400;
  font-size: 0.875rem;
  text-transform: lowercase;
  color: #555555;
}
.proposal_vote_button {
  padding-left: 48px;
  padding-right: 48px;
}
.br-announcement h2 {
  padding: 0;
  margin: 0;
  color: #1b1b1b;
  color: var(--gray-90);
}
.br-announcement p {
  color: #636363;
  color: var(--gray-60);
}
.br-announcement h5 {
  color: #636363;
  color: var(--gray-60);
  font-size: 1.26rem;
  margin: 0;
}
.proposal-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  border: 0;
  margin: 0;
  width: 100%;
}
.proposal-card__content {
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.card--proposal > .card__content, .card--proposal > .badge-card__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.button--vote-button,
.button_to,
.button--vote-button .button_to button {
  width: 100%;
}
.proposal-status {
  background: #f8f8f8 !important;
  background: var(--gray-2) !important;
  border-radius: 30px !important;
}
.gallery__container {
  margin: 0 !important;
}
.label.success {
  border: 2px solid #466c04 !important;
  border: 2px solid var(--green-vivid-60) !important;
  color: #466c04;
  color: var(--green-vivid-60);
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
}
.label.alert {
  border: 2px solid #b50909;
  border: 2px solid var(--red-vivid-60);
  color: #b50909;
  color: var(--red-vivid-60);
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
}
.br-comment {
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  border-radius: 30px;
  font-size: 0.75rem;
  padding: 4px 8px;
  font-weight: 600;
}
.br-comment.accepted {
  border: 2px solid #466c04 !important;
  border: 2px solid var(--green-vivid-60) !important;
  color: #466c04;
  color: var(--green-vivid-60);
}
.br-comment.alert {
  border: 2px solid #b50909;
  border: 2px solid var(--red-vivid-60);
  color: #b50909;
  color: var(--red-vivid-60);
}
.br-comment.partially-incorporated {
  border: 2px solid #776017;
  border: 2px solid var(--yellow-vivid-60);
  color: #776017;
  color: var(--yellow-vivid-60);
}
.new-proposal-button {
  max-width: 250px;
  margin-top: 0.5rem !important;
}
.label-required {
  border: 0 !important;
  font-size: 1.5rem;
  color: #b50909;
  color: var(--red-vivid-60);
}
.label-required > span {
  font-size: 1.5rem;
}
.help-text-form-required-fields {
  font-weight: bold;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.new-proposal-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.help-new-proposal-header {
  font-size: 14px;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin-bottom: 1.5rem;
  line-height: 19.38px;
}
.bp-new-proposal-container {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.pre-view-button {
  background-color: white;
  color: #333;
  color: var(--gray-80);
  border: 1px solid;
  border-color: #333;
  border-color: var(--gray-80);
}
.pre-view-button:hover {
  background-color: #e6e6e6;
  background-color: var(--gray-10);
  color: black;
}
.new-proposal-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.new-proposal-form .rendered-form .form-group.formbuilder-autocomplete > input.form-control {
  height: 54px;
  margin-top: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  border: none;
}
.new-proposal-form .rendered-form ul.formbuilder-autocomplete-list {
  margin: 0 !important;
}
.new-proposal-form .rendered-form .form-group label {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.new-proposal-form .rendered-form .form-group input[type=text],
.new-proposal-form .rendered-form .form-group input[type=email],
.new-proposal-form .rendered-form .form-group input[type=number],
.new-proposal-form .rendered-form .form-group input[type=date],
.new-proposal-form .rendered-form .form-group select,
.new-proposal-form .rendered-form .form-group .inline-filters button[data-toggle],
.inline-filters .new-proposal-form .rendered-form .form-group button[data-toggle],
.new-proposal-form .rendered-form .form-group textarea {
  height: 54px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding: 1rem 1rem;
  border-radius: 10px;
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  border: none;
}
.new-proposal-form .rendered-form .form-group .formbuilder-radio label,
.new-proposal-form .rendered-form .form-group .formbuilder-checkbox label {
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 400;
}
.new-proposal-form .rendered-form .form-group .form-control::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.new-proposal-form .rendered-form .form-group .form-control::placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.new-proposal-form .rendered-form .form-group input[type=text].form-control:hover,
.new-proposal-form .rendered-form .form-group input[type=number].form-control:hover,
.new-proposal-form .rendered-form .form-group textarea.form-control:hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.section-header-text {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: 33.11px;
  color: #000;
  color: var(--pure-100);
  font-size: 1.5rem;
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.section-header-help-text {
  line-height: 19.6px;
  color: #636363;
  color: var(--gray-60);
  font-size: 14px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0 0 1.5rem 0;
}
.bp-input > label,
.bp-select > label,
.bp-text-area > label {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.bp-input > label > span,
.bp-text-area > label > span {
  text-align: end;
  font-weight: 300;
  margin: 0;
  font-size: 0.875rem;
}
.bp-input > label > input {
  background-color: #f8f8f8 !important;
  background-color: var(--gray-2) !important;
  border-color: transparent !important;
  padding: 0 1rem !important;
  box-shadow: none !important;
  margin: 1rem 0 0.5rem 0 !important;
}
.bp-input > label > input::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.bp-input > label > input::placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.bp-text-area > label > textarea::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.bp-text-area > label > textarea::placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
#proposal_category_id {
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.bp-select {
  --input-button-margin: var(--spacing-scale-half);
  --input-padding: 0 1rem;
  --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: #333;
  color: var(--color);
  position: relative;
  max-width: none;
}
.bp-select select, .bp-select .inline-filters button[data-toggle], .inline-filters .bp-select button[data-toggle] {
  background-color: #fff;
  background-color: var(--background-light);
  border-color: #888;
  border-color: var(--border-color-alternative);
  border-radius: 4px;
  border-radius: var(--surface-rounder-sm);
  border-style: solid;
  border-style: var(--border-style);
  border-width: 1px;
  border-width: var(--border-width);
  color: #333;
  color: var(--color-light);
  display: block;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  height: 40px;
  height: var(--input-size);
  margin-top: 4px;
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
  width: 100%;
}
.bp-select select::-ms-reveal, .bp-select .inline-filters button[data-toggle]::-ms-reveal, .inline-filters .bp-select button[data-toggle]::-ms-reveal,
.bp-select select::-ms-clear,
.bp-select .inline-filters button[data-toggle]::-ms-clear,
.inline-filters .bp-select button[data-toggle]::-ms-clear,
.bp-select select::-webkit-calendar-picker-indicator,
.bp-select .inline-filters button[data-toggle]::-webkit-calendar-picker-indicator,
.inline-filters .bp-select button[data-toggle]::-webkit-calendar-picker-indicator {
  display: none;
}
.bp-select select[type=search]::-webkit-search-decoration, .bp-select .inline-filters button[type=search][data-toggle]::-webkit-search-decoration, .inline-filters .bp-select button[type=search][data-toggle]::-webkit-search-decoration,
.bp-select select[type=search]::-webkit-search-cancel-button,
.bp-select .inline-filters button[type=search][data-toggle]::-webkit-search-cancel-button,
.inline-filters .bp-select button[type=search][data-toggle]::-webkit-search-cancel-button,
.bp-select select[type=search]::-webkit-search-results-button,
.bp-select .inline-filters button[type=search][data-toggle]::-webkit-search-results-button,
.inline-filters .bp-select button[type=search][data-toggle]::-webkit-search-results-button,
.bp-select select[type=search]::-webkit-search-results-decoration,
.bp-select .inline-filters button[type=search][data-toggle]::-webkit-search-results-decoration,
.inline-filters .bp-select button[type=search][data-toggle]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.bp-select.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);
}
.bp-select.input-highlight select, .bp-select.input-highlight .inline-filters button[data-toggle], .inline-filters .bp-select.input-highlight button[data-toggle] {
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  border-color: transparent;
  padding-left: 24px;
  padding-left: var(--spacing-scale-3x);
  padding-right: 24px;
  padding-right: var(--spacing-scale-3x);
}
.bp-select > label > select, .inline-filters .bp-select > label > button[data-toggle] {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 500;
  font-size: var(--font-weight-medium);
  font-weight: 300;
  line-height: 1.45;
  line-height: var(--font-line-height-medium);
}
.bp-select .br-list {
  box-shadow: 0 3px
    6px
    rgba(0, 0, 0, 0.16);
  box-shadow: var(--surface-shadow-md);
  max-height: 530px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 2000;
  z-index: var(--z-index-layer-2);
}
.bp-select .br-list::-webkit-scrollbar {
  height: 8px;
  height: var(--spacing-scale-base);
  width: 8px;
  width: var(--spacing-scale-base);
}
.bp-select .br-list::-webkit-scrollbar-track {
  background: #e6e6e6;
  background: var(--gray-10);
}
.bp-select .br-list::-webkit-scrollbar-thumb {
  background: #adadad;
  background: var(--gray-30);
}
.bp-select .br-list:hover::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40);
}
.bp-select .br-list .br-item {
  --item-padding-y: var(--spacing-scale-2x);
}
.bp-select .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.bp-select .br-list .br-item:not(:first-child) {
  border-top: 1px solid #ccc;
  border-top: var(--surface-width-sm) solid var(--border-color);
}
.bp-select.success select, .bp-select.success .inline-filters button[data-toggle], .inline-filters .bp-select.success button[data-toggle],
.bp-select[data-success] select,
.bp-select[data-success] .inline-filters button[data-toggle],
.inline-filters .bp-select[data-success] button[data-toggle] {
  border-color: #168821;
  border-color: var(--success);
  border-width: 2px;
}
.bp-select.info select, .bp-select.info .inline-filters button[data-toggle], .inline-filters .bp-select.info button[data-toggle],
.bp-select[data-info] select,
.bp-select[data-info] .inline-filters button[data-toggle],
.inline-filters .bp-select[data-info] button[data-toggle] {
  border-color: #155bcb;
  border-color: var(--info);
  border-width: 2px;
}
.bp-select select, .bp-select .inline-filters button[data-toggle], .inline-filters .bp-select button[data-toggle] {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A//fontawesome.com%20License%20-%20https%3A//fontawesome.com/license/free%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%230c326f%22%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.bp-select select:focus, .bp-select .inline-filters button[data-toggle]:focus, .inline-filters .bp-select button[data-toggle]:focus,
.bp-select select:focus-visible,
.bp-select .inline-filters button[data-toggle]:focus-visible,
.inline-filters .bp-select button[data-toggle]:focus-visible,
.bp-select select.focus-visible,
.bp-select .inline-filters button.focus-visible[data-toggle],
.inline-filters .bp-select button.focus-visible[data-toggle] {
  border-color: #c2850c !important;
  border-color: var(--focus) !important;
  box-shadow: 0 0 0 2px #c2850c;
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
}
.bp-text-area > label > textarea {
  background-color: #f8f8f8 !important;
  background-color: var(--gray-2) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding: 1rem !important;
}
.xmark-button {
  height: 12px;
}
.author-data .author__name {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.proposal-buttons a {
  background-color: #335bae;
}
.proposal-disabled {
  padding: 16px 14px;
  background-color: #fdf5e6;
  background-color: var(--orange-vivid-5);
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16px;
}
.proposals-no-actions {
  flex-direction: column;
  gap: 8px;
}
.br-message-feedback {
  background-color: #d4e5ff;
  background-color: var(--blue-warm-vivid-10);
  border-radius: 4px;
  padding: 16px;
}
.br-message-feedback .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.br-message-feedback .content .message-title {
  font-size: 16.8px;
  font-weight: 400;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.br-message-feedback i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  width: 16px;
  margin-right: 8px;
}
.br-message-feedback .message-body {
  flex-direction: column;
  display: flex;
}
.br-message-feedback .message-body p {
  margin: 0;
}
.br-message-feedback .message-body .message-reason {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  margin-bottom: 8px;
}
textarea[rows] {
  background: #f6f6f6;
  background: var(--gray-3);
  height: 9.5rem;
}
textarea {
  margin-bottom: 0 !important;
  border: 0 !important;
}
textarea::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
textarea::placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.author-data {
  padding-left: 0;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .author-data {
    width: auto;
    justify-content: flex-start;
  }
}
.ml-1 {
  margin: 0;
}
.author-data__main {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .author-data__main {
    width: auto;
    justify-content: flex-start;
  }
}
.new-proposal-error {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
}
.new-proposal-error button,
.new-proposal-error i {
  color: #e52207;
  color: var(--danger);
}
.new-proposal-error .close {
  margin: 0;
}
.new-proposal-error {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
}
.new-proposal-error button,
.new-proposal-error i {
  color: #e52207;
  color: var(--danger);
}
.new-proposal-error .close {
  margin: 0;
}
@media (min-width: 768px) {
  .comments-container .section-heading {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .br-button.mb-4 {
    padding: 0;
  }
}
.br-proposal_body p {
  color: #1b1b1b;
  color: var(--gray-90);
  line-height: normal;
}
.reveal__header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 1rem;
  margin: 0;
}
.reveal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  margin: 0;
}
.reveal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin: 0;
}
.reveal__subtitle {
  color: #555;
  color: var(--gray-70);
  margin: 0;
}
.social_media_icons_container {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.share_container {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
.social__media_container {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
#socialShare {
  max-width: 400px;
  padding: 0;
}
#urlShareLink {
  display: none;
}
.copy-link-button {
  padding: 0;
  background: none !important;
  color: #1351b4 !important;
  color: var(--primary) !important;
  height: 100%;
}
.close_share_modal_button {
  color: #333;
  color: var(--gray-80);
  border: 1px solid #333;
  border: 1px solid var(--gray-80);
  border-radius: 2rem;
  min-width: 10rem;
  padding: 0.25rem 1.5rem;
  font-weight: 700;
  font-size: 1rem;
}
.close_share_modal_button:hover {
  background-color: #e6e6e6;
  background-color: var(--gray-10);
}
.report_modal_container {
  padding: 1.5rem 1rem 0 1rem;
}
.report_modal_content {
  margin-bottom: 1.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.report_modal_content legend {
  font-size: 0.875rem;
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 400;
  margin: 0 0 0.5rem 0 !important;
}
.report_modal_reader {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.report_modal_title {
  font-size: 1.25rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 600;
  margin: 0;
}
.already__reported_modal {
  padding-bottom: 1rem;
}
.report_modal_subtitle {
  font-size: 0.875rem;
  color: #1b1b1b;
  color: var(--gray-90);
  margin: 0 0 1.5rem 0;
}
.report_modal_bottom {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin: 1rem 0;
}
.report_modal_bottom button {
  min-width: 10rem;
  border-radius: 2rem;
}
.report_modal_comment {
  font-size: 1rem;
  font-weight: 600;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.character_limit_text {
  font-size: 0.875rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 300;
  text-align: right;
  margin-bottom: 0.5rem 0 1.5rem 0;
}
.is-dropdown-submenu {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0 !important;
}
.is-dropdown-submenu li a.results-per-page__link {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
}
ul.dropdown.menu.bp-result-per-page li a.results-per-page-button {
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  padding: 8px 12px 8px 16px;
  gap: 16px;
  margin: 0;
}
ul.dropdown.menu.bp-result-per-page li a.results-per-page-button div.filters-per-page-button {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0 !important;
  margin: 0;
}
.pre-view-help-text {
  font-size: 0.875rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 400;
  margin-bottom: 1.5rem;
}
@media (min-width: 600px) {
  #filters__menu div.activity_collection_radio_buttons_filter fieldset {
    display: grid;
    justify-content: flex-start;
    grid-template-rows: auto auto;
    grid-gap: 19px;
    gap: 19px;
  }
}
#filters__menu div.activity_collection_radio_buttons_filter fieldset label {
  margin-left: 1.67px;
}
@media (min-width: 600px) {
  #filters__menu div.activity_collection_radio_buttons_filter fieldset label {
    grid-column: span 1; /* Spans 1 column */
    grid-row: 2/span 1; /* Starts at row 2, spans 1 row */
  }
}
#filters__menu div.activity_collection_radio_buttons_filter fieldset label > [type=radio] {
  accent-color: #2670e8;
}
@media (min-width: 600px) {
  #filters__menu div.activity_collection_radio_buttons_filter fieldset label:first-of-type {
    grid-column: 1/span 1; /* Starts at column 1, spans 1 column */
    grid-row: 1/span 1; /* Starts at row 1, spans 1 row */
  }
}
@media (min-width: 600px) {
  #filters__menu div.with_any_state_check_boxes_tree_filter fieldset div.filters__subfilters {
    display: grid;
    width: -moz-fit-content;
    width: fit-content;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px 24px;
    gap: 16px 24px; /* Gap between grid items */
  }
}
#filters__menu div.with_any_state_check_boxes_tree_filter fieldset div.filters__subfilters .back-to-list-button {
  display: inline-flex;
  gap: 0.5rem;
  margin: 0 !important;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.proposals-br .card-grid .column,
.proposals-br .card-grid .columns {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .proposals-br .card-grid .column,
  .proposals-br .card-grid .columns {
    height: 100%;
  }
}
.linked-proposals-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.linked-proposals-item {
  display: flex;
  width: 100%;
  padding: 0px 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: var(--pure);
}
.linked-proposals-item:nth-child(odd) {
  background: var(--pure);
}
.linked-proposals-item:nth-child(even) {
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.linked-proposals-item-text {
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1 0;
  align-self: stretch;
  padding: 8px;
}
.linked-proposals-info {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.linked-proposals-info h5 {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.linked-proposals-info a {
  text-decoration: none;
}
.linked-proposals-author {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.linked-proposals-author-avatar {
  width: 24px;
}
.linked-proposals-author-avatar img {
  border-radius: 24px;
}
.linked-proposals-author-name {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 14px;
}
.linked-proposals-item-data {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.linked-proposals-item-data-number {
  align-self: stretch;
  color: #000;
  color: var(--pure-100);
  text-align: center;
  font-size: 24px;
}
.linked-proposals-item-data-text {
  align-self: stretch;
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-size: 14px;
  margin: 0;
}
.sensitive__content__alert {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  width: 100%;
  gap: 0.5rem;
}
.new-proposal-form .field.select-field-br > label select, .new-proposal-form .field.select-field-br > label .inline-filters button[data-toggle], .inline-filters .new-proposal-form .field.select-field-br > label button[data-toggle] {
  height: 63px;
  width: 100%;
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 8px 16px;
  margin-top: 0.25rem;
  border: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.new-proposal-form .field.select-field-br > label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.mini-title {
  color: #555555;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
}
.mini-title__strong {
  font-size: 1.2rem;
  font-weight: 800;
}
.mini-title__strong--highlight {
  font-size: 1.4rem;
}
.button-container-style {
  color: #1451b4;
}
.size-icon-filter {
  font-size: 1rem;
}
.fa-sliders-h {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.filter-container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: left;
}
.br-reveal {
  display: block;
  height: 80%;
  width: 600px;
  max-width: 80%;
  z-index: 10;
  padding: 1rem;
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  border-radius: 4px;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
.announcement-card {
  padding: 1rem;
}
.filters {
  display: flex;
  padding: 0;
  min-height: auto;
  width: 100%;
  padding: 24px 0 0 0;
}
.filters__title {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.resullts-per-page-item {
  padding: 4px;
  display: flex;
  text-decoration: none;
}
.results-per-page__link {
  text-decoration: none !important;
}
.results-per-page__link:hover {
  background-color: #e8e8e8;
}
.results-per-page-button {
  display: flex !important;
  flex-direction: row !important;
  text-decoration: none !important;
  align-items: center;
  justify-content: center;
}
.filters-per-page-button {
  padding: 5px !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  display: flex;
  margin-left: 4px;
}
.filters-per-page-button:hover {
  background-color: #c5d4eb;
  background-color: var(--blue-warm-20);
}
.pagination-br-container {
  margin-top: 16px;
}
#filters__menu__container {
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  max-height: 0;
}
#filters__menu {
  padding: 24px 16px;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  margin: 0;
}
.filters__visible {
  max-height: 500px;
}
#filters__menu legend.mini-title {
  font-size: 16px;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  color: #555;
  color: var(--gray-70);
}
#filters__menu fieldset {
  display: flex;
  gap: 1rem;
}
#filters__menu fieldset div {
  display: flex;
  gap: 1.25rem;
}
#filters__menu fieldset label {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-size: var(--font-size-16);
  margin-left: 1px;
}
#filters__menu fieldset div {
  display: flex;
  flex-wrap: wrap;
}
#filters__menu fieldset label > input[type=checkbox] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px !important;
  height: 18px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 1px solid #2670e8;
  outline: 1px solid var(--blue-warm-vivid-50);
  box-shadow: none;
  text-align: center;
  line-height: 1em;
  background: #fff;
  background: var(--pure-0);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  min-width: 18px;
}
#filters__menu fieldset label > input[type=checkbox]:checked::after {
  content: "✓";
  color: #2670e8;
  color: var(--blue-warm-vivid-50);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
}
#filters__menu fieldset label > input[type=checkbox]:checked + label {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#filters__menu > div {
  margin-bottom: 32px;
}
#filter-btn-br {
  display: flex;
  justify-content: space-between;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 40px;
  background-color: #fff !important;
  background-color: var(--pure-0) !important;
  border: 1px solid #333;
  border: 1px solid var(--gray-80);
  color: #333;
  color: var(--gray-80);
  padding: 8px 24px 8px 24px;
  gap: 8px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
#filter-btn-br i {
  font-size: 18px;
}
#filter-btn-icon {
  font-size: 18px;
  color: #333;
  color: var(--gray-80);
}
#filter-btn-br:hover {
  color: #333;
  color: var(--gray-80);
}
.filters__section label, .filters__section--general label {
  margin-bottom: 0;
}
.filters .filters__section, .filters .filters__section--general {
  width: 100%;
  border: 0px;
  padding: 0px;
  margin-bottom: 24px;
}
.filters__hidden {
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: 0px;
}
#filters__menu__container.show__filters__menu {
  max-height: 1000px;
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: auto;
}
#filters__menu.show__filters__menu {
  padding: 24px 16px 0px 16px;
}
#filters__menu div fieldset {
  align-items: flex-start;
  flex-direction: column;
}
div.filters__section fieldset > label, div.filters__section--general fieldset > label {
  margin-bottom: 0px;
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
  color: #1b1b1b;
  color: var(--gray-90);
}
#filters__menu div fieldset {
  margin-bottom: 0;
}
#filters__menu div fieldset div.filters__subfilters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
  width: 100%;
  grid-gap: 16px;
  gap: 16px;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #1b1b1b;
  color: var(--gray-90);
}
#filters__menu div.type_collection_radio_buttons_filter fieldset {
  flex-direction: row;
  gap: 24px;
}
#filters__menu div.type_collection_radio_buttons_filter fieldset label {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #1b1b1b;
  color: var(--gray-90);
}
#filters__menu div fieldset label {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #1b1b1b;
  color: var(--gray-90);
}
#filters__triangle {
  margin-top: 4px;
  max-height: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 35px solid transparent; /* Adjust the width of the triangle */
  border-right: 35px solid transparent; /* Adjust the width of the triangle */
  border-bottom: 24px solid #f8f8f8;
  border-bottom: 24px solid var(--gray-2); /* Adjust the height and color of the triangle */
}
.triangle__border {
  width: 70px;
  border-left: 35px solid transparent; /* Adjust the width of the triangle */
  border-right: 35px solid transparent; /* Adjust the width of the triangle */
  border-bottom: 16px solid #e3edfc; /* Adjust the height and color of the triangle */
}
form.new_filter {
  width: 100%;
  padding: 0 !important;
}
.filters__section label[data-global-checkbox],
.filters__section--general label[data-global-checkbox] {
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
}
#filters__menu div.activity_collection_radio_buttons_filter fieldset {
  flex-direction: row;
}
#filters__menu div.activity_collection_radio_buttons_filter fieldset > label:first-of-type {
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
}
#filters__menu div.activity_collection_radio_buttons_filter fieldset > label {
  font-family: Rawline, Raleway, sans-serif;
  font-family: var(--font-family-base);
  font-weight: 500 !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: 16px;
  font-size: var(--font-size-16);
  color: #1b1b1b;
  color: var(--gray-90);
}
.triangle__position {
  margin-left: 56px;
}
@media screen and (max-width: 600px) {
  .triangle__position {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-left: 0;
  }
  #filters__menu div.type_collection_radio_buttons_filter fieldset,
  #filters__menu div.activity_collection_radio_buttons_filter fieldset {
    flex-direction: column;
    gap: 16px;
  }
  div.filters form.new_filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #filter-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #filter-btn-br {
    display: flex;
    width: 100% !important;
    justify-content: center;
  }
  #filter-search-box {
    margin-bottom: 8px;
  }
}
.dropdown .is-dropdown-submenu a {
  padding: 1rem !important;
  text-decoration: none !important;
}
.order-by-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--color-secondary-04);
}
.dropdown .is-dropdown-submenu a:hover {
  background-color: #c5d4eb;
  background-color: var(--blue-warm-20);
}
.is-dropdown-submenu-parent {
  position: static !important;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  width: 100%;
}
.voting-rules {
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  padding: 0;
  border-radius: 0.25rem;
}
.show-votes-rule-button {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  border-radius: 1rem;
  border: 0;
  margin-bottom: 4px;
  text-align: left;
  font-size: 16px;
  font-size: var(--font-size-16);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.show-votes-rule-button i {
  line-height: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.voting-rules-title {
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 20px;
  font-size: var(--font-size-20);
  margin-bottom: 1rem;
  margin-top: 0;
}
.voting-rules-container {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  gap: 2rem;
}
.voting-rules-container::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px; /* Ajuste a posição horizontal conforme necessário */
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ff0000 transparent; /* Ajuste a cor conforme necessário */
}
.voting-rules-counter {
  width: auto;
}
.voting-rules {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.voting-rules-container {
  box-shadow: none;
  border-radius: 4px;
}
@media screen and (min-width: 600px) {
  .show-votes-rule-button {
    font-size: 16px;
    font-size: var(--font-size-16);
  }
  .voting-rules {
    align-items: flex-start;
  }
  .triangle__border {
    margin: 0 42px;
  }
  .br-magic-button + #showRulesButton + #voting_rules > #voting__rules__border {
    align-self: center;
    margin-left: 0px;
  }
  .voting-rules-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5rem;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
  }
  .voting-rules-counter {
    width: 200px;
  }
}
.voting-rules-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.voting-rules-content ul {
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-left: 1.75rem;
}
.votings-rules-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vote_rules_card_hidden {
  max-height: 0;
  overflow: hidden;
}
.vote_rules_card_visible {
  max-height: -moz-fit-content;
  max-height: fit-content;
  transition: max-height 0.5s ease-in-out;
}
.show__rules__card {
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.voting-rules-counter .remaining-votes-counter div.card__content, .voting-rules-counter .remaining-votes-counter div.badge-card__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 2px;
  padding: 16px 40px !important;
  min-width: 170px;
}
.statistics-controls::before, .statistics-controls::after {
  display: table;
  content: " ";
}
.statistics-controls::after {
  clear: both;
}
.statistics {
  display: none;
  min-height: 100%;
}
@media print, screen and (min-width: 40em) {
  .statistics {
    display: block;
    padding: 0;
    margin: 0;
  }
}
.reveal .statistics {
  display: block;
  border: none;
  left: 0%;
  padding: 0;
  margin: 0;
}
.statistics__list-item {
  font-size: 1rem;
}
.lt-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.statistics__count {
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
}
.fa-chart-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.ra-button {
  padding: 0.3em 0.9em;
  border-radius: 0.25em;
  background: linear-gradient(#fff, #efefef);
  box-shadow: 0 1px 0.2em gray;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.ra-button img {
  height: 1em;
  margin: 0 0.5em 0 0;
}
#tts-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  position: fixed;
  max-width: 95vw;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  z-index: 99999999;
  margin: 10px !important;
}
#tts-button-icon {
  display: flex;
  width: 40px;
  height: auto;
}
#tts-container:hover #tts-question {
  display: flex;
}
#tts-question {
  display: none;
  font-weight: bold;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1D8ADA;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  cursor: pointer;
}
.ql-editor-display h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-family: Rawline;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ql-editor-display p {
  color: #071d41;
  color: var(--blue-warm-vivid-90);
  text-align: justify;
}
.lead {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 10px 0px;
}
@media (max-width: 800px) {
  .lead {
    flex-direction: column;
  }
}
.assemblie-props {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 6px;
}
.extra__date-container {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.hero-info-content {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}
.hero-info-img {
  width: 50%;
}
.hero-info-right-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
}
.hero-info-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.process-home-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 800px) {
  .process-home-container {
    padding: 0 24px;
  }
}
.meeting-map-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
}
.meetings-map-subtitle {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 40px;
}
.meeting-map-header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2.5rem 0 0 0;
}
.meetings-not-visible {
  display: none !important;
}
.meetings-list-item {
  background: #f8f8f8;
  border-radius: 0.25rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-direction: column;
}
.meetings-list-item:hover {
  transform: scale(1.025);
  transition: transform 0.3s, box-shadow 0.2s;
}
.meetings-list-divider {
  height: 0.5px;
  margin: 0 0.5rem;
  background-color: rgba(12, 50, 111, 0.5);
}
.meetings-list-item-text {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  word-break: break-all;
}
.meetings-list-item-infos {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.meetings-list-item-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 0.875rem;
  font-weight: 600;
}
.meetings-list-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  width: 100%;
}
.more-meetings {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 1rem;
  font-weight: 600;
  flex-direction: column;
  width: 100%;
}
.total-meetings {
  width: 100%;
  color: #636363;
  color: var(--gray-60);
  text-align: right;
  font-size: 1rem;
}
.meetings-not-found {
  width: 100%;
  color: #636363;
  color: var(--gray-60);
  text-align: center;
  font-size: 1rem;
}
.meetings-list-section .br-input .br-button {
  margin-top: calc((52px + 4px) * -1) !important;
  margin-top: calc((52px + var(--spacing-scale-half)) * -1) !important;
}
.documents-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.documents-header .section-heading {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 2rem;
  line-height: 100%;
  color: #1b1b1b;
  color: var(--gray-90);
  margin: 0;
}
.documents-header .section-description {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  color: #636363;
  color: var(--gray-60);
  line-height: 100%;
  margin: 0;
}
.documents-divider {
  max-width: 100%;
  margin: 0;
}
.empty-folder-warning {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px 8px 0px 0px !important;
  padding: 1.5rem;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  gap: 1rem;
}
.empty-folder-warning .fa-magnifying-glass {
  font-size: 2.5rem;
  padding: 0.25rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.empty-folder-warning .add-document-container {
  padding: 1rem;
}
.empty-folder-warning .add-document-container .br-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 100%;
  text-align: center;
}
.empty-folder-warning .add-document-container .br-button .fa-upload {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16.67px;
  padding: 1.67px;
}
.empty-folder-warning .warning-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.empty-folder-warning .warning-info h3,
.empty-folder-warning .warning-info p {
  margin: 0;
}
.empty-folder-warning .warning-info h3 {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 20px;
  font-size: var(--font-size-20);
  line-height: 100%;
  text-align: center;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.empty-folder-warning .warning-info .warning-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.empty-folder-warning .warning-info .warning-details p {
  text-align: center;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 1rem;
  line-height: 100%;
  color: #1b1b1b;
  color: var(--gray-90);
}
.region-select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
  height: 63px;
  width: 100%;
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 8px 16px;
  margin-top: 1rem;
  border: 0;
}
.region-search {
  display: none;
}
.web-title {
  display: none;
}
.media-pictures {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.media-links-main-container {
  margin-bottom: 2rem;
}
.media-links-main-container hr {
  max-width: 100%;
}
.media-links-main-container .iframe-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 180px;
}
.media-links-main-container .home__video-iframe {
  width: 100%;
  height: 180px;
  border-radius: 1rem 1rem 0rem 0rem;
}
.media-links-main-container .list-reset, .media-links-main-container .reveal__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}
.media-links-main-container .list-reset li, .media-links-main-container .reveal__list li {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  width: 100%;
  border: 2px solid #f3f7fb;
  border: 2px solid var(--blue-3);
  border-radius: 8px;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
}
.media-links-main-container .list-reset .media-links-info, .media-links-main-container .reveal__list .media-links-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  padding: 1rem;
}
.media-links-main-container .list-reset .media-links-info h3, .media-links-main-container .reveal__list .media-links-info h3 {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 1rem;
  line-height: 100%;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  margin: 0;
}
.media-links-main-container .list-reset .media-links-info .link-container, .media-links-main-container .reveal__list .media-links-info .link-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.media-links-main-container .list-reset .media-links-info .link-container .icon-container, .media-links-main-container .reveal__list .media-links-info .link-container .icon-container {
  display: block;
  min-width: 14px;
  min-height: 14px;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTE4NTUgNDMzOSBjLTczNCAtMTcgLTExOTggLTU3IC0xMzUyIC0xMTQgLTIyMiAtODQgLTM2NSAtMjY2IC00MTcKLTUzNSAtMTE2IC01OTEgLTEwOCAtMTgzMyAxNCAtMjMzNSA1NCAtMjE4IDIxMSAtMzk0IDQxNyAtNDY2IDIzOCAtODIgMTEwNwotMTI2IDIzMDMgLTExNiA5NDggOSAxNDU3IDM2IDE3MTUgOTMgMTg4IDQyIDM1NCAxNzQgNDM2IDM0OSA3NyAxNjIgMTE4IDQ3MgoxNDEgMTA1MyAyMSA1MzggLTE4IDExOTMgLTg5IDE0ODIgLTM4IDE1NSAtMTI1IDI5MiAtMjQwIDM3OSAtOTEgNjggLTE4OCAxMDcKLTMyNyAxMzEgLTQwOCA3MCAtMTU0OSAxMDQgLTI2MDEgNzl6IG04NTQgLTEzOTEgYzM1NSAtMjA0IDY1MiAtMzc2IDY1OCAtMzgyCjEwIC05IC0xMzcgLTk4IC02MjAgLTM3NiAtMzQ3IC0yMDAgLTY0NyAtMzczIC02NjQgLTM4MyBsLTMzIC0xOSAwIDc2NiBjMAo0MjEgMyA3NjYgNiA3NjYgMyAwIDI5NyAtMTY3IDY1MyAtMzcyeiIvPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(12%) sepia(65%) saturate(6761%) hue-rotate(5deg) brightness(112%) contrast(125%);
}
.media-links-main-container .list-reset .media-links-info .link-container .direct-link, .media-links-main-container .reveal__list .media-links-info .link-container .direct-link {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 12px;
  line-height: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 576px) {
  .media-links-main-container .media-links-info {
    min-width: 100px;
  }
  .media-links-main-container .iframe-container {
    width: 100%;
    min-width: 200px;
  }
  .media-links-main-container .home__video-iframe {
    width: 100%;
    max-width: 368px;
    border-radius: 0rem 1rem 1rem 0rem;
  }
  .media-links-main-container .list-reset li, .media-links-main-container .reveal__list li {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
.media-links-header-container .section-heading {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 2rem;
  line-height: 100%;
}
.media-links-header-container p {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  line-height: 100%;
  margin-bottom: 2rem;
}
.photos-grid {
  display: grid;
  border-radius: 8px;
  padding: 0;
  background-color: #fff;
  background-color: var(--pure-0);
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  width: 100%;
}
.photos-grid .card-picture-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.photos-grid .card-picture-container img {
  border-radius: 4px;
  width: 100%;
  height: 232px;
}
.photos-grid .card-picture-container div.rich-text-display {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 11.67px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
@media (min-width: 576px) {
  .photos-grid {
    grid-template-columns: repeat(auto-fit, 358px);
    padding: 1rem;
    background-color: #f3f7fb;
    background-color: var(--blue-3);
  }
}
@media (min-width: 33rem) {
  .meetings-list {
    width: 31rem;
  }
  .meetings-list-item {
    width: 31rem;
    height: 5.688rem;
    gap: 1rem;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .meetings-list-item-text {
    text-align: left;
    width: 18.375rem;
  }
  .meetings-list-divider {
    width: 0.5px;
    height: 4rem;
    margin: 0;
    background-color: rgba(12, 50, 111, 0.5);
  }
  .meetings-list-section {
    width: auto;
    animation: MeetingListSlidein 0.5s;
    transition: all 1.5s ease-in-out;
  }
  .meetings-list {
    align-items: stretch;
  }
  .meetings-list-item-infos {
    flex-direction: column;
    align-items: start;
  }
  .region-select {
    display: none;
  }
  .region-search {
    display: block;
  }
  .web-title {
    display: block;
  }
  .meeting-select-title {
    display: none;
  }
}
.processes-list-header {
  display: flex;
  flex-direction: row;
  padding: 0 0.625rem;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
}
.processes-list-header-title {
  color: #0C326F;
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.br-processes-list .card-grid .column,
.br-processes-list .card-grid .columns {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .br-processes-list .card-grid .column,
  .br-processes-list .card-grid .columns {
    height: 100%;
  }
}
.br-processes-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 3rem 0;
}
.custom-tooltip {
  display: none;
}
.custom-tooltip.visible {
  display: flex;
  flex-direction: column;
  margin: 8px 16px 0 16px;
  padding: 0;
}
.custom-tooltip-content {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  background-color: #eaf4fe;
  color: #1b1b1b;
  color: var(--gray-90);
  padding: 1.5rem;
  border-radius: 4px;
}
.custom-tooltip-content p {
  margin: 0;
}
.custom-tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #eaf4fe;
  position: relative;
  left: 90%;
}
.hidden {
  display: none;
}
.processes_header-container {
  padding-bottom: 48px;
}
#processes-list-header .flex--sbe {
  align-items: flex-start;
}
#processes-list-header .flex--sbe h3 {
  font-size: 1rem;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: 22.15px;
  text-align: left;
  color: #1b1b1b;
  color: var(--gray-90);
}
#processes-list-header .filters--span {
  font-size: 14px;
  text-align: left;
  color: #1b1b1b;
  color: var(--gray-90);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
#processes-list-header .inline-filters__label,
#processes-list-header .order-by__tabs,
#processes-list-header #process-type-filter {
  margin: 0 !important;
}
#processes-list-header .type-filter-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  min-width: 150px;
}
#processes-list-header .callout.warning {
  margin-top: 3rem;
  margin-bottom: 0 !important;
}
.select__filters-container {
  display: flex;
  flex-direction: row;
  width: auto;
  gap: 1.5rem;
}
.card__image.default, .badge-container .default.badge__logo, .badge-container .default.badge__logo--small {
  min-height: 160px;
  background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBM0lXQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8bafc7018fb30be9c9347f0bc17a9ca1fe1daa6c/de091323edc331be9ff2d0371d76e62414923bd9.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  #processes-list-header .flex--sbe {
    padding: 0 1rem;
    flex-direction: column;
    gap: 2rem;
  }
  #processes-list-header .inline-filters__label {
    flex-direction: column;
    gap: 0.5rem;
  }
  #process-type-filter,
  .order-by__tabs,
  .inline-filters__label {
    width: 100%;
  }
  .inline-filters__label button {
    font-size: 16.8px !important;
    font-size: var(--font-size-scale-up-01) !important;
    font-weight: 400;
    font-weight: var(--font-weight-regular);
    color: #0c326f;
    color: var(--blue-warm-vivid-80);
  }
  #inline-state-filter-sort,
  #inline-filter-sort {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .processes-list-header {
    flex-direction: column;
    align-items: baseline;
  }
  .custom-tooltip-arrow {
    left: 5%;
  }
  .select__filters-container {
    flex-direction: column;
    width: 100%;
  }
}
.meetings-footer-components .section.documents {
  display: flex;
  justify-content: center;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  padding: 33px;
  width: 100%;
}
.download-attachment {
  width: 15px;
  height: 15px;
}
.card.br-card--list, .br-card--list.comment-thread, .br-card--list.add-message, .conference-speaker .br-card--list.speaker-bio, .br-card--list.conference-registration, .br-card--list.chart-tooltip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
  grid-gap: 24px;
  gap: 24px;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
}
.card.br-card--list .br-card--list__data, .br-card--list.comment-thread .br-card--list__data, .br-card--list.add-message .br-card--list__data, .conference-speaker .br-card--list.speaker-bio .br-card--list__data, .br-card--list.conference-registration .br-card--list__data, .br-card--list.chart-tooltip .br-card--list__data {
  border-radius: 10px;
  align-items: center;
}
.documents {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.documents .card, .documents .comment-thread, .documents .add-message, .documents .conference-speaker .speaker-bio, .conference-speaker .documents .speaker-bio, .documents .conference-registration, .documents .chart-tooltip {
  border-radius: 0px;
  border: none;
  box-shadow: none;
}
.br-card--list__heading.heading6 {
  display: block;
  align-items: center;
  align-content: center;
  text-transform: none;
  color: #155bcb;
  color: var(--blue-warm-vivid-60);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .br-card--list__heading.heading6 {
    max-width: 100px;
  }
}
.br-card--list__item {
  min-width: 200px;
  display: flex;
  border-radius: 10px;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  gap: 12px;
}
.br-card--list__text {
  display: flex;
  padding: 0px;
  max-height: 40px;
  text-align: center;
  align-items: center;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: justify;
}
.br-card--list__data__icon {
  display: flex;
  align-items: center;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.br-message.info {
  margin-top: 20px;
}
.card__link {
  display: flex;
  align-items: center;
}
.user-follow-stats .card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-follow-stats .card__link strong {
  color: #636363;
  color: var(--gray-60);
}
.doc_extension {
  text-transform: lowercase;
  text-align: left;
}
.attachments.images {
  background-color: white;
}
.section.images h3 {
  font-style: normal;
  font-weight: 600;
}
.attachments {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.attachment-item {
  display: flex;
  align-items: center;
  border: 1px solid #f3f7fb;
  border: 1px solid var(--blue-3);
  border-radius: 8px;
}
.attachment-item .download-button {
  display: flex;
  justify-content: center;
  width: 368px;
  align-items: center;
  padding: 1.5rem 0.5rem;
  gap: 8px;
}
.attachment-item .download-button span {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.attachment-item .download-button i.fa-solid {
  font-size: 1.25rem;
}
.attachment-file {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 80px;
  padding: 1rem;
  background-color: #f3f7fb;
  background-color: var(--blue-3);
  gap: 0.5rem;
}
.attachment-file h4 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  font-size: 1.25rem;
  text-align: left;
  padding: 0;
  margin: 0;
}
.attachment-file p {
  color: #1B1B1B;
  font-size: 1rem;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: left;
  margin: 0;
}
.attachment-file span {
  color: #1351b4;
  color: var(--blue-warm-vivid-70, #1351b4);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .attachment-item {
    flex-direction: column;
    align-items: center;
  }
  .download-button {
    width: 328px;
  }
}
.gallery-photo {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.thumbnail {
  margin-bottom: 0.5rem;
}
.meetings-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.region-meetings {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2.125rem;
  align-items: center;
  margin-top: 1.5rem;
}
.br_mine {
  width: auto;
  display: flex;
  justify-content: center;
}
.regions-map {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.brmap {
  max-width: 38rem;
  max-height: 33rem;
}
.meetings-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.meetings-content .column > .card, .meetings-content .columns > .card, .meetings-content .column > .comment-thread, .meetings-content .columns > .comment-thread, .meetings-content .column > .add-message, .meetings-content .columns > .add-message, .meetings-content .conference-speaker .column > .speaker-bio, .conference-speaker .meetings-content .column > .speaker-bio, .meetings-content .conference-speaker .columns > .speaker-bio, .conference-speaker .meetings-content .columns > .speaker-bio, .meetings-content .column > .conference-registration, .meetings-content .columns > .conference-registration, .meetings-content .column > .chart-tooltip, .meetings-content .columns > .chart-tooltip {
  border-top-width: 8px;
  border-top-color: #cfe8ff;
  border-top-color: var(--blue-vivid-10);
}
.meetings-count-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  gap: 6px;
}
.meetings-count-text {
  font-size: 20px;
  margin: 0;
  font-weight: 600;
}
.meeting-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.meeting-container > button {
  margin: 0;
}
.meetings-button__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.meetings__button-circle {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  position: relative;
  z-index: 10;
}
.meetings__button-circle:hover {
  background-color: rgba(19, 81, 180, 0.16);
  background-color: rgba(var(--interactive-rgb), var(--hover));
}
@keyframes MeetingListSlidein {
  from {
    opacity: 0;
    transform: translateX(120px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes mapslidein {
  from {
    transform: translateX(120px);
  }
  to {
    transform: translateX(0);
  }
}
@media (min-width: 980px) {
  .meetings-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .region-meetings {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .map-animation {
    animation: mapslidein 0.5s;
    transition: all 1.5s;
  }
}
.card-grid > div {
  height: 100%;
  margin: 0;
  padding: 0;
}
.card-meeting__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
}
.meeting-counter-text {
  font-size: 14px;
  font-weight: 600;
}
.comments-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.comment__deleted {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
  padding: 1rem;
}
.br-comments-count {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.25rem !important;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.warning-meetings {
  display: inline;
  background: #fdf5e6;
  font-size: 14px;
  padding: 8px 16px 8px 16px;
}
.comments_blocked_warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
  gap: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.extra .author-data {
  flex-direction: column;
}
.extra .extra__date-container {
  margin-bottom: 0;
  flex-direction: column;
}
.author-data__main,
.author-data__extra {
  margin: 0 !important;
}
.author.author--inline > a,
.author.author--inline {
  gap: 4px;
}
.participants-list-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.participants-list-container h3 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.header-meetings {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.header-meetings .title {
  margin: 0;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 2.25rem;
  font-weight: 600;
}
.admin-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.admin-tools {
  flex: 1 1;
}
.export-buttons {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .export-buttons {
    flex-direction: column;
  }
}
.export-close-button {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.export-calendar-input {
  width: 94%;
}
.calendar-export {
  font-size: 26px;
}
.date-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  font-size: 0.75rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  justify-content: center;
}
.date-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 120px;
  text-align: center;
  color: #1b1b1b;
  color: var(--gray-90);
}
.date-label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.label-dou {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.dou-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.publish-date-dou {
  color: #636363;
  color: var(--gray-60);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
}
.process-home-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ministery-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0 24px;
}
.process-home-content .second-content {
  width: 100%;
  align-items: start;
  padding: 12px 24px;
}
.colorful-card {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  background-color: #edf5ff;
  background-color: var(--blue-warm-vivid-5);
}
.colorful-card p {
  margin: 0;
  padding: 0;
}
.second-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 340px;
  padding: 28px 0 0 0;
}
.online-meeting-card {
  max-width: 768px;
}
.ministry-text {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.process-group-text {
  padding: 0 16px;
  margin: 0 0 16px 0;
  font-size: 1rem;
}
.process-group-text i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.meeting-duration-time {
  display: flex;
  flex-direction: column;
}
.meeting_iframe {
  width: 100%;
  height: 20rem;
  background-color: #000;
  border: none;
}
@media (min-width: 640px) {
  .meeting-duration-time {
    flex-direction: row;
  }
  .process-home-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .date-container {
    justify-content: flex-end;
  }
  .publish-date-dou {
    text-align: right;
  }
  .meeting_iframe {
    width: 50%;
    height: 20rem;
    background-color: #000;
    border: none;
  }
}
.new-meetings-header {
  margin-top: 48px;
  margin-bottom: 24px;
}
.new-meetings-header .section-header-text {
  color: #333;
  color: var(--gray-80);
  font-size: 48px;
  font-size: var(--font-size-32);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: 0.5rem;
}
.new-meetings-header .section-header-help-text {
  color: #1b1b1b;
  color: var(--Gray-gray-90, #1b1b1b);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin-bottom: 1rem;
}
.new-meetings-header .help-new-proposal-header {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin-bottom: 1rem;
}
.new-meetings-header > a {
  display: inline-flex;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: center;
  font-family: Roboto, Rawline, Raleway, sans-serif;
  font-family: Roboto, var(--font-family-base);
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  height: 39px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.new-meetings-header .fa-chevron-left {
  width: 20px;
  height: 20px;
}
.new-meetings-header .help-text-form-required-fields {
  color: #000;
  color: var(--pure-100);
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none;
  font-style: normal;
  margin: 0;
}
.new-meeting-title {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 29.036px;
  font-size: var(--font-size-scale-up-04);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
  padding: 0;
}
.form-input-extra-before {
  text-align: end;
  font-weight: 300;
  margin: 0;
  font-size: 0.875rem;
}
.new-meeting-form .meetings_form.new_meeting {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin-top: 24px;
  padding: 0;
  gap: 24px;
}
.new-meeting-form .meetings_form.new_meeting .field > label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.new-meeting-form .meetings_form.new_meeting .field > label input {
  display: flex;
  height: 63px;
  padding: 0.5rem 1rem;
  align-items: center;
  border-radius: 6px;
  border: none;
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  margin: 0 !important;
  margin-top: 16px;
}
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label {
  position: relative;
  display: inline-block;
  width: 100%; /* Adjust as needed */
}
.new-meeting-form .meetings_form.new_meeting .field > label input {
  margin: 0 !important;
}
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label select, .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label .inline-filters button[data-toggle], .inline-filters .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label button[data-toggle] {
  height: 63px;
  width: 100%;
  border-radius: 10px;
  background-color: #f6f6f6;
  padding: 8px 16px;
  margin-top: 1rem;
  border: 0;
}
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label select, .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label .inline-filters button[data-toggle], .inline-filters .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label button[data-toggle] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.new-meeting-form .meetings_form.new_meeting .field > label input::-moz-placeholder, .new-meeting-form .meetings_form.new_meeting .field > label textarea::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-size: 14px;
  font-size: var(--font-size-14);
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.new-meeting-form .meetings_form.new_meeting .field > label input::placeholder,
.new-meeting-form .meetings_form.new_meeting .field > label textarea::placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-size: 14px;
  font-size: var(--font-size-14);
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.new-meeting-form .meetings_form.new_meeting .field > label textarea {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #f6f6f6;
  background: var(--gray-3);
  margin-top: 16px;
}
.new-meeting-form .meetings_form.new_meeting .field > label input:hover,
.new-meeting-form .meetings_form.new_meeting .field > label textarea:hover {
  background-image: linear-gradient(rgba(51, 51, 51, 0.16), rgba(51, 51, 51, 0.16));
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}
.help-text {
  margin-top: 0.25rem;
}
.metting-registration-type {
  display: flex;
  align-items: baseline;
}
.metting-registration-type label {
  display: none;
}
.meeting-duration-time .field {
  width: 100%;
}
.meeting-duration-time .field input {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%231351b4%22%20d%3D%22M128%200c17.7%200%2032%2014.3%2032%2032V64H288V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032V64h48c26.5%200%2048%2021.5%2048%2048v48H0V112C0%2085.5%2021.5%2064%2048%2064H96V32c0-17.7%2014.3-32%2032-32zM0%20192H448V464c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V192zm64%2080v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm128%200v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H208c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H336zM64%20400v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H208zm112%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H336c-8.8%200-16%207.2-16%2016z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.meeting-duration-time {
  padding: 1.5rem;
  gap: 1.5rem;
  border-radius: 0.25rem;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.meeting-duration-time .help-text {
  display: none;
}
#meeting_end_time,
#meeting_start_time {
  margin: 8px 0 0 0 !important;
  background-color: #fff;
  background-color: var(--pure-0);
}
#meeting_documents_button {
  width: 100%;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  border-radius: 0.5rem;
}
.agenda-section-heading {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  padding: 0;
  margin: 0;
}
.agenda-card-title {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 1rem;
  font-weight: 400;
}
.agenda-card-content {
  border-radius: 0.25rem;
}
.agenda-card-content .agenda-item-content-container {
  display: flex;
  width: 100%;
}
.agenda-card-content .agenda-item-content-container > .fa-solid {
  display: none;
}
.agenda-card-content .fa-solid {
  font-size: 1rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.agenda-card-content .agenda-item-content-container[aria-expanded~=false] .fa-solid {
  transform: rotate(180deg);
}
.agenda-card-content .agenda-item-content-container.childless {
  cursor: default;
}
.agenda-card-content .agenda-item-content-container.childless .fa-solid {
  opacity: 0%;
}
.agenda-items-content .agenda-card-time {
  padding: 1rem !important;
}
.agenda-card-content.bg-blue {
  background-color: #edf5ff;
  background-color: var(--blue-warm-vivid-5);
}
.meetings-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2rem;
}
.meetings-content .column > .card, .meetings-content .columns > .card, .meetings-content .column > .comment-thread, .meetings-content .columns > .comment-thread, .meetings-content .column > .add-message, .meetings-content .columns > .add-message, .meetings-content .conference-speaker .column > .speaker-bio, .conference-speaker .meetings-content .column > .speaker-bio, .meetings-content .conference-speaker .columns > .speaker-bio, .conference-speaker .meetings-content .columns > .speaker-bio, .meetings-content .column > .conference-registration, .meetings-content .columns > .conference-registration, .meetings-content .column > .chart-tooltip, .meetings-content .columns > .chart-tooltip {
  border-top-width: 8px;
  border-top-color: #cfe8ff;
  border-top-color: var(--blue-vivid-10);
}
.data-icon {
  color: #1351b4;
}
.row-gallery {
  margin-right: auto;
  margin-left: auto;
  max-width: auto;
}
.header-meetings {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.header-meetings .title {
  margin: 0;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 2.25rem;
  font-weight: 600;
}
.admin-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.admin-tools {
  flex: 1 1;
}
.export-buttons {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .export-buttons {
    flex-direction: column;
  }
}
.export-close-button {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.export-calendar-input {
  width: 94%;
}
.calendar-export {
  font-size: 26px;
}
.new-meeting-form .meetings_form.new_meeting .field > label {
  margin: 0 !important;
}
.new-meeting-form .meetings_form.new_meeting .field > label input {
  margin: 0 !important;
}
.dou-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.colorful-card {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  background-color: #edf5ff;
  background-color: var(--blue-warm-vivid-5);
}
.colorful-card p {
  margin: 0;
  padding: 0;
}
.ministry-text {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.process-group-text {
  padding: 0 16px;
  margin: 0 0 16px 0;
  font-size: 1rem;
}
.process-group-text i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.meeting-duration-time {
  display: flex;
  flex-direction: column;
}
.meeting_iframe {
  width: 100%;
  height: 20rem;
  background-color: #000;
  border: none;
}
.meeting-address {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.meeting-address select, .meeting-address .inline-filters button[data-toggle], .inline-filters .meeting-address button[data-toggle] {
  background-color: #fff !important;
  background-color: var(--pure-0) !important;
}
.meeting-address {
  flex-direction: row;
}
.meeting-duration-time {
  flex-direction: row;
}
.meetings-author-info-br .author-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
@media (min-width: 640px) {
  .meetings-author-info-br .author-data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .meetings-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 2rem;
  }
  .meeting_iframe {
    width: 50%;
    height: 20rem;
    background-color: #000;
    border: none;
  }
}
.new-meetings-header .fa-chevron-left {
  width: 20px;
  height: 20px;
}
.meeting-duration-time .help-text {
  display: none;
}
.meetings-br-actions-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 24px;
}
.meetings-br-actions-buttons .br-button {
  text-decoration: none;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: center;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 8px 24px;
  width: 100%;
  gap: 8px;
}
.meetings-br-actions-buttons .br-button > .fa-share-alt,
.meetings-br-actions-buttons .br-button > .fa-flag {
  display: flex;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  justify-content: flex-end;
  align-items: center;
  margin: 0 !important;
  width: 20px;
  height: 20px;
}
.card.extra .card__content.meetings-info-container, .extra.comment-thread .card__content.meetings-info-container, .extra.add-message .card__content.meetings-info-container, .conference-speaker .extra.speaker-bio .card__content.meetings-info-container, .extra.conference-registration .card__content.meetings-info-container, .extra.chart-tooltip .card__content.meetings-info-container, .card.extra .meetings-info-container.badge-card__content, .extra.comment-thread .meetings-info-container.badge-card__content, .extra.add-message .meetings-info-container.badge-card__content, .conference-speaker .extra.speaker-bio .meetings-info-container.badge-card__content, .extra.conference-registration .meetings-info-container.badge-card__content, .extra.chart-tooltip .meetings-info-container.badge-card__content {
  background: var(--blue-warm-vivid-05);
  border-radius: 0.25rem;
  padding: 1rem;
}
.meetings-subs-count {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.meetings-subs-count .subs-count {
  color: #000;
  color: var(--pure-100);
  text-align: center;
  font-size: 41.8px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.meetings-subs-count .subs-legend {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.meetings-available-slots {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}
.meetings-info-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.meeting-remaining-slots {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 11.67px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.meeting-remaining-slots .remaining-slots-count {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 20.16px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.meetings-author-info-br {
  margin: 0px;
}
div.meetings-author-info-br div.author-data__extra {
  width: -moz-fit-content;
  width: fit-content;
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16px !important;
  font-size: var(--font-size-16) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.meetings-author-info-br .author__avatar {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  padding: 0;
}
.meetings-author-info-br .author__avatar > img {
  width: 100%;
  height: 100%;
}
.meetings-author-info-br .author.author--inline {
  padding: 0;
  gap: 8px;
}
div.meetings-author-info-br span.author__name {
  padding: 0;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-family: "Roboto", Rawline, Raleway, sans-serif;
  font-family: "Roboto", var(--font-family-base);
  font-size: 14px !important;
  font-size: var(--font-size-14) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.meetings-author-info-br .author-data__extra {
  margin: 0;
}
.card-component {
  padding: 16px;
  border-radius: 4px;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.card-component__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1;
}
.card-component__content .header {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.card-component__content .header p {
  margin: 0;
  padding: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.card-component__content .date-container {
  display: flex;
  flex-direction: column;
  gap: 4;
  justify-content: center;
}
.card-component__content .date-container .extra__date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.card-component__content .date-container .extra__date .day {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.613rem;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
}
.card-component__content .date-container .extra__date .extra__month {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.card-component__content .date-container .extra__date .extra__time {
  display: flex;
  gap: 8px;
  margin: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  align-items: center;
  justify-content: center;
}
.card-component__content .date-container .extra__date .extra__time i {
  margin-top: 2px;
}
.card-component__content .date-container .extra__date .extra__time span {
  line-height: 22px;
}
.extra__time-title {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 0.825rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.card-component__content .date-container .date-set .extra__date {
  gap: 4px;
}
.card-component__content .date-container .date-set .extra__date .extra__month {
  font-weight: 500;
}
.date-set {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
}
.definition-data__item {
  text-align: center;
  padding: 0;
}
.meeting-actions-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.meeting-actions-container .button_to {
  width: -moz-fit-content;
  width: fit-content;
}
.meeting-actions-container .black-and-white-btn {
  background: none;
  color: #333;
  color: var(--gray-80);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.data-picker.picker-single .picker-values div a,
.data-picker .picker-prompt a {
  display: flex;
  height: 63px;
  padding: 0.5rem 1rem;
  align-items: center;
  border-radius: 6px;
  border: none;
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  margin: 0;
  margin-top: 1rem;
  justify-content: space-between;
  box-shadow: none;
}
.meeting-actions-buttons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 768px) {
  .meeting-actions-buttons {
    flex-direction: column !important;
  }
}
.meeting-actions-buttons .br-button {
  display: flex;
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  gap: 0.5rem;
}
.meeting-actions-buttons .cancel-meeting,
.meeting-actions-buttons .delete-meeting {
  color: #8b0a03;
  color: var(--red-vivid-70);
  border: 1px solid #8b0a03;
  border: 1px solid var(--red-vivid-70);
}
.meeting-actions-buttons .fa-solid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}
.close__meeting__form-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}
.close__meeting__form-container h2 {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 2rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  padding: 0;
  margin: 0;
}
.form.edit-close_meeting {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-close_meeting-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.edit-close_meeting-subtitle {
  color: #1B1B1B;
  color: var(--Gray-gray-90, #1B1B1B);
  font-size: 20.16px;
}
.obrigatory-fields-warning {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.close__meetings-form label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.close__meetings-form label .attendees_count_input {
  margin: 10px 0 10px 0;
  max-width: 292px;
}
.close__meetings-form label input,
.close__meetings-form label textarea {
  margin-top: 1rem;
}
.close__meetings-form label textarea::-moz-placeholder, .close__meetings-form label input::-moz-placeholder {
  color: #000 !important;
}
.close__meetings-form label textarea::placeholder,
.close__meetings-form label input::placeholder {
  color: #000 !important;
}
.attendees_count_help {
  margin-top: 10px;
  color: #333;
  color: var(--Gray-gray-80, #333);
  font-size: 14px;
  font-style: italic;
}
.attachment-details {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  justify-content: space-between;
}
.attachment-details .file-name {
  color: #155BCB;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-60, #155BCB);
  font-size: 14px;
}
.file-size {
  color: #000;
  color: var(--Pure-pure-100, #000);
  font-size: 11.67px;
  font-weight: 400;
}
.close_meeting-photo_label {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  margin-bottom: 10px;
}
.close_meeting-photo_label span {
  color: #636363;
  color: var(--Gray-gray-60, #636363);
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
}
#close_meeting-submit {
  align-self: center;
}
.toggle-upload-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
label input.toggle-upload-checkbox {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
label .toggle-upload-checkbox:checked {
  border-color: #007bff;
}
label .toggle-upload-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #007bff;
}
.dynamic-uploads .actions-wrapper.checkbox {
  flex-direction: column;
  gap: 4px;
}
.field .toggle-upload-label {
  color: #1B1B1B;
  color: var(--Gray-gray-90, #1B1B1B);
  font-size: 1rem;
}
.br-upload-button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  padding-left: 40px;
  text-align: left;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 10px 34%;
  background-size: 20px 20px;
  font-size: 14px;
  font-style: italic;
}
.br-upload-button.enabled-upload-button {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.5H8.75C8.3125%2012.5%208%2012.1875%208%2011.75V6.5H5.25C4.6875%206.5%204.40625%205.84375%204.8125%205.4375L9.5625%200.6875C9.78125%200.46875%2010.1875%200.46875%2010.4062%200.6875L15.1562%205.4375C15.5625%205.84375%2015.2812%206.5%2014.7188%206.5H12V11.75C12%2012.1875%2011.6562%2012.5%2011.25%2012.5ZM18%2012.25V15.75C18%2016.1875%2017.6562%2016.5%2017.25%2016.5H2.75C2.3125%2016.5%202%2016.1875%202%2015.75V12.25C2%2011.8438%202.3125%2011.5%202.75%2011.5H7V11.75C7%2012.7188%207.78125%2013.5%208.75%2013.5H11.25C12.1875%2013.5%2013%2012.7188%2013%2011.75V11.5H17.25C17.6562%2011.5%2018%2011.8438%2018%2012.25ZM14.125%2015C14.125%2014.6562%2013.8438%2014.375%2013.5%2014.375C13.1562%2014.375%2012.875%2014.6562%2012.875%2015C12.875%2015.3438%2013.1562%2015.625%2013.5%2015.625C13.8438%2015.625%2014.125%2015.3438%2014.125%2015ZM16.125%2015C16.125%2014.6562%2015.8438%2014.375%2015.5%2014.375C15.1562%2014.375%2014.875%2014.6562%2014.875%2015C14.875%2015.3438%2015.1562%2015.625%2015.5%2015.625C15.8438%2015.625%2016.125%2015.3438%2016.125%2015Z%22%20fill%3D%22%23155BCB%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid #F5F6F7;
  color: #155BCB;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-60, #155BCB);
  background-color: #F5F6F7;
  background-color: var(--Gray-Cool-gray-cool-03, #F5F6F7);
}
.br-upload-button.disabled-upload-button {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%220.45%22%3E%3Cpath%20d%3D%22M11.25%2013H8.75C8.3125%2013%208%2012.6875%208%2012.25V7H5.25C4.6875%207%204.40625%206.34375%204.8125%205.9375L9.5625%201.1875C9.78125%200.96875%2010.1875%200.96875%2010.4062%201.1875L15.1562%205.9375C15.5625%206.34375%2015.2812%207%2014.7188%207H12V12.25C12%2012.6875%2011.6562%2013%2011.25%2013ZM18%2012.75V16.25C18%2016.6875%2017.6562%2017%2017.25%2017H2.75C2.3125%2017%202%2016.6875%202%2016.25V12.75C2%2012.3438%202.3125%2012%202.75%2012H7V12.25C7%2013.2188%207.78125%2014%208.75%2014H11.25C12.1875%2014%2013%2013.2188%2013%2012.25V12H17.25C17.6562%2012%2018%2012.3438%2018%2012.75ZM14.125%2015.5C14.125%2015.1562%2013.8438%2014.875%2013.5%2014.875C13.1562%2014.875%2012.875%2015.1562%2012.875%2015.5C12.875%2015.8438%2013.1562%2016.125%2013.5%2016.125C13.8438%2016.125%2014.125%2015.8438%2014.125%2015.5ZM16.125%2015.5C16.125%2015.1562%2015.8438%2014.875%2015.5%2014.875C15.1562%2014.875%2014.875%2015.1562%2014.875%2015.5C14.875%2015.8438%2015.1562%2016.125%2015.5%2016.125C15.8438%2016.125%2016.125%2015.8438%2016.125%2015.5Z%22%20fill%3D%22%23155BCB%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  border: 1px dashed #155BCB;
  border: 1px dashed var(--Blue-Warm-Vivid-blue-warm-vivid-60, #155BCB);
  opacity: 0.45;
  color: #155BCB;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-60, #155BCB);
  background-color: #FFF;
  background-color: var(--Pure-pure, #FFF);
}
.br-upload-button.disabled-upload-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%2012.5H8.75C8.3125%2012.5%208%2012.1875%208%2011.75V6.5H5.25C4.6875%206.5%204.40625%205.84375%204.8125%205.4375L9.5625%200.6875C9.78125%200.46875%2010.1875%200.46875%2010.4062%200.6875L15.1562%205.4375C15.5625%205.84375%2015.2812%206.5%2014.7188%206.5H12V11.75C12%2012.1875%2011.6562%2012.5%2011.25%2012.5ZM18%2012.25V15.75C18%2016.1875%2017.6562%2016.5%2017.25%2016.5H2.75C2.3125%2016.5%202%2016.1875%202%2015.75V12.25C2%2011.8438%202.3125%2011.5%202.75%2011.5H7V11.75C7%2012.7188%207.78125%2013.5%208.75%2013.5H11.25C12.1875%2013.5%2013%2012.7188%2013%2011.75V11.5H17.25C17.6562%2011.5%2018%2011.8438%2018%2012.25ZM14.125%2015C14.125%2014.6562%2013.8438%2014.375%2013.5%2014.375C13.1562%2014.375%2012.875%2014.6562%2012.875%2015C12.875%2015.3438%2013.1562%2015.625%2013.5%2015.625C13.8438%2015.625%2014.125%2015.3438%2014.125%2015ZM16.125%2015C16.125%2014.6562%2015.8438%2014.375%2015.5%2014.375C15.1562%2014.375%2014.875%2014.6562%2014.875%2015C14.875%2015.3438%2015.1562%2015.625%2015.5%2015.625C15.8438%2015.625%2016.125%2015.3438%2016.125%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.edit_close_meeting {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.close__meetings-form.field label input:not([type=checkbox]) {
  background-color: #f6f6f6;
  background-color: var(--gray-3);
  border: none;
  padding: 16px;
  margin: 10px 0 0 0;
}
.close__meetings-form .picker-prompt a {
  color: rgba(12, 50, 111, 0.5);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.close__meetings-form .picker-prompt a::after {
  display: none !important;
}
.close__meetings-form #close_meeting_proposals .picker-prompt a {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
}
#proposals_list {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 1rem;
}
#proposals_list label {
  display: flex;
  align-items: center;
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 14px;
  font-size: var(--font-size-14);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: normal;
}
#proposals_list label input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-color: var(--pure-0);
  border: 1px solid black;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
#proposals_list label input[type=checkbox]:active,
#proposals_list label input[type=checkbox]:focus {
  outline: none;
}
#proposals_list label input[type=checkbox]:checked {
  border: 1px solid #2670e8;
  border: 1px solid var(--blue-warm-vivid-50);
}
#proposals_list label input[type=checkbox]:checked:after {
  content: "✓";
  color: #2670e8;
  color: var(--blue-warm-vivid-50);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
}
.add-calendar {
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  background: #fff;
  background: var(--pure-0);
}
.button_back a {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 600;
  margin: 0;
}
.new_agenda .card-title,
.edit_agenda .card-title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}
.new_agenda .card-title span,
.edit_agenda .card-title span {
  flex: 2 1;
}
.new_agenda .meeting__date-info-container,
.edit_agenda .meeting__date-info-container {
  display: flex;
  justify-content: flex-start;
  padding: 1rem;
  gap: 1rem;
}
.new_agenda .meeting__date-info-container .meeting__date-info,
.edit_agenda .meeting__date-info-container .meeting__date-info {
  display: flex;
  flex-direction: column;
}
.fa-chevron-down:before {
  padding: 0.5rem;
  content: "\f078";
}
.agenda__section-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.agenda__section-container .agenda-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.agenda__section-container .br-button {
  width: -moz-fit-content;
  width: fit-content;
}
.agenda__section-container .agenda-section-warning {
  font-size: 1rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  text-align: left;
  margin: 0;
}
.agenda__section-container .agenda-item-content-container:focus {
  outline: none;
}
.agenda__section-container .agenda-item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.agenda__section-container .agenda-item-content .agenda-card-text {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
  gap: 0.5rem;
  padding: 0.5rem;
}
.agenda__section-container .agenda-item-content .agenda-card-text h3 {
  font-size: 1rem;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin: 0;
}
.agenda__section-container .agenda-item-content .agenda-card-text p {
  font-size: 14px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #1b1b1b;
  color: var(--gray-90);
  margin: 0;
}
.agenda__section-container .agenda-item-content .agenda-card-time {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: -moz-fit-content;
  min-width: fit-content;
  gap: 0.25rem;
  padding: 0.5rem;
}
.agenda__section-container .agenda-item-content .agenda-card-time .agenda-time-duration {
  font-size: 1rem;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.agenda__section-container .agenda-item-content .agenda-card-time .agenda-detail-time-duration {
  font-size: 14px;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: center;
}
.agenda__section-container .agenda-items-content {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
.agenda__section-container .agenda-items-content .fa-circle-arrow-right {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  width: 2rem;
}
.agenda__section-container .agenda-items-content.hide {
  display: none;
}
.agenda__form-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.agenda__form-info h3 {
  font-size: 2rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #333;
  color: var(--gray-80);
  line-height: 100%;
  text-align: left;
  margin: 0;
}
.agenda__form-info p {
  font-size: 20.16px !important;
  font-size: var(--font-size-scale-up-02) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  color: #1b1b1b;
  color: var(--gray-90);
  line-height: 100%;
  text-align: left;
  margin: 0;
}
.meeting-agenda-items {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 4px;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.meeting-agenda-items .add-agenda-item {
  width: 100%;
}
.meeting-agenda-items .remove-agenda-item {
  display: flex;
  color: #a23737;
  color: var(--red-60);
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border: 1px solid #a23737;
  border: 1px solid var(--red-60);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 100%;
  margin-bottom: 1rem;
}
.meeting-agenda-items .remove-agenda-item .fa-solid {
  width: 20px;
  height: 20px;
  font-size: 1.25rem;
}
.meeting-agenda-items-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.5rem;
}
.meeting-agenda-item .agenda-item-actions-btns {
  display: flex;
  justify-content: flex-end;
}
.agenda-item-footer-divider {
  height: 2px;
  width: 100%;
  background-color: #c6cace;
  background-color: var(--gray-cool-20);
  margin-bottom: 1.5rem;
}
.meeting-agenda-item-childs-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.meeting-agenda-item-childs-buttons .add-agenda-item-child {
  margin-bottom: 1.5rem;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  width: 100%;
}
.meeting-agenda-item-childs-list {
  margin: 1.5rem 0;
  background-color: #edeff0;
  background-color: var(--gray-cool-5);
  border-radius: 1.5rem;
}
.meeting-agenda-item-child {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem 1.5rem;
  background-color: #edeff0;
  background-color: var(--gray-cool-5);
  border-radius: 1.5rem;
  box-shadow: none;
  border: none;
  margin: 0;
}
.agenda-item-child-divider {
  display: flex;
  justify-content: flex-end;
  height: 40px;
  margin: 1.5rem 0;
}
.agenda-item-child-divider button.remove-agenda-item-child {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 1rem 1.5rem;
  color: #a23737 !important;
  color: var(--red-60) !important;
  border: 1px solid #a23737 !important;
  border: 1px solid var(--red-60) !important;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  line-height: 100%;
}
.agenda-item-child-divider button.remove-agenda-item-child .fa-solid {
  width: 20px;
  height: 20px;
  font-size: 1.25rem;
}
.agenda-item-text-field label,
.agenda-item-number-field label,
.agenda-item-text_area-field label {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  font-style: normal;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  line-height: 100%;
}
.agenda-item-text-field label input[type=text],
.agenda-item-text-field label input[type=number],
.agenda-item-text-field label textarea,
.agenda-item-number-field label input[type=text],
.agenda-item-number-field label input[type=number],
.agenda-item-number-field label textarea,
.agenda-item-text_area-field label input[type=text],
.agenda-item-text_area-field label input[type=number],
.agenda-item-text_area-field label textarea {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 0.5rem 1rem;
  align-items: center;
  border-radius: 4px;
  border: none;
  font-style: italic;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 14px;
  font-size: var(--font-size-scale-base);
  line-height: 100%;
  color: #000;
  color: var(--pure-100);
  margin-bottom: 1.5rem !important;
}
.agenda-item-text-field label input[type=text]::-moz-placeholder, .agenda-item-text-field label textarea::-moz-placeholder, .agenda-item-text-field label textarea:focus::-moz-placeholder, .agenda-item-number-field label input[type=text]::-moz-placeholder, .agenda-item-number-field label textarea::-moz-placeholder, .agenda-item-number-field label textarea:focus::-moz-placeholder, .agenda-item-text_area-field label input[type=text]::-moz-placeholder, .agenda-item-text_area-field label textarea::-moz-placeholder, .agenda-item-text_area-field label textarea:focus::-moz-placeholder {
  color: #000 !important;
  color: var(--pure-100) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-style: italic;
  font-size: 14px;
  line-height: 100%;
}
.agenda-item-text-field label input[type=text]::placeholder,
.agenda-item-text-field label textarea::placeholder,
.agenda-item-text-field label textarea:focus::placeholder,
.agenda-item-number-field label input[type=text]::placeholder,
.agenda-item-number-field label textarea::placeholder,
.agenda-item-number-field label textarea:focus::placeholder,
.agenda-item-text_area-field label input[type=text]::placeholder,
.agenda-item-text_area-field label textarea::placeholder,
.agenda-item-text_area-field label textarea:focus::placeholder {
  color: #000 !important;
  color: var(--pure-100) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-style: italic;
  font-size: 14px;
  line-height: 100%;
}
.agenda-item-text-field label input[type=number],
.agenda-item-number-field label input[type=number],
.agenda-item-text_area-field label input[type=number] {
  margin-bottom: 0 !important;
}
.agenda-item-text-field label textarea,
.agenda-item-number-field label textarea,
.agenda-item-text_area-field label textarea {
  background-color: #fff;
  background-color: var(--pure-0);
  height: auto;
}
.agenda-item-text-field label span,
.agenda-item-number-field label span,
.agenda-item-text_area-field label span {
  display: none;
}
.new_agenda,
.edit_agenda {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.agenda-submit-container {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.meeting-agenda-items .confirmation-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.meeting-agenda-items .modal-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #fff;
  background: var(--pure-0);
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 4px;
  width: 90%;
  max-width: 800px;
}
.meeting-agenda-items .modal-header {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
}
.meeting-agenda-items .modal-header .modal-title {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #005ea2;
  color: var(--blue-vivid-60);
  padding: 0;
  font-size: 2rem;
  line-height: 100%;
  margin: 0;
}
.meeting-agenda-items .modal-header .modal-warning {
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  font-size: 20.16px;
  font-size: var(--font-size-scale-up-02);
  color: #1b1b1b;
  color: var(--gray-90);
  line-height: 100%;
  margin: 0;
}
.meeting-agenda-items .modal-actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  gap: 1rem;
}
.meeting-agenda-items .modal-actions .br-button {
  display: flex;
  width: 100%;
}
@media (max-width: 768px) {
  .agenda__section-container .agenda-item-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .agenda__section-container .agenda-item-content .agenda-card-time {
    padding: 0.5rem !important;
    align-items: flex-start;
  }
  .agenda__section-container .agenda-item-content .agenda-card-time .agenda-time-duration {
    text-align: left;
    width: 100%;
  }
  .agenda__section-container .agenda-item-content .fa-solid {
    display: none;
  }
  .new_agenda .card-title,
  .edit_agenda .card-title {
    flex-direction: column;
  }
  .agenda-item-content .agenda-card-text {
    padding: 0 0.5rem;
  }
  .agenda-card-content .agenda-items-content {
    margin: 0.5rem 0 0 0.75rem;
  }
  .agenda-card-content .agenda-item-content-container > .fa-solid {
    padding: 12px 0px 0px 0px;
    display: flex;
    min-width: 2rem;
    align-items: flex-start;
    justify-content: center;
  }
}
.meetings_to_define_checkbox {
  display: block !important;
  height: auto !important;
  margin: 1rem 0 !important;
}
.new-meeting-start-time :last-child {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-left: 1rem !important;
}
.meeting_available_slots,
.meeting_registration_url,
.meeting_registration_terms {
  display: none;
}
.form-container {
  box-shadow: none;
  border: none;
  padding: 0;
}
.form-container .card__content, .form-container .badge-card__content {
  padding: 0;
}
.question-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}
.question-grid > div {
  border-bottom: 1px solid #e0e0e0;
  min-height: 150px;
}
.collection-input > label {
  font-size: 1rem;
  font-weight: normal;
  color: #1b1b1b;
  color: var(--gray-90);
}
.questionnaire-step-title {
  font-size: 48px !important;
  font-size: var(--font-size-32) !important;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: 1rem;
  color: #1b1b1b;
  color: var(--gray-90);
  padding: 0;
}
.questionnaire-step {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.questionary-br-input > input,
.questionary-br-input > textarea {
  display: flex;
  min-height: 63px !important;
  padding: 0.5rem 1rem !important;
  align-items: center !important;
  border-radius: 6px !important;
  border: none !important;
  background-color: #f6f6f6 !important;
  background-color: var(--gray-3) !important;
  margin: 1rem 0 0 0 !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
}
.questionary-br-input > label,
.questionnaire-step > label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
}
.answer-questionnaire-public-information > label {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: var(--semi-bold);
}
.tos_agreement_subtitle > label {
  font-weight: regular;
}
.tos_agreement_title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  font-family: Rawline;
  font-weight: 400;
  font-size: 24.19px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.add-questionnaire-file {
  background-color: #1351b4 !important;
  background-color: var(--blue-warm-vivid-70) !important;
  margin: 0.5rem 0;
  color: #fff !important;
  color: var(--pure-0) !important;
}
.question-conainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
}
.submit-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  width: 100%;
}
.submit-content {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  align-items: flex-end;
}
.card__animation {
  animation: slidein 0.5s;
  transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
}
.card__animation:hover {
  transform: scale(1.025);
  transition: transform 0.3s, box-shadow 0.2s;
}
@keyframes slidein {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.proposals_card_stats {
  display: flex;
  flex-direction: column;
}
.progress__bar__number {
  color: #000;
  color: var(--pure-100);
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 41.8px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0.5rem;
}
.progress__bar__text {
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: lowercase !important;
}
.progress__bar__coment_number {
  color: #726a70;
}
.progress__bar__coment {
  color: #726a70;
  font-size: 1rem !important;
}
.card__header {
  overflow: hidden;
}
.card.default, .default.comment-thread, .default.add-message, .conference-speaker .default.speaker-bio, .default.conference-registration, .default.chart-tooltip {
  border-top-color: #adcdff;
  border-top-color: var(--blue-warm-vivid-20);
  border-top-width: 8px;
}
.card.blue, .blue.comment-thread, .blue.add-message, .conference-speaker .blue.speaker-bio, .blue.conference-registration, .blue.chart-tooltip {
  border-top-color: #155bcb;
  border-top-color: var(--blue-warm-vivid-60);
  border-top-width: 8px;
}
.card.red, .red.comment-thread, .red.add-message, .conference-speaker .red.speaker-bio, .red.conference-registration, .red.chart-tooltip {
  border-top-color: #b50909;
  border-top-color: var(--red-vivid-60);
  border-top-width: 8px;
}
.card.green, .green.comment-thread, .green.add-message, .conference-speaker .green.speaker-bio, .green.conference-registration, .green.chart-tooltip {
  border-top-color: #466c04;
  border-top-color: var(--green-vivid-60);
  border-top-width: 8px;
}
.card.orange, .orange.comment-thread, .orange.add-message, .conference-speaker .orange.speaker-bio, .orange.conference-registration, .orange.chart-tooltip {
  border-top-color: #c05600;
  border-top-color: var(--orange-vivid-50);
  border-top-width: 8px;
}
.card.gray, .gray.comment-thread, .gray.add-message, .conference-speaker .gray.speaker-bio, .gray.conference-registration, .gray.chart-tooltip {
  border-top-color: #636363;
  border-top-width: 8px;
}
.card--component {
  max-width: 364px;
  justify-content: space-between;
}
.card__text--status {
  padding: 4px 8px;
  border-radius: 30px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 64px;
  justify-content: center;
}
.card__text--status.green {
  border: 2px solid #466c04;
  border: 2px solid var(--green-vivid-60);
  color: #466c04;
  color: var(--green-vivid-60);
}
.card__text--status.red {
  border: 2px solid #b50909;
  border: 2px solid var(--red-vivid-60);
  color: #b50909;
  color: var(--red-vivid-60);
}
.card__text--status.orange {
  border: 2px solid #c05600;
  border: 2px solid var(--orange-vivid-50);
  color: #c05600;
  color: var(--orange-vivid-50);
}
.card__text--status.blue {
  border: 2px solid #155bcb;
  border: 2px solid var(--blue-warm-vivid-60);
  color: #155bcb;
  color: var(--blue-warm-vivid-60);
}
.card__text--status.gray {
  border: 2px solid #636363;
  color: #636363;
}
.br-author-name {
  display: inline-block;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: hidden;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
@media (min-width: 768px) {
  .br-author-name {
    max-width: 400px;
  }
}
.component-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .component-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, 352px);
    grid-gap: 1.5rem;
  }
}
.component_card__header {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.component_card__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  margin-top: 0;
  display: block;
  text-overflow: ellipsis;
  max-height: 3.6rem;
  overflow: hidden;
  line-height: 1.8rem;
  word-wrap: break-word;
}
.component_card__footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0 1rem 1rem 1rem;
}
.component_buttons {
  padding: 1rem 0 1rem 0;
  display: flex;
  justify-content: center;
}
.component-card__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1rem;
  margin: 1.5rem 0;
}
.component-card-data {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.component-card-data i {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
@media (max-width: 360px) {
  .component-card-data {
    flex-direction: column;
  }
}
.card__support__data--left {
  margin-bottom: 1rem;
}
.component-card-data-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.component-card-data-label {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.component-card-data-value {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.component_card_tag {
  display: inline-flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  background: #f8f8f8;
  background: var(--gray-2);
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.component_card_address {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  justify-content: start;
  margin-left: 1rem;
}
.component_card_address span {
  overflow: hidden;
  color: #555;
  color: var(--gray-70);
  text-overflow: ellipsis;
  font-family: Rawline;
}
.process-card-step-title {
  color: #333;
  color: var(--gray-80);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.process-card-step {
  color: #333;
  color: var(--gray-80);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.card-process-group {
  display: inline-flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background: #d4e5ff;
  background: var(--blue-warm-vivid-10);
  margin: 0 0 1.5rem 1rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70, #1351b4);
  font-size: 12px;
}
.meetings-card-count-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  padding: 1rem 0;
}
.meetings-card-count-container span {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 1.25rem;
  font-weight: 600;
}
.component-card_badges {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.badge_card {
  display: flex;
  gap: 0.5rem;
}
.component-card-stats {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  margin-left: 1rem;
  margin-right: 1rem;
  border-top: 1px solid #F0F0F0;
  border-top: 1px solid var(--Gray-gray-05, #F0F0F0);
  color: #173365;
}
.component-card-stats i {
  padding: 8px;
}
.component-card-stats .votes {
  color: #252526;
  font-size: 20px;
  font-weight: 600;
}
.component-card-stats .total-comments {
  color: #4B4C4D;
  font-size: 14px;
  font-weight: 600;
}
.component-date-title {
  font-size: 14px;
  font-size: var(--bp-font-size-xx-small, 14px);
  font-weight: 600;
  font-weight: var(--bp-font-weight-semibold, 600);
  text-transform: uppercase;
}
.component-date-value {
  font-size: 14px;
  font-size: var(--bp-font-size-xx-small, 14px);
  font-weight: 400;
  font-weight: var(--bp-font-weight-regular, 400);
}
.sector-title {
  color: #636363;
  color: var(--Gray-gray-60, #636363);
  font-size: 12px;
  font-weight: 700;
}
.sector-name {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.card__text--paragraph .rich-text-display p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  align-self: stretch;
  overflow: hidden;
  color: #555;
  color: var(--Gray-gray-70, #555);
  font-size: 14px;
  font-weight: 400;
}
.hide-br-list-dropdown {
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.3s, transform 0.3s, box-shadow 0.2s;
}
.br-list-dropdown {
  box-shadow: none !important;
}
.br-list-dropdown-in-view {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
  transition: box-shadow 3s;
}
.show-br-list-dropdown {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
  -webkit-transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
  -moz-transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
  -ms-transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
  -o-transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
}
.foreign-login {
  margin-top: 4rem;
  margin-bottom: 1rem;
}
.foreign-login > div, .foreign-actions-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.foreign-login h1 {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 24.192px;
  font-size: var(--font-size-scale-up-03);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
.foreign-login p {
  color: #1b1b1b;
  color: var(--gray-90);
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  line-height: normal;
  margin: 0;
}
.foreign-actions-buttons {
  margin-top: 2rem;
}
.foreign-actions-buttons a {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-size: 16.8px !important;
  font-size: var(--font-size-scale-up-01) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.foreign-actions-buttons .br-sign-in {
  display: flex;
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
  gap: 0.5rem;
}
.foreign-actions-buttons .fa-user-large {
  font-size: 1.25rem;
}
.foreign-back-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.foreign-subtitle {
  font-family: Rawline, serif;
  font-size: 1rem;
  font-weight: 400;
  color: #1b1b1b;
  color: var(--gray-90);
}
.foreign-form-explanation {
  font-family: Rawline, serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.login-container {
  display: flex;
  flex-direction: column;
  max-width: 752px;
  margin: 32px auto;
  text-align: center;
  gap: 24px;
  padding: 0 20px;
}
.login-container h1 {
  margin: 0;
  padding: 0;
  font-size: 34.84px;
}
.login-container p {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .login-container {
    padding: 0;
  }
}
.govbr-login-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 0;
  justify-content: center;
}
.govbr-login-container h1 {
  margin: 0;
  padding: 0;
}
.foreign-login-container {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
}
.foreign-login-container h2 {
  margin: 0;
  padding: 0;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 24.19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
}
.foreign-login-container p {
  margin: 0;
  padding: 0;
  color: #1b1b1b;
  color: var(--gray-90);
  text-align: center;
  font-size: 16.8px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#login-form-container {
  text-align: left;
  display: none;
}
.sign_up-card {
  display: flex;
  text-align: left;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  margin-bottom: 24px;
}
#card__tos {
  margin-bottom: -50px;
}
.user-nickname .help-text {
  margin-top: 0;
}
#registration_user_nickname_characters {
  display: none;
}
.hide-menu-links {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.3s, transform 0.3s, box-shadow 0.2s;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
}
.show-menu-links {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.5s, transform 0.4s, box-shadow 0.3s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.br-switch input[type=checkbox] + label::after {
  align-items: center;
  color: #fff;
  color: var(--color-dark);
  content: "\f00d";
  display: inline-flex;
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: 900;
  justify-content: center;
}
.br-switch input[type=checkbox]:checked + label::after {
  content: "\f00c";
}
.br-switch input[type=checkbox]:checked:disabled + label::after {
  content: "\f023";
}
.br-cookie-modal {
  border-radius: 10px;
}
.br-cookie-group {
  font-weight: 600;
  color: #333;
  color: var(--gray-80);
}
.br-cookie-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.bottom-cookies-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom-cookies {
  background-color: rgba(7, 29, 65, 0.8);
  color: #fff;
  color: var(--pure-0);
  width: 100%;
  position: fixed;
  bottom: 0;
}
.bottom-button-cookies {
  background-color: transparent !important;
}
.settings-bottom-cookies {
  gap: 5px;
}
.text-cookies-bottom {
  color: #fff;
  color: var(--pure-0);
  text-align: justify;
}
.cookies-button-container {
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 800px) {
  .bottom-cookies-container {
    flex-direction: row;
  }
  .cookies-button-container {
    flex-direction: row;
  }
}
.comments-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.br-comments-count {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.25rem !important;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.comments-count {
  font-weight: 600 !important;
  font-weight: var(--font-weight-semi-bold) !important;
  color: var(pure-100);
  margin-left: 1rem;
}
.comments-count.coments-count-override {
  margin: 0 !important;
}
.comments_blocked_warning {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2rem 0;
  gap: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.comment__footer {
  padding-bottom: 1.5rem;
  gap: 1.5rem;
  font-size: 90%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 768px) {
  .comment__footer {
    gap: 0;
    padding: 1rem 0px;
    justify-content: space-between;
  }
}
.comment__footer_votes {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.comment_check {
  margin-left: 6px;
}
.interaction-select:hover a {
  color: #adcdff;
  color: var(--blue-warm-vivid-20);
}
.feedback-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.accept-button {
  color: #2f4a0b;
  color: var(--green-vivid-70);
  gap: 8px;
}
.accept-button.selected {
  background-color: #2f4a0b;
  background-color: var(--green-vivid-70);
  color: #fff;
  color: var(--background-light);
}
.reject-button {
  color: #8b0a03;
  gap: 8px;
}
.reject-button.selected {
  background-color: #8b0a03;
  color: #fff;
  color: var(--background-light);
}
.partially-incorporated-button {
  color: #5c4809;
  color: var(--yellow-vivid-70);
  gap: 8px;
}
.partially-incorporated-button.selected {
  background-color: #5c4809;
  background-color: var(--yellow-vivid-70);
  color: #fff;
  color: var(--background-light);
}
.comment-thread {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border: 0;
  box-shadow: none;
}
.comment-thread .fa-2x {
  font-size: 1.25rem;
  text-align: center;
}
.comment-thread .fa-comment-dots {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .comment-thread {
    display: block;
    border: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
    padding-top: 1rem;
  }
}
.comment__header {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .comment__header {
    flex-direction: row;
    justify-content: space-between;
  }
}
.author__avatar {
  margin-left: 0 !important;
  position: relative;
}
.author__avatar img {
  margin-top: 0 !important;
  font-size: var(--font-size-scale-base-up-1);
}
.author__avatar img > span {
  padding-right: 8px;
}
.author.author--inline > a,
.author.author--inline {
  display: flex;
  gap: 10px;
}
.author--inline .author__name {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.comment-settings {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-size: 16px;
  align-self: flex-start;
  width: 100%;
  justify-content: space-between;
}
.comment-settings span {
  align-self: center;
  color: #636363;
}
@media (min-width: 768px) {
  .comment-settings {
    width: auto;
    justify-content: flex-start;
  }
}
.gallery {
  margin-top: 1.5rem;
}
.comments {
  padding: 0 0.5rem 3rem 0.5rem;
}
@media (min-width: 768px) {
  .comments {
    padding: 0 0 3rem 0;
  }
}
.comments-container {
  border-radius: 10px;
  padding: 0 0 1.5rem 0;
}
.comments-section-title {
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 0;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
  .comments-section-title {
    margin: 0;
  }
}
.add-comment-title {
  font-size: 16px;
  margin: 0;
  padding-bottom: 0;
}
.add-comment .field {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  background: var(--background);
  text-align: right;
}
.add-comment .remaining-character-count {
  color: #0c326f !important;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0c326f) !important;
  font-family: Rawline;
  font-size: 0.88rem !important;
  font-style: normal;
  font-weight: 300;
  padding: 0.5rem 0 0;
}
.comments-thread-title {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 6rem;
}
.comment-threads {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 24px;
  padding: 0 16px;
}
.comment-threads.comment-threads-override {
  padding: 0 !important;
  margin: 0 !important;
}
.add-comment .field .button--sc {
  background: #fff;
  background: var(--background);
  color: #333;
  color: var(--gray-80);
  font-weight: 700;
  border: 1px solid #1b1b1b;
  border: 1px solid var(--gray-90);
  font-size: 0.88rem;
  padding: 0 20px;
}
.comment__actions.br-button {
  border: 1px solid #1351b4;
  border: 1px solid var(--blue-warm-vivid-70);
}
.comment__content p {
  padding: 0;
  font-size: 1rem;
}
.comment__header__context-menu .fa-ellipsis {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  width: 20px;
  height: 20px;
}
.comment__header__context-menu__content-item {
  align-items: center;
}
.comments-order-menu {
  padding-right: 0 !important;
}
.order-by__text section-heading {
  margin: 0;
}
.comments .row.collapse.order-by {
  margin: 24px 0;
  padding: 0 1rem;
}
.bp-row-collapse-space {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.new_comment .hashtags__container {
  margin-top: 0;
  padding-bottom: 1.5rem;
}
.comment__header__context-menu__content-item {
  align-items: center;
}
.link-alt:hover {
  text-decoration: none;
}
.comment__header__context-menu__content-item > span,
.link-alt > span {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.page-buttons {
  display: flex;
  justify-content: flex-end;
}
#news-home-section {
  background-color: #fff;
  background-color: var(--pure-0);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}
.home-sections-container {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
.home-sections-container {
  background-color: #fff;
  background-color: var(--pure-0);
}
.home-sections-container h2 {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.25rem !important;
}
.home-sections-container .home-sections-content {
  margin: 0 auto;
  width: 100%;
}
.home-sections-content {
  width: 100%;
}
.home-sections-container .home-sections-content.service-channels-container {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.news-container {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  padding: 0 1rem;
}
.main-news-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  border-radius: var(--bp-border-radius-medium, 8px);
  background: #FFF;
  background: var(--bp-primitive-color-bw-white, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.main-news-card:hover {
  transform: scale(1.01);
  transition: transform 0.3s, box-shadow 0.2s;
}
.main-news-img {
  width: 100%;
  height: 211px;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-news-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 0.75rem;
  width: 100%;
}
.main-news-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main-news-title {
  font-size: 1.5rem !important;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main-news-subtitle {
  overflow: hidden;
  color: #333;
  color: var(--gray-80);
  text-overflow: ellipsis;
  text-align: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.page-news-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  border-radius: var(--bp-border-radius-medium, 8px);
  background: #FFF;
  background: var(--bp-primitive-color-bw-white, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.page-news-card:hover {
  transform: scale(1.05);
  transition: transform 0.3s, box-shadow 0.2s;
}
.news-img {
  width: 100%;
  height: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px;
}
.page-news-card-content .news-title {
  font-size: 16.8px;
  font-weight: 600;
  max-height: 120px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  text-align: left;
  padding: 0;
}
.news-date {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
.page-news-card-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 0.75rem;
  width: 100%;
  align-items: start;
}
.page-news-card .news-title:hover {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
@media (min-width: 768px) {
  .home-sections-container {
    padding: 3.5rem 0;
    gap: 2.5rem;
  }
  .home-sections-container h2 {
    font-size: 2.178rem !important;
  }
  .page-news-error {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home-sections-container .home-sections-content.service-channels-container {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 600px;
  }
  .home-sections-container .stats-container {
    flex-direction: row;
  }
  .news-container {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    padding: 0;
  }
  .main-news-card {
    width: auto;
    max-width: auto;
    flex-direction: row;
    margin-bottom: 1.5rem;
  }
  .main-news-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-end;
  }
  .main-news-title {
    font-size: 1.26rem;
  }
  .main-news-subtitle {
    -webkit-line-clamp: 4;
  }
  .news-title {
    -webkit-line-clamp: 2;
  }
  .main-news-img {
    border-radius: 10px 0 0 10px;
    width: 576px;
    height: 363px;
  }
  .page-news-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .news-img {
    width: 100%;
    height: 250px;
  }
  .page-news-card .news-title {
    font-size: 1.5rem;
    font-weight: 600;
  }
}
@media (min-width: 1280px) {
  .home-sections-container .home-sections-content.service-channels-container {
    width: auto;
  }
}
.centered-content {
  display: flex;
  justify-content: center;
  width: 100%;
}
.modal_title {
  font-size: 1.25rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  font-weight: 600;
}
.export-reveal {
  padding: 0;
}
p .export-text {
  font-size: 14px;
  font-weight: 400;
}
.export-form {
  padding: 1.5rem 1rem;
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
}
.export-form .modal_description {
  overflow: hidden;
  color: #1b1b1b;
  color: var(--gray-90);
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
}
.export-form .br-datetimepicker {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.br-date-input {
  align-items: center;
  display: flex;
  flex: 1 1;
  gap: 1.5rem;
}
.br-date-input .bp-date-input {
  background: #f8f8f8;
  background: var(--gray-2);
  border-color: transparent;
  border: none;
  border-radius: 10px;
  color: #1b1b1b;
  color: var(--gray-90);
  display: block;
  font-size: 500;
  font-size: var(--font-weight-medium);
  font-weight: 400;
  font-weight: var(--font-weight-regular);
  padding: 1rem 0.75rem;
  width: 100%;
  height: 3.5rem;
}
.br-date-input .bp-date-input::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.br-date-input .bp-date-input::placeholder {
  color: rgba(12, 50, 111, 0.5) !important;
  font-weight: 400;
  font-weight: var(--font-weight-regular);
}
.br-date-input .form-input-extra-before {
  display: none;
}
.br-date-input .datepicker-icon {
  margin-top: -0.75rem;
  position: absolute;
  right: 1rem;
  top: 1.3rem;
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
.export-modal-buttons {
  padding: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.export-modal-buttons button {
  width: 10rem;
}
.news-title-container {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .news-title-container {
    flex-direction: row;
  }
}
.show-notice-btn {
  min-width: 170px;
}
:root {
  --blue-warm-vivid-80: #0c326f;
}
.map_location_address {
  font-size: 1rem;
  font-family: Rawline;
  color: #000;
}
.address__arrive_title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  margin: 0;
}
.address__info {
  display: flex;
  flex-grow: 1;
}
.address__details_container {
  float: left;
  max-width: 100%;
  align-self: center;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.card__content,
.badge-card__content {
  padding: 1.5rem;
  background: #fff;
  background: var(--pure-0);
}
.address__map_container {
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .address__map_container {
    flex-direction: column;
  }
}
.static__map-map {
  width: auto;
  height: 10.875rem;
}
@media (min-width: 768px) {
  .static__map-map {
    width: 26rem;
  }
}
.foreign_input input {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20512%20512%27%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A//fontawesome.com%20License%20-%20https%3A//fontawesome.com/license/free%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill=%27%230C326F%27%20d=%27M256%2064C150%2064%2064%20150%2064%20256s86%20192%20192%20192c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032C114.6%20512%200%20397.4%200%20256S114.6%200%20256%200S512%20114.6%20512%20256v32c0%2053-43%2096-96%2096c-29.3%200-55.6-13.2-73.2-33.9C320%20371.1%20289.5%20384%20256%20384c-70.7%200-128-57.3-128-128s57.3-128%20128-128c27.9%200%2053.7%208.9%2074.7%2024.1c5.7-5%2013.1-8.1%2021.3-8.1c17.7%200%2032%2014.3%2032%2032v80%2032c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V256c0-106-86-192-192-192zm64%20192a64%2064%200%201%200-128%200%2064%2064%200%201%200%20128%200z%27%20/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 0.5rem center !important;
  background-size: 16px !important;
  padding: 2rem !important;
  background-color: #f8f8f8 !important;
  background-color: var(--gray-2) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  margin: 1rem 0 0.5rem 0 !important;
  color: #333;
  color: var(--gray-80);
  font-size: 500;
  font-size: var(--font-weight-medium);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.foreign_input input::-moz-placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.foreign_input input::placeholder {
  color: rgba(12, 50, 111, 0.5019607843) !important;
  font-feature-settings: lining-nums proportional-nums;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: Rawline;
  font-size: 0.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.foreign_input input:hover {
  background-color: #ccc !important;
  background-color: var(--gray-20) !important;
}
.foreign_input label {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.foreign_input label span {
  text-align: end;
  font-weight: 300;
  margin: 0;
  font-size: 0.875rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.new-proposal-form.foreign-form {
  margin-bottom: 2rem;
}
.foreign_label {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
#user_document_image_button {
  width: 100%;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  background-color: var(--gray-2);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
}
.submit-foreign-form-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0;
}
.submit-foreign-form-container.help-buttons {
  align-items: center;
}
.submit-foreign-form-container.help-buttons > a {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: none;
  transition: background-color 0.2s;
}
.submit-foreign-form-container.help-buttons > a:hover {
  background-color: #e6e6e6;
  background-color: var(--gray-10);
}
.receive-informs {
  background-color: #edf5ff;
  background-color: var(--blue-warm-vivid-5);
  gap: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1rem 1.5rem;
  width: 100%;
}
.submit-foreign-form-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.submit-foreign-form-content h3 {
  font-weight: 400;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1.5rem;
  margin: 0;
}
.submit-foreign-form-content p {
  margin: 0;
}
.new-proposal-form .field.select-field-br > label select, .new-proposal-form .field.select-field-br > label .inline-filters button[data-toggle], .inline-filters .new-proposal-form .field.select-field-br > label button[data-toggle],
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label select,
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label .inline-filters button[data-toggle],
.inline-filters .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label button[data-toggle] {
  height: 63px;
  width: 100%;
  border-radius: 10px;
  margin-top: 0.25rem;
  background-color: #f6f6f6;
  padding: 8px 16px;
  border: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M9.35263%2015.289L1.93529%207.87167C1.57756%207.51394%201.57756%206.93397%201.93529%206.57627L2.8004%205.71116C3.15753%205.35404%203.73632%205.35335%204.09428%205.70963L10.0003%2011.588L15.9064%205.70963C16.2643%205.35335%2016.8431%205.35404%2017.2002%205.71116L18.0654%206.57627C18.4231%206.93401%2018.4231%207.51398%2018.0654%207.87167L10.6481%2015.289C10.2903%2015.6467%209.71036%2015.6467%209.35263%2015.289Z%22%20fill%3D%22%230C326F%22%2F%3E%0A%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label select, .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label .inline-filters button[data-toggle], .inline-filters .new-meeting-form .meetings_form.new_meeting .field.select-field-br > label button[data-toggle] {
  margin-top: 1rem;
}
.new-proposal-form .field.select-field-br > label,
.new-meeting-form .meetings_form.new_meeting .field.select-field-br > label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 16px;
  font-size: var(--font-size-16);
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  position: relative;
  display: inline-block;
  width: 100%;
}
.presential-meeting-inputs,
.proposal-address-inputs {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 0.25rem;
  background: #edf5ff;
  background: var(--blue-warm-vivid-5);
}
.presential-meeting-inputs textarea,
.proposal-address-inputs textarea {
  background-color: #fff !important;
  background-color: var(--pure-0) !important;
}
.presential-meeting-inputs .field,
.proposal-address-inputs .field {
  width: 100%;
}
.presential-meeting-inputs {
  margin-top: 24px;
}
#presential-meeting .new-meeting-title,
.presential-meeting-inputs input,
.proposal-address-inputs input {
  margin-top: 24px !important;
}
.formbuilder-select.field-forma-org > label.formbuilder-select-label {
  color: #0c326f;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  width: 100%;
}
.new-proposal-form .rendered-form .formbuilder-select select.form-control, .new-proposal-form .rendered-form .formbuilder-select .inline-filters button.form-control[data-toggle], .inline-filters .new-proposal-form .rendered-form .formbuilder-select button.form-control[data-toggle] {
  height: auto;
  overflow: auto;
  width: 100%;
  border-radius: 10px;
  margin-top: 0.25rem;
  background-color: #f6f6f6;
  padding: 8px 16px;
  border: 0;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.new-proposal-form .rendered-form .formbuilder-checkbox-group:has(> .checkbox-group > .formbuilder-checkbox:only-child) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}
.back-to-list-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
div#assembly_members-grid {
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.composition-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 2rem;
  font-weight: 700;
}
.card-member {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  padding: 16px;
}
.card-member-info {
  width: 100%;
  max-width: 200px;
}
.card-member-name p {
  color: #173365;
  color: var(--bp-primitive-color-blue-60, #173365);
  /* Label/Medium */
  font-family: "Noto Sans";
  font-size: 16px !important;
  font-size: var(--bp-font-size-x-small, 16px) !important;
  font-style: normal;
  font-weight: 700;
  font-weight: var(--bp-font-weight-bold, 700);
  line-height: 120%; /* 19.2px */
  letter-spacing: 0.3px;
  letter-spacing: var(--bp-letter-spacing-1, 0.3px);
}
.card-member-position {
  color: #1B1B1B;
  color: var(--Gray-gray-90, #1B1B1B);
  /* Paragraph/Medium */
  font-family: "Noto Sans";
  font-size: 16px;
  font-size: var(--bp-font-size-x-small, 16px);
  font-style: normal;
  font-weight: 700;
  font-weight: var(--bp-font-weight-regular, 700);
  line-height: 150%; /* 24px */
  letter-spacing: 0.5px;
  letter-spacing: var(--bp-letter-spacing-2, 0.5px);
}
.divider {
  width: 1px;
  height: auto; /* Will expand to container height */
  align-self: stretch; /* Makes divider fill the container height in flex layouts */
  background-color: #ccc;
  margin: 0 15px; /* Adjust spacing as needed */
}
.menu-item.divider {
  width: 100%;
  margin: 0;
}
h3.section-heading {
  color: #173365;
  color: var(--bp-primitive-color-blue-60, #173365);
  /* Heading/X-Small */
  font-family: "Noto Sans";
  font-size: 20px;
  font-size: var(--bp-font-size-small, 20px);
  font-style: normal;
  font-weight: 600;
  font-weight: var(--bp-font-weight-semibold, 600);
  line-height: 120%; /* 24px */
  letter-spacing: 0.3px;
  letter-spacing: var(--bp-letter-spacing-1, 0.3px);
}
.members-list {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.member-card {
  padding: 16px;
  display: flex;
  gap: 8px;
  width: calc(50% - 68px);
}
.member-card-content {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  gap: 4px;
}
.mobile-divider-member {
  display: block;
}
.member-card .card-member-profile .author__avatar img {
  width: 48px;
  height: 48px;
}
@media (max-width: 540px) {
  div#assembly_members-grid {
    flex-direction: column;
    justify-content: center;
  }
  .member-card {
    padding: 8px;
    width: 100%;
  }
  .card-member {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .card-member-separator {
    width: 328px !important;
    height: 1px !important;
  }
  .card-member-position {
    font-weight: 400;
    font-weight: var(--bp-font-weight-regular, 400);
  }
  .mobile-divider-member {
    display: none;
  }
}
.online-meeting-container {
  margin: 1rem;
}
.online-meeting-transmission-title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.online-meeting-transmission-title-text {
  font-size: 1rem;
  font-weight: 400;
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
}
.online-meeting-link {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--Gray-gray-90);
}
.online-meeting-transmission-permission-text {
  font-size: 0.875rem;
  font-weight: 400;
}
.online-transmission-icon {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
  width: 1.5rem;
  height: 1.5rem;
}
.space-above {
  margin-top: 1rem;
}
.space-bellow {
  margin-bottom: 1rem;
}
.online_video_link {
  color: #1b1b1b;
  color: var(--gray-90);
}
.user-profile-actions {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5rem;
  gap: 15px;
}
.search-filters {
  margin-bottom: 1.5rem;
}
.nav-search-filters {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #888;
  border-bottom: 1px solid var(--gray-40);
  margin-bottom: 1rem;
  overflow-x: auto;
  white-space: nowrap;
}
.filters__section--general {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
.filters__section--general button.flex--sbc,
.filters__section--general a.flex--sbc {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem !important;
}
.filters__section--general button.flex--sbc strong,
.filters__section--general a.flex--sbc strong,
.filters__section--general {
  margin: 0;
  padding: 0;
}
.filters__section--general .flex--sbc strong {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  color: #888;
  color: var(--gray-40);
  text-decoration: none;
}
.divider-search {
  width: 100%;
  height: 1px;
  background: #ccc;
  background: var(--gray-20);
  margin: 10px;
  margin-top: 22px;
  margin-bottom: 22px;
}
.filters__section--general .flex--sbc:hover {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  color: #888;
  color: var(--gray-40);
  text-decoration: underline;
}
.filters__section--general.selected-section {
  border-bottom: 4px solid #1351b4;
  border-bottom: 4px solid var(--blue-warm-vivid-70);
}
.filters__section--general.selected-section .flex--sbc strong {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #071d41;
  color: var(--blue-warm-vivid-90);
}
.filters__section--general.selected-section .flex--sbc span {
  color: #1351b4;
  color: var(--blue-warm-vivid-70);
}
/* Custom scrollbar styles for WebKit browsers */
.nav-search-filters::-webkit-scrollbar {
  height: 0.25rem; /* Height of the horizontal scrollbar */
}
.nav-search-filters::-webkit-scrollbar-track {
  background: #f1f1f1; /* Background of the scrollbar track */
}
.nav-search-filters::-webkit-scrollbar-thumb {
  background: #888;
  background: var(--gray-40); /* Color of the scrollbar thumb */
  border-radius: 10px; /* Round corners of the scrollbar thumb */
}
.nav-search-filters::-webkit-scrollbar-thumb:hover {
  background: #555;
  background: var(--gray-70); /* Color of the scrollbar thumb when hovered */
}
.search-result-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}
.search-result-section div {
  display: flex;
  align-items: center;
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
}
.search-result-section div p,
.search-result-section div > span {
  font-size: 16.8px;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
}
.search-result-section div p strong,
.search-result-section div > span {
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #555;
  color: var(--gray-70);
}
.search-result-section div > span {
  margin-right: 0.5rem;
}
.search-result-section > h1 {
  font-size: 3.6rem;
  font-weight: 600;
  font-weight: var(--font-weight-semi-bold);
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  margin: 0;
}
.searches-input {
  margin-top: 1.25rem;
}
.search-see-all {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 1rem;
}
.participatory-process-card {
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.participatory-process-card-title {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1rem;
  font-weight: 600;
}
.process-home-content-label {
  color: #0c326f;
  color: var(--blue-warm-vivid-80);
  font-size: 1rem;
  font-weight: 600;
}
.about-pages-header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 5rem;
}
.back-to-about-pages.m-bottom {
  display: flex;
}
.back-to-about-pages.m-bottom a {
  margin: 0;
}
.about-pages-title-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.about-pages-title-wrapper i {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 28px;
  font-weight: 800;
}
.about-pages-title {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 32px;
  font-weight: 800;
}
.about-pages-subheading {
  color: #1B1B1B;
  color: var(--Gray-gray-90, #1B1B1B);
  font-size: 1rem;
  font-weight: 400;
}
.about-pages-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  gap: 24px;
  width: 100%;
}
.about-pages-card {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 32px;
  border-radius: 1rem;
  background: #FFF;
  background: var(--Pure-pure, #FFF);
  box-shadow: 0px 1px 6px 0px rgba(51, 51, 51, 0.16);
  justify-content: space-between;
  min-width: 0;
}
.about-pages-card-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.about-pages-card-title {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-size: 20px;
  font-weight: 800;
  overflow-wrap: break-word;
}
.about-pages-card-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #1B1B1B;
  color: var(--Gray-gray-90, #1B1B1B);
  font-size: 1rem;
  font-weight: 400;
}
.about-pages-card-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: disc;
  color: #1351B4;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-70, #1351B4);
}
.about-pages-card-list li {
  font-size: 12px;
}
.about-pages-card-list a {
  overflow: hidden;
  color: #1351B4;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-70, #1351B4);
  font-size: 16px;
  font-weight: 400;
  overflow-wrap: break-word;
}
.about-pages-card-footer {
  margin-top: auto;
}
.about-pages-card-button {
  display: flex;
  height: 48px;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 9999px;
  border: 2px solid #25488E;
  background: rgba(39, 88, 175, 0);
  color: #25488E;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.br-button.primary.show-more-topics-button {
  background-color: #25488E;
  width: 100%;
  max-width: 400px;
  height: 48px;
}
@media (max-width: 767px) {
  .about-pages-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .about-pages-card {
    width: 100%;
  }
}
.title-item {
  border-radius: 8px 8px 0px 0px;
  padding: 8px 16px;
  gap: 8px;
  align-self: stretch;
  background: #EDF5FF;
  background: var(--Blue-Warm-Vivid-blue-warm-vivid-05, #EDF5FF);
}
.collapse-item-content-title {
  width: 100%;
  margin-right: 8px;
}
.colapse-container-page div .br-list .br-item.text-sub {
  display: flex;
  padding: 16px !important;
  border-radius: 0px 0px 8px 8px;
  background: #fcfcfc !important;
  background: var(--gray-1) !important;
}
.colapse-container-page {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.collapse-item-content {
  color: #0C326F;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0C326F);
  font-weight: 400;
  font-weight: var(--bp-font-weight-extrabold, 400);
}
.collapse-item-content, .collapse-text {
  font-size: 16px;
  font-size: var(--bp-font-size-x-small, 16px);
  gap: 8px;
  padding: 0;
  font-size: 16px;
  align-items: center;
}
.br-list .br-item > .content.collapse-item-content {
  align-items: center;
}
.wrapper .br-container-lg .collapse-title {
  margin: 32px 0 32px 0;
  font-weight: 800;
  font-weight: var(--bp-font-weight-extrabold, 800);
  color: #0c326f;
  color: var(--Blue-Warm-Vivid-blue-warm-vivid-80, #0c326f);
  font-size: 32px;
  padding-left: 0;
  gap: 16px;
  display: flex;
}
.fa-chevron-down:before {
  padding: 0;
  content: "\f078";
}
.collapse-text p {
  color: #555;
  color: var(--Gray-gray-70, #555);
  font-size: 16px;
  font-size: var(--bp-font-size-x-small, 16px);
  margin: 0;
}
.container-back-to-top {
  padding: 48px 0px 96px 0px;
  margin-top: 48px;
  display: flex;
  justify-content: center;
  border-top: 1px solid #ccc;
}
.btn-back-to-top {
  cursor: pointer;
  color: #25488E;
  color: var(--button-tertiary-label-default, #25488E);
  font-size: 16px;
  font-size: var(--bp-font-size-x-small, 16px);
  font-style: normal;
  font-weight: 700;
  font-weight: var(--bp-font-weight-bold, 700);
  line-height: 120%;
  letter-spacing: 0.3px;
  letter-spacing: var(--bp-letter-spacing-1, 0.3px);
}
.bp-divider-pages {
  display: flex;
  width: 100%;
  height: 35px;
  background-image: url("https://brasilparticipativo.presidencia.gov.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd2NZQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--db116d47d32420d2b829b654da2f5eba965033d1/8.png");
  background-size: cover;
  background-repeat: repeat;
}

/*# sourceMappingURL=decidim_core-94a98a98.css.map*/