/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/main.scss ***!
  \*********************************************************************************************************************************************************************/
/* 
    #ANCHOR Imports 
*/
/*
    #ANCHOR Color Themes
*/
/*
    #ANCHOR Universal Colors
*/
/*
    #ANCHOR Line Heights
*/
/*
    #ANCHOR Spacing
*/
/*
    #ANCHOR Sidebar
*/
/*
    #ANCHOR Header
*/
/*
    #ANCHOR Forms
*/
/*
    #ANCHOR Fonts
*/
/*
    #ANCHOR Breakpoints
*/
/*
    #ANCHOR Border Radius
*/
/*
    #ANCHOR Wrapper Widths
*/
/*
    #ANCHOR Easing
*/
/*
    #ANCHOR Z-Index
*/
/* 
    #ANCHOR Imports 
*/
/*
    Additional Mixins in:
        Colors
*/
/* #ANCHOR Imports */
/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Imports 
*/
/*
    #ANCHOR Colors
*/
/*
    #ANCHOR getSize
*/
/*
    #ANCHOR adjustColorLightness 
*/
/*
    #ANCHOR getOnColor   
*/
/*
    #ANCHOR getColorContrast
    Takes two colors and returns their contrast as a percentage
*/
/*
    #ANCHOR correctColorContrast
    Takes two colors and a minimum contrast. Changes the first to match the minimum contrast.
*/
/*
    #ANCHOR getToneInToneBackground 
    Takes in a text color and a page background color and returns a text background color, based on the text color.
    This color will be darker or lighter than the text color, depending on wether the page background color is light or dark.
    (Background color will be lighter than text color for light page background and darker than text color for dark page backgrounds)
*/
/* 
    #ANCHOR Design System Box 
*/
/* 
    #ANCHOR Responsive Padding
*/
/* 
    #ANCHOR Responsive Margins
*/
/* 
    #ANCHOR Responsive Width
*/
/* 
    #ANCHOR Grid Options
*/
/* 
    #ANCHOR Flex Options
*/
/* 
    #ANCHOR Omit Margin & Padding
*/
/* 
    #ANCHOR Omit Margin & Padding Sub-Classes
*/
/* 
    #ANCHOR Link & Button Styles
*/
/* 
    #ANCHOR Local Variables 
*/
/* 
    #ANCHOR Label 
*/
label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label),
.style-as-label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label) {
  position: relative;
  color: var(--text);
  line-height: 1;
  margin-bottom: 6px;
  font-size: 12px;
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05px;
}
label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label) .label-text,
.style-as-label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label) .label-text {
  display: inline-block;
  margin-bottom: 6px;
}
label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled .label-text,
.style-as-label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled .label-text {
  color: var(--text_medium);
}
@media (hover: hover) {
  label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled .label-text:hover,
  .style-as-label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled .label-text:hover {
    cursor: default !important;
  }
}
@media (hover: hover) {
  label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled:hover,
  .style-as-label:not(#bricks-toolbar label):not(#bricks-panel label):not(#bricks-structure label).field-is-disabled:hover {
    cursor: default !important;
  }
}

/* 
    #ANCHOR Fieldset 
*/
fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
  overflow: hidden;
  position: relative;
  border: 1px solid var(--border_color);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: var(--bg);
}
fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset).style-simple {
  border-radius: 0;
  border: none;
}
@media only screen and (max-width: 1552px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    padding: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) {
    margin-bottom: 12px;
  }
}
fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) legend {
  font-size: 12px;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: 0.05px;
  line-height: 1;
  font-family: "Inter Bold";
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin-bottom: 16px;
  width: auto;
  background-color: var(--bg);
}
@media only screen and (max-width: 1552px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset) legend {
    margin-bottom: 12px;
  }
}
fieldset:not(#bricks-toolbar fieldset):not(#bricks-panel fieldset):not(#bricks-structure fieldset):not(.in-grid):last-of-type {
  margin-bottom: 0;
}

.style-fieldset-legend {
  font-size: 12px;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: 0.05px;
  line-height: 1;
  font-family: "Inter Bold";
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin-bottom: 16px;
  width: auto;
  background-color: var(--bg);
}
@media only screen and (max-width: 1552px) {
  .style-fieldset-legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .style-fieldset-legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .style-fieldset-legend {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .style-fieldset-legend {
    margin-bottom: 12px;
  }
}

/* 
    #ANCHOR File Upload 
*/
input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  font-size: var(--fs4);
  font-family: "Inter Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
  border: 0 solid transparent;
  background-color: transparent;
  color: var(--text);
  margin-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
    margin-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
    margin-bottom: 12px;
  }
}
input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus {
  outline: none;
}
input[type=file]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* 
    #ANCHOR Checkbox 
*/
label.checkbox {
  height: 48px;
  color: var(--text);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 !important;
  font-size: var(--fs4) !important;
  font-family: "Inter Regular", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
label.checkbox .label-text {
  margin-bottom: 0 !important;
}
@media (hover: hover) {
  label.checkbox:hover {
    cursor: pointer;
  }
}

input[type=checkbox]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
.is-checkbox:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
  position: relative;
  box-sizing: border-box;
  width: 32.0016px;
  height: 32.0016px;
  margin-right: 8px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 4px;
  appearance: none;
  background-color: var(--grey7);
  outline: 2px solid transparent;
  transition: all 0.15s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
}
@media (prefers-reduced-motion: reduce) {
  input[type=checkbox]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
  .is-checkbox:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
    transition: none;
  }
}
@media (hover: hover) {
  input[type=checkbox]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  .is-checkbox:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover {
    cursor: pointer;
    background-color: var(--grey9);
    border-color: transparent;
  }
}

.is-checkbox {
  border-color: transparent !important;
}

input[type=checkbox]:focus,
.is-checkbox:focus {
  outline: 2px solid transparent;
}

input[type=checkbox]:focus-visible,
.is-checkbox:focus-visible {
  outline: 2px solid var(--primary) !important;
}

input[type=checkbox]:not(:disabled):checked,
.is-checkbox:not(.is-disabled).is-checked {
  border-color: var(--grey7);
  background-color: var(--grey7);
  background-clip: content-box;
  padding: 0;
  transform: scale(1.1);
  color: var(--primary);
}
@media (hover: hover) {
  input[type=checkbox]:not(:disabled):checked:not(:disabled):hover, input[type=checkbox]:not(:disabled):checked:not(.is-disabled):hover,
  .is-checkbox:not(.is-disabled).is-checked:not(:disabled):hover,
  .is-checkbox:not(.is-disabled).is-checked:not(.is-disabled):hover {
    cursor: default;
    background-color: var(--grey7);
    border-color: var(--grey7);
  }
}
@media (prefers-reduced-motion: reduce) {
  input[type=checkbox]:not(:disabled):checked,
  .is-checkbox:not(.is-disabled).is-checked {
    transform: scale(1);
  }
}
input[type=checkbox]:not(:disabled):checked::after,
.is-checkbox:not(.is-disabled).is-checked::after {
  display: block;
  position: absolute;
  font-size: 26.0016px;
  line-height: 26.0016px;
  top: 3px;
  left: 3px;
  width: 32.0016px;
  height: 32.0016px;
  font-family: "Spin-Icons-16";
  content: "\e95a";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  transform: translate(-8%, -7%);
}

/* 
    #ANCHOR Checkbox Bricks
*/
:where(.brxe-form) .options-wrapper input[type=checkbox] {
  width: 32.0016px;
  height: 32.0016px;
}

.bricks-panel input[type=checkbox]:not(:disabled):checked::after {
  content: "";
  width: 0;
  height: 0;
}

/* 
    #ANCHOR Checkbox Disabled
*/
input[type=checkbox]:disabled,
.is-checkbox.is-disabled {
  border-color: var(--grey7);
  background-color: var(--bg);
}

input[type=checkbox]:disabled:checked,
.is-checkbox.is-disabled.is-checked {
  color: var(--grey9);
  background: var(--grey9);
  border-width: 6px;
}
input[type=checkbox]:disabled:checked::after,
.is-checkbox.is-disabled.is-checked::after {
  color: var(--grey9);
}

/* 
    #ANCHOR Radio 
*/
label.radio {
  height: 48px;
  color: var(--text);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 !important;
  font-size: var(--fs4) !important;
  font-family: "Inter Regular", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
label.radio .label-text {
  margin-bottom: 0 !important;
}
@media (hover: hover) {
  label.radio:not(:disabled):hover {
    cursor: pointer;
  }
}

input[type=radio],
.is-radio {
  box-sizing: border-box;
  width: 32.0016px;
  height: 32.0016px;
  margin-right: 8px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 50%;
  appearance: none;
  background-color: var(--grey7);
  outline: 2px solid transparent;
  transition: all 0.15s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
}
@media (prefers-reduced-motion: reduce) {
  input[type=radio],
  .is-radio {
    transition: none;
  }
}
@media (hover: hover) {
  input[type=radio]:not(:disabled):hover, input[type=radio]:not(.is-disabled):hover,
  .is-radio:not(:disabled):hover,
  .is-radio:not(.is-disabled):hover {
    cursor: pointer;
    background-color: var(--grey9);
    border-color: transparent;
  }
}

.is-radio {
  border-color: transparent !important;
}

input[type=radio]:focus,
.is-radio:focus {
  outline: 2px solid transparent;
}

input[type=radio]:focus-visible,
.is-radio:focus-visible {
  outline: 2px solid var(--primary) !important;
}

input[type=radio]:not(:disabled):checked,
.is-radio:not(.is-disabled).is-checked {
  border-color: var(--grey7);
  background-color: var(--grey7);
  background-clip: content-box;
  padding: 0;
  transform: scale(1.1);
  background-image: radial-gradient(circle, var(--primary) 0%, var(--primary) 42%, transparent 42%, transparent 100%);
}
@media (hover: hover) {
  input[type=radio]:not(:disabled):checked:not(:disabled):hover, input[type=radio]:not(:disabled):checked:not(.is-disabled):hover,
  .is-radio:not(.is-disabled).is-checked:not(:disabled):hover,
  .is-radio:not(.is-disabled).is-checked:not(.is-disabled):hover {
    cursor: default;
    background-color: var(--grey7);
    border-color: var(--grey7);
  }
}
@media (prefers-reduced-motion: reduce) {
  input[type=radio]:not(:disabled):checked,
  .is-radio:not(.is-disabled).is-checked {
    transform: scale(1);
  }
}

/* 
    #ANCHOR Radio Bricks
*/
.brxe-form .options-wrapper input[type=radio] {
  width: 32.0016px;
  height: 32.0016px;
}

.brxe-form .options-wrapper.contains-radio-checkbox li {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.brxe-form .options-wrapper.contains-radio-checkbox li.is-last {
  margin-bottom: 0;
}

/* 
    #ANCHOR Radio Disabled
*/
input[type=radio]:disabled,
.is-radio.is-disabled {
  border-color: var(--grey7);
  background-color: var(--bg);
}

input[type=radio]:disabled:checked,
.is-radio.is-disabled.is-checked {
  background-image: radial-gradient(circle, var(--grey9) 0%, var(--grey9) 50%, transparent 50%, transparent 100%);
}

/* 
    #ANCHOR Text 
*/
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option {
  height: 39px !important;
  background-color: var(--bg3) !important;
  border-color: var(--bg3) !important;
  border-width: 4px !important;
  margin-bottom: 0 !important;
  font-size: 16px;
  max-width: 220px;
  padding-right: 40px !important;
  color: var(--text_medium);
}
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option:hover {
  background-color: var(--bg) !important;
}
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option.filter-is-active {
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_b), 0.25) !important;
  background-color: var(--primary) !important;
  border-color: var(--bg3) !important;
  color: var(--on_primary) !important;
  border-radius: 8px !important;
  background-image: linear-gradient(45deg, transparent 50%, white 0), linear-gradient(135deg, white 50%, transparent 0);
}
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option.filter-is-active:hover {
  background-color: var(--bg) !important;
  color: var(--text_medium) !important;
  border-color: var(--bg3) !important;
  background-image: linear-gradient(45deg, transparent 50%, grey 0), linear-gradient(135deg, grey 50%, transparent 0);
}
@media only screen and (max-width: 991px) {
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option {
    font-size: 14px;
    max-width: 220px;
    height: 35px !important;
    padding-right: 32px !important;
    padding-left: 8px !important;
  }
}
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).feed-filter-option::after {
  color: green !important;
}

input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input),
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
  height: 48px;
  display: flex;
  justify-content: flex-start;
  font-size: var(--fs4);
  font-family: "Inter Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  border-radius: 4px;
  color: var(--text);
  transition: all 0.1s ease;
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).docked-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text) {
  background-color: var(--grey4);
  border: 2px solid var(--grey4);
  padding: 0 14px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text),
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(.style-as-text) {
    margin-bottom: 12px;
  }
}
@media (hover: hover) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):not(:disabled):hover {
    background-color: var(--grey5);
    border-color: var(--grey5);
  }
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus {
  outline: 2px solid transparent !important;
  background-color: var(--bg);
  border-color: var(--primary);
}
@media (hover: hover) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input):focus:not(:disabled):not(.style-as-text):hover {
    background-color: var(--bg);
    border-color: var(--primary);
  }
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input)::placeholder {
  opacity: 0.5;
  color: var(--text);
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text {
  border: 2px solid transparent;
  background-color: transparent;
  padding: 2px 0;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text {
    margin-bottom: 12px;
  }
}
@media (hover: hover) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:not(:disabled):hover {
    padding: 0 14px;
    border-color: transparent;
  }
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus {
  height: 48px;
  border-color: var(--primary);
  padding: 0 14px;
}
@media (hover: hover) {
  input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover,
  select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text:focus:not(:disabled):hover {
    padding: 0 14px;
    background-color: var(--bg);
    border-color: var(--primary);
  }
}
input[type=text]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=date]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=number]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=email]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=search]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=password]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=tel]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
input[type=url]:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title,
select:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input).style-as-text.style-as-title {
  font-size: var(--fs5);
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

textarea:not(#bricks-toolbar input):not(#bricks-panel input):not(#bricks-structure input) {
  line-height: 1.5 !important;
  min-height: 150px;
}
textarea:not(.style-as-text) {
  padding: 16px !important;
}

/* 
    #ANCHOR Text Bricks
*/
/*
body.bricks-is-frontend :not(input):not(.icon-button):focus-visible {
    outline: $field_border_width solid var(--info);
    outline-offset: 0;
}

body.bricks-is-frontend :not(input):not(.icon-button):focus {
    outline: $field_border_width solid transparent !important;
    outline-offset: 0;
}*/
/* 
    #ANCHOR Text Formidable Forms
*/
.form-control:disabled, .form-control[readonly] {
  background-color: var(--grey4);
}

/* 
    #ANCHOR Text: Docked Label
*/
label.label-docked {
  display: flex;
  gap: 0;
  margin-bottom: 0;
}
label.label-docked .label-text {
  font-size: var(--fs3);
  font-family: "Inter Bold";
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  height: 48px;
  display: flex;
  align-items: center;
  background-color: var(--grey7);
  padding: 14px;
  margin-bottom: 0;
  transition: all 0.1s cubic-bezier(0.35, 0.35, 0.4, 1);
}
label.label-docked input[type=text],
label.label-docked input[type=number],
label.label-docked input[type=email],
label.label-docked input[type=search],
label.label-docked input[type=password],
label.label-docked input[type=tel],
label.label-docked input[type=url],
label.label-docked textarea {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
@media (hover: hover) {
  label.label-docked:hover .label-text {
    background-color: var(--grey8);
  }
}

/* 
    #ANCHOR Text: Integrated Label
*/
label.label-integrated {
  position: relative;
}
label.label-integrated .label-text {
  font-size: var(--fs3);
  font-family: "Inter Bold";
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  z-index: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: transparent;
  padding: 0 14px;
  transition: all 0.1s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0.1s;
  margin-bottom: 0;
}
label.label-integrated .label-text::after {
  content: ":";
}
label.label-integrated input[type=text],
label.label-integrated input[type=number],
label.label-integrated input[type=email],
label.label-integrated input[type=search],
label.label-integrated input[type=password],
label.label-integrated input[type=tel],
label.label-integrated input[type=url],
label.label-integrated textarea {
  position: relative;
  transition: all 0.1s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0s;
}
label.label-integrated.is-focused .label-text, label.label-integrated.is-docked .label-text {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 14px;
  transform: scale(0.75) translate(calc(-15% - 14px), -250%);
  height: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* 
    #ANCHOR Text: Hidden Label
*/
label.label-hidden {
  margin-bottom: 0 !important;
}
label.label-hidden .label-text {
  display: none !important;
}

/* 
    #ANCHOR Text: Kinetic Label
*/
label.label-kinetic {
  position: relative;
}
label.label-kinetic .label-text {
  font-size: var(--fs3);
  font-family: "Inter Bold";
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  z-index: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: transparent;
  padding: 0 14px;
  transition: all 0s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0.1s;
  margin-bottom: 0;
}
label.label-kinetic .label-text::after {
  content: ":";
}
label.label-kinetic input[type=text],
label.label-kinetic input[type=number],
label.label-kinetic input[type=email],
label.label-kinetic input[type=search],
label.label-kinetic input[type=password],
label.label-kinetic input[type=tel],
label.label-kinetic input[type=url],
label.label-kinetic textarea {
  position: relative;
  transition: all 0.1s cubic-bezier(0.35, 0.35, 0.4, 1), padding 0s;
}
label.label-kinetic.field-is-focused .label-text, label.label-kinetic.field-has-value .label-text {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 14px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05px;
  transform: scale(1) translate(-14px, -200%);
  height: 24px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
label.label-kinetic.field-is-focused .label-text::after, label.label-kinetic.field-has-value .label-text::after {
  content: "";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Color Setup  
*/
:root, .lightmode {
  --bg: #ffffff;
  --bg2: #f2f2f2;
  --bg3: #e0e0e0;
  --bg2_t: var(--grey2_t);
  --bg3_t: var(--grey4_t);
  --grey1: #f9f9f9;
  --grey2: whitesmoke;
  --grey3: #f0f0f0;
  --grey4: #ececec;
  --grey5: #e3e3e3;
  --grey6: #dedede;
  --grey7: #d6d6d6;
  --grey8: #c7c7c7;
  --grey9: #b5b5b5;
  --grey10: #a3a3a3;
  --grey11: #8c8c8c;
  --grey12: #5e5e5e;
  --grey13: #4a4a4a;
  --grey14: #2b2b2b;
  --grey15: #141414;
  --grey16: #0a0a0a;
  --grey1_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.02);
  --grey2_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.04);
  --grey3_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.07);
  --grey4_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.09);
  --grey5_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.12);
  --grey6_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.15);
  --grey7_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.18);
  --grey8_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.25);
  --grey9_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.33);
  --grey10_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.40);
  --grey11_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.50);
  --grey12_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.67);
  --grey13_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.75);
  --grey14_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.85);
  --grey15_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.92);
  --grey16_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.96);
  --primary: #bb0c2f;
  --primary_r: 187;
  --primary_g: 12;
  --primary_b: 47;
  --on_primary: #ffffff;
  --on_primary_r: 255;
  --on_primary_g: 255;
  --on_primary_b: 255;
  --secondary: #971b2f;
  --secondary_r: 151;
  --secondary_g: 27;
  --secondary_b: 47;
  --on_secondary: #ffffff;
  --on_secondary_r: 255;
  --on_secondary_g: 255;
  --on_secondary_b: 255;
  /*
  --secondary_hue: 350.3225806452deg;
  --hue_magenta: magenta;
  --hue_magenta_check: #ff007d;
  --hue_red: red;
  --hue_red_check: #ff0000;
  --hue_orange: orange;
  --hue_orange_check: #ff7d00;
  --hue_yellow: yellow;
  --hue_yellow_check: #ffff00;
  --hue_yellow_green: green-to-cyan;
  --hue_yellow_green_check: #7dff00;
  --hue_green: green-to-cyan;
  --hue_green_check: #00ff00;
  --hue_mint: green-to-cyan;
  --hue_mint_check: #00ff7d;
  --hue_cyan: green-to-cyan;
  --hue_cyan_check: #00ffff;
  --hue_azure: azure;
  --hue_cyan_check: #007dff;
  --hue_blue: deep-blue;
  --hue_blue_check: #0000ff;
  --hue_purple: purple;
  --hue_purple_check: #7d00ff;
  */
  --text: #000000;
  --headline: #000000;
  --text_strong: rgba(0, 0, 0, 0.7);
  --text_medium: rgba(0, 0, 0, 0.5);
  --text_subtle: rgba(0, 0, 0, 0.3);
  --text_on_primary: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 1);
  --text_on_primary_strong: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.7);
  --text_on_primary_medium: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.5);
  --text_on_primary_subtle: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.3);
  --text_on_secondary: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 1);
  --text_on_secondary_strong: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.7);
  --text_on_secondary_medium: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.5);
  --text_on_secondary_subtle: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.3);
  --button: #bb0c2f;
  --button_outline_hover_bg: #fccfd8;
  --button_hover: #810821;
  --button_text: var(--on_primary);
  --button_hover_text: var(--on_primary);
  --secondary_button: #971b2f;
  --secondary_button_outline_hover_bg: #f7d4d9;
  --secondary_button_hover: #63121f;
  --secondary_button_text: var(--on_secondary);
  --secondary_button_hover_text: var(--on_secondary);
  --link: #bb0c2f;
  --link_hover: #f1244d;
  --link_on_primary: #ffffff;
  --link_on_primary_hover: rgba(255, 255, 255, 0.8);
  --link_on_secondary: #ffffff;
  --link_on_secondary_hover: rgba(255, 255, 255, 0.8);
  --border_color_strongest: rgb(0, 0, 0);
  --border_color_strong: rgba(0, 0, 0, 0.4);
  --border_color_medium: rgba(0, 0, 0, 0.25);
  --border_color: rgba(0, 0, 0, 0.25);
  --border_color_subtle: rgba(0, 0, 0, 0.12);
  --border_color_on_primary_strongest: rgb(255, 255, 255);
  --border_color_on_primary_strong: rgba(255, 255, 255, 0.5);
  --border_color_on_primary_medium: rgba(255, 255, 255, 0.36);
  --border_color_on_primary: rgba(255, 255, 255, 0.36);
  --border_color_on_primary_subtle: rgba(255, 255, 255, 0.28);
  --border_color_on_secondary_strongest: rgb(255, 255, 255);
  --border_color_on_secondary_strong: rgba(255, 255, 255, 0.5);
  --border_color_on_secondary_medium: rgba(255, 255, 255, 0.36);
  --border_color_on_secondary: rgba(255, 255, 255, 0.36);
  --border_color_on_secondary_subtle: rgba(255, 255, 255, 0.28);
  --button_shadow: 0 2px 4px 1px rgba(0,0,0, 0.2);
  --shadow0: 0 2px 4px rgba(0,0,0, 0.2);
  --shadow: 0 2px 8px rgba(0,0,0, 0.2);
  --shadow1: 0 4px 16px rgba(0,0,0, 0.2);
  --shadow2: 0 10px 28px rgba(0,0,0, 0.2);
  --shadow3: 0 16px 48px rgba(0,0,0, 0.2);
  --shadow_outline: transparent;
  --lightest: #ffffff;
  --lightest_r: 255;
  --lightest_g: 255;
  --lightest_b: 255;
  --darkest: #000000;
  --darkest_r: 0;
  --darkest_g: 0;
  --darkest_b: 0;
  --info: #004dd1;
  --info_bg: #cbdeff;
  --on_info: #ffffff;
  --success: #0a8d0a;
  --success_bg: #befabe;
  --on_success: #ffffff;
  --warning: #b96900;
  --warning_bg: #ffe5c4;
  --on_warning: #ffffff;
  --danger: #81229e;
  --danger_bg: #ecd0f5;
  --on_danger: #ffffff;
  --note: #927700;
  --note_bg: #fff2b8;
  --on_note: #ffffff;
  background-color: var(--bg);
  color: var(--text);
}

.theme-light {
  --bg: #fff9b7;
  --bg2: #fff7a1;
  --bg3: #fff582;
  --bg2_t: var(--grey2_t);
  --bg3_t: var(--grey4_t);
  --grey1: #f9f9f9;
  --grey2: whitesmoke;
  --grey3: #f0f0f0;
  --grey4: #ececec;
  --grey5: #e3e3e3;
  --grey6: #dedede;
  --grey7: #d6d6d6;
  --grey8: #c7c7c7;
  --grey9: #b5b5b5;
  --grey10: #a3a3a3;
  --grey11: #8c8c8c;
  --grey12: #5e5e5e;
  --grey13: #4a4a4a;
  --grey14: #2b2b2b;
  --grey15: #141414;
  --grey16: #0a0a0a;
  --grey1_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.02);
  --grey2_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.04);
  --grey3_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.07);
  --grey4_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.09);
  --grey5_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.12);
  --grey6_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.15);
  --grey7_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.18);
  --grey8_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.25);
  --grey9_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.33);
  --grey10_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.40);
  --grey11_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.50);
  --grey12_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.67);
  --grey13_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.75);
  --grey14_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.85);
  --grey15_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.92);
  --grey16_t: rgba(var(--darkest_r), var(--darkest_g), var(--darkest_b), 0.96);
  --primary: #81229e;
  --primary_r: 129;
  --primary_g: 34;
  --primary_b: 158;
  --on_primary: #ffffff;
  --on_primary_r: 255;
  --on_primary_g: 255;
  --on_primary_b: 255;
  --secondary: #26952f;
  --secondary_r: 38;
  --secondary_g: 149;
  --secondary_b: 47;
  --on_secondary: #ffffff;
  --on_secondary_r: 255;
  --on_secondary_g: 255;
  --on_secondary_b: 255;
  /*
  --secondary_hue: 124.8648648649deg;
  --hue_magenta: magenta;
  --hue_magenta_check: #ff007d;
  --hue_red: red;
  --hue_red_check: #ff0000;
  --hue_orange: orange;
  --hue_orange_check: #ff7d00;
  --hue_yellow: yellow;
  --hue_yellow_check: #ffff00;
  --hue_yellow_green: green-to-cyan;
  --hue_yellow_green_check: #7dff00;
  --hue_green: green-to-cyan;
  --hue_green_check: #00ff00;
  --hue_mint: green-to-cyan;
  --hue_mint_check: #00ff7d;
  --hue_cyan: green-to-cyan;
  --hue_cyan_check: #00ffff;
  --hue_azure: azure;
  --hue_cyan_check: #007dff;
  --hue_blue: deep-blue;
  --hue_blue_check: #0000ff;
  --hue_purple: purple;
  --hue_purple_check: #7d00ff;
  */
  --text: #a12300;
  --headline: #a12300;
  --text_strong: rgba(161, 35, 0, 0.7);
  --text_medium: rgba(161, 35, 0, 0.5);
  --text_subtle: rgba(161, 35, 0, 0.3);
  --text_on_primary: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 1);
  --text_on_primary_strong: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.7);
  --text_on_primary_medium: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.5);
  --text_on_primary_subtle: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.3);
  --text_on_secondary: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 1);
  --text_on_secondary_strong: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.7);
  --text_on_secondary_medium: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.5);
  --text_on_secondary_subtle: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.3);
  --button: #81229e;
  --button_outline_hover_bg: #eed5f6;
  --button_hover: #58176c;
  --button_text: var(--on_primary);
  --button_hover_text: var(--on_primary);
  --secondary_button: #26952f;
  --secondary_button_outline_hover_bg: #d6f5d9;
  --secondary_button_hover: #1e7425;
  --secondary_button_text: var(--on_secondary);
  --secondary_button_hover_text: var(--on_secondary);
  --link: #81229e;
  --link_hover: #b13bd5;
  --link_on_primary: #ffffff;
  --link_on_primary_hover: rgba(255, 255, 255, 0.8);
  --link_on_secondary: #ffffff;
  --link_on_secondary_hover: rgba(255, 255, 255, 0.8);
  --border_color_strongest: rgb(161, 35, 0);
  --border_color_strong: rgba(161, 35, 0, 0.4);
  --border_color_medium: rgba(161, 35, 0, 0.25);
  --border_color: rgba(161, 35, 0, 0.25);
  --border_color_subtle: rgba(161, 35, 0, 0.12);
  --border_color_on_primary_strongest: rgb(255, 255, 255);
  --border_color_on_primary_strong: rgba(255, 255, 255, 0.5);
  --border_color_on_primary_medium: rgba(255, 255, 255, 0.36);
  --border_color_on_primary: rgba(255, 255, 255, 0.36);
  --border_color_on_primary_subtle: rgba(255, 255, 255, 0.28);
  --border_color_on_secondary_strongest: rgb(255, 255, 255);
  --border_color_on_secondary_strong: rgba(255, 255, 255, 0.5);
  --border_color_on_secondary_medium: rgba(255, 255, 255, 0.36);
  --border_color_on_secondary: rgba(255, 255, 255, 0.36);
  --border_color_on_secondary_subtle: rgba(255, 255, 255, 0.28);
  --button_shadow: 0 2px 4px 1px rgba(0,0,0, 0.2);
  --shadow0: 0 2px 4px rgba(0,0,0, 0.2);
  --shadow: 0 2px 8px rgba(0,0,0, 0.2);
  --shadow1: 0 4px 16px rgba(0,0,0, 0.2);
  --shadow2: 0 10px 28px rgba(0,0,0, 0.2);
  --shadow3: 0 16px 48px rgba(0,0,0, 0.2);
  --shadow_outline: transparent;
  --lightest: #ffffff;
  --lightest_r: 255;
  --lightest_g: 255;
  --lightest_b: 255;
  --darkest: #000000;
  --darkest_r: 0;
  --darkest_g: 0;
  --darkest_b: 0;
  --info: #004dd1;
  --info_bg: #cbdeff;
  --on_info: #ffffff;
  --success: #0a8d0a;
  --success_bg: #befabe;
  --on_success: #ffffff;
  --warning: #b96900;
  --warning_bg: #ffe5c4;
  --on_warning: #ffffff;
  --danger: #81229e;
  --danger_bg: #ecd0f5;
  --on_danger: #ffffff;
  --note: #927700;
  --note_bg: #fff2b8;
  --on_note: #ffffff;
  background-color: var(--bg);
  color: var(--text);
}

.darkmode {
  --bg: #000000;
  --bg2: #1a1a1a;
  --bg3: #292929;
  --bg2_t: var(--grey2_t);
  --bg3_t: var(--grey4_t);
  --grey1: #0f0f0f;
  --grey2: #1f1f1f;
  --grey3: #212121;
  --grey4: #262626;
  --grey5: #2e2e2e;
  --grey6: #383838;
  --grey7: #404040;
  --grey8: #4a4a4a;
  --grey9: #545454;
  --grey10: #5e5e5e;
  --grey11: #6b6b6b;
  --grey12: #787878;
  --grey13: #858585;
  --grey14: #ababab;
  --grey15: #b8b8b8;
  --grey16: #c4c4c4;
  --grey1_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.05);
  --grey2_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.07);
  --grey3_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.09);
  --grey4_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.11);
  --grey5_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.13);
  --grey6_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.16);
  --grey7_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.20);
  --grey8_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.24);
  --grey9_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.29);
  --grey10_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.35);
  --grey11_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.42);
  --grey12_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.50);
  --grey13_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.60);
  --grey14_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.70);
  --grey15_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.80);
  --grey16_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.90);
  --grey1_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.06);
  --grey2_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.12);
  --grey3_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.13);
  --grey4_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.15);
  --grey5_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.18);
  --grey6_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.22);
  --grey7_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.25);
  --grey8_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.29);
  --grey9_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.33);
  --grey10_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.37);
  --grey11_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.42);
  --grey12_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.47);
  --grey13_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.52);
  --grey14_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.67);
  --grey15_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.72);
  --grey16_t: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.77);
  --primary: #bb0c2f;
  --primary_r: 187;
  --primary_g: 12;
  --primary_b: 47;
  --on_primary: #ffffff;
  --on_primary_r: 255;
  --on_primary_g: 255;
  --on_primary_b: 255;
  --secondary: #971b2f;
  --secondary_r: 151;
  --secondary_g: 27;
  --secondary_b: 47;
  --on_secondary: #000000;
  --on_secondary_r: 0;
  --on_secondary_g: 0;
  --on_secondary_b: 0;
  /*
  --secondary_hue: 350.3225806452deg;
  --hue_magenta: magenta;
  --hue_magenta_check: #ff007d;
  --hue_red: red;
  --hue_red_check: #ff0000;
  --hue_orange: orange;
  --hue_orange_check: #ff7d00;
  --hue_yellow: yellow;
  --hue_yellow_check: #ffff00;
  --hue_yellow_green: green-to-cyan;
  --hue_yellow_green_check: #7dff00;
  --hue_green: green-to-cyan;
  --hue_green_check: #00ff00;
  --hue_mint: green-to-cyan;
  --hue_mint_check: #00ff7d;
  --hue_cyan: green-to-cyan;
  --hue_cyan_check: #00ffff;
  --hue_azure: azure;
  --hue_cyan_check: #007dff;
  --hue_blue: deep-blue;
  --hue_blue_check: #0000ff;
  --hue_purple: purple;
  --hue_purple_check: #7d00ff;
  */
  --text: #ffffff;
  --headline: #ffffff;
  --text_strong: rgba(255, 255, 255, 0.7);
  --text_medium: rgba(255, 255, 255, 0.5);
  --text_subtle: rgba(255, 255, 255, 0.3);
  --text_on_primary: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 1);
  --text_on_primary_strong: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.7);
  --text_on_primary_medium: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.5);
  --text_on_primary_subtle: rgba(var(--on_primary_r), var(--on_primary_g), var(--on_primary_b), 0.3);
  --text_on_secondary: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 1);
  --text_on_secondary_strong: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.7);
  --text_on_secondary_medium: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.5);
  --text_on_secondary_subtle: rgba(var(--on_secondary_r), var(--on_secondary_g), var(--on_secondary_b), 0.3);
  --button: #bb0c2f;
  --button_outline_hover_bg: #480512;
  --button_hover: #e60f3a;
  --button_text: var(--on_primary);
  --button_hover_text: var(--on_primary);
  --secondary_button: #971b2f;
  --secondary_button_outline_hover_bg: #410c14;
  --secondary_button_hover: #be223b;
  --secondary_button_text: var(--on_secondary);
  --secondary_button_hover_text: var(--on_secondary);
  --link: #bb0c2f;
  --link_hover: #a40b29;
  --link_on_primary: #ffffff;
  --link_on_primary_hover: rgba(255, 255, 255, 0.8);
  --link_on_secondary: #000000;
  --link_on_secondary_hover: rgba(0, 0, 0, 0.8);
  --border_color_strongest: rgb(255, 255, 255);
  --border_color_strong: rgba(255, 255, 255, 0.5);
  --border_color_medium: rgba(255, 255, 255, 0.36);
  --border_color: rgba(255, 255, 255, 0.36);
  --border_color_subtle: rgba(255, 255, 255, 0.28);
  --border_color_on_primary_strongest: rgb(255, 255, 255);
  --border_color_on_primary_strong: rgba(255, 255, 255, 0.5);
  --border_color_on_primary_medium: rgba(255, 255, 255, 0.36);
  --border_color_on_primary: rgba(255, 255, 255, 0.36);
  --border_color_on_primary_subtle: rgba(255, 255, 255, 0.28);
  --border_color_on_secondary_strongest: rgb(0, 0, 0);
  --border_color_on_secondary_strong: rgba(0, 0, 0, 0.5);
  --border_color_on_secondary_medium: rgba(0, 0, 0, 0.36);
  --border_color_on_secondary: rgba(0, 0, 0, 0.36);
  --border_color_on_secondary_subtle: rgba(0, 0, 0, 0.28);
  --shadow0: 0 2px 4px rgba(255,255,255, 0.25);
  --shadow: 0 2px 8px rgba(255,255,255, 0.25);
  --shadow1: 0 4px 12px rgba(255,255,255, 0.25);
  --shadow2: 0 8px 20px rgba(255,255,255, 0.25);
  --shadow3: 0 12px 28px rgba(255,255,255, 0.25);
  --button_shadow: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow0: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow1: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow2: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow3: inset 0 0 0 2px rgba(255,255,255, 0.25);
  --shadow_outline: rgba(255,255,255,0);
  --lightest: #ffffff;
  --lightest_r: 255;
  --lightest_g: 255;
  --lightest_b: 255;
  --darkest: #000000;
  --darkest_r: 0;
  --darkest_g: 0;
  --darkest_b: 0;
  --info: #004dd1;
  --info_bg: #cbdeff;
  --on_info: #ffffff;
  --success: #0a8d0a;
  --success_bg: #befabe;
  --on_success: #ffffff;
  --warning: #b96900;
  --warning_bg: #ffe5c4;
  --on_warning: #ffffff;
  --danger: #81229e;
  --danger_bg: #ecd0f5;
  --on_danger: #ffffff;
  --note: #927700;
  --note_bg: #fff2b8;
  --on_note: #ffffff;
  background-color: var(--bg);
  color: var(--text);
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR swipe through 
*/
/* 
    #ANCHOR swipe through 
*/
@keyframes swipeThrough {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes swipeThroughStretched {
  0% {
    transform: translateX(-100%);
  }
  48% {
    transform: translateX(-100%);
  }
  52% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/* 
    #ANCHOR bounce 
*/
.bounce {
  animation: bounce;
  animation-duration: 0.67s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
}

@keyframes bounce {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* 
    #ANCHOR newCartItem 
*/
@keyframes newCartItemOverlay {
  0% {
    display: block;
    transform: scaleX(0);
    transform-origin: left center;
    background-color: var(--primary);
  }
  99% {
    display: block;
    transform-origin: left center;
    background-color: transparent;
  }
  100% {
    display: none;
  }
}
/* 
    #ANCHOR blendIn 
*/
@keyframes blendIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.05);
  }
  99% {
    transform: scale(1);
  }
  100% {
    transform: unset;
    opacity: 1;
  }
}
/* 
    #ANCHOR modalBoxBlendIn 
*/
@keyframes modalBoxBlendIn {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 32px));
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
/* 
    #ANCHOR modalBoxBlendOut 
*/
@keyframes modalBoxBlendOut {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 32px));
  }
}
/* 
    #ANCHOR modalBgBlendIn 
*/
@keyframes modalBgBlendIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 
    #ANCHOR modalBgBlendOut
*/
@keyframes modalBgBlendOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
    #ANCHOR fadeInOut 
*/
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
    #ANCHOR statusMessageFadeIn
*/
@keyframes statusMessageFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, 56px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 8px);
  }
}
/* 
    #ANCHOR blinkIn
*/
@keyframes blinkIn {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 
    #ANCHOR fadeOut 
*/
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 
    #ANCHOR fadeIn 
*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* 
    #ANCHOR rotate 360 
*/
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 
    #ANCHOR showStatusOverlay 
*/
@keyframes showStatusOverlay {
  0% {
    opacity: 0;
    transform: translate(-50%, 8px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}
/* 
    #ANCHOR hideStatusOverlay 
*/
@keyframes hideStatusOverlay {
  0% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, 8px) scale(0.9);
  }
}
/* 
    #ANCHOR rotating
*/
.rotating {
  animation: rotate;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.rotating.medium-speed {
  animation-duration: 2s;
}
.rotating.slow-speed {
  animation-duration: 3s;
}

.rotate-360 {
  animation: rotate;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
}

/* 
    #ANCHOR Imports 
*/
/*
    #ANCHOR Icon Font 16
*/
@font-face {
  font-family: "Spin-Icons-16";
  src: url(../assets/fonts/Spin-Icons-16.woff2) format("woff2"), url(../assets/fonts/Spin-Icons-16.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-]:not(.icon-with-badge), [class*=" icon-"]:not(.icon-with-badge) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Spin-Icons-16" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-accessibility:before {
  content: "\e9b7";
}

.icon-add-credit-card:before {
  content: "\e9b8";
}

.icon-check-mark--circled:before {
  content: "\e9ba";
}

.icon-checklist_2:before {
  content: "\e9bb";
}

.icon-checkmark--circled--solid:before {
  content: "\e9bc";
}

.icon-contrast-circle:before {
  content: "\e9bd";
}

.icon-credit-card--solid:before {
  content: "\e9be";
}

.icon-credit-card:before {
  content: "\e9bf";
}

.icon-image--solid:before {
  content: "\e9c0";
}

.icon-image-broken--solid:before {
  content: "\e9c1";
}

.icon-image-broken:before {
  content: "\e9c2";
}

.icon-image:before {
  content: "\e9c3";
}

.icon-list-bulleted:before {
  content: "\e9c4";
}

.icon-paper-description--solid--tailored:before {
  content: "\e9c5";
}

.icon-paper-description--solid:before {
  content: "\e9c6";
}

.icon-paper-description--tailored:before {
  content: "\e9c7";
}

.icon-paper-description:before {
  content: "\e9c8";
}

.icon-paper-folded--solid--tailored .path1:before {
  content: "\e9c9";
  color: rgb(0, 0, 0);
}

.icon-paper-folded--solid--tailored .path2:before {
  content: "\e9ca";
  margin-left: -0.7529296875em;
  color: rgb(242, 242, 242);
}

.icon-paper-folded--solid .path1:before {
  content: "\e9cb";
  color: rgb(0, 0, 0);
}

.icon-paper-folded--solid .path2:before {
  content: "\e9cc";
  margin-left: -1em;
  color: rgb(242, 242, 242);
}

.icon-paper-folded--tailored:before {
  content: "\e9cd";
}

.icon-paper-folded:before {
  content: "\e9ce";
}

.icon-photo--solid:before {
  content: "\e9cf";
}

.icon-photo:before {
  content: "\e9d0";
}

.icon-questionmark--boxed--solid:before {
  content: "\e9d1";
}

.icon-questionmark--boxed:before {
  content: "\e9d2";
}

.icon-questionmark--circled:before {
  content: "\e9d3";
}

.icon-questionmark--soild:before {
  content: "\e9d4";
}

.icon-questionmark:before {
  content: "\e9d5";
}

.icon-share--solid:before {
  content: "\e9d6";
}

.icon-share:before {
  content: "\e9d7";
}

.icon-shopping-bag--solid:before {
  content: "\e9d8";
}

.icon-shoppingbag:before {
  content: "\e9d9";
}

.icon-wallet--solid:before {
  content: "\e9da";
}

.icon-x--boxed--solid:before {
  content: "\e9db";
}

.icon-x--boxed:before {
  content: "\e9dc";
}

.icon-x--circled--solid:before {
  content: "\e9dd";
}

.icon-x--circled:before {
  content: "\e9de";
}

.icon-zoom-in-2--solid:before {
  content: "\e9df";
}

.icon-zoom-in-2:before {
  content: "\e9e0";
}

.icon-zoom-out-2--solid:before {
  content: "\e9e1";
}

.icon-zoom-out-2:before {
  content: "\e9e2";
}

.icon-compress:before {
  content: "\e9e3";
}

.icon-compress--solid:before {
  content: "\e9e4";
}

.icon-database:before {
  content: "\e9e5";
}

.icon-database--solid:before {
  content: "\e9e6";
}

.icon-folder:before {
  content: "\e9e7";
}

.icon-folder-full:before {
  content: "\e9e8";
}

.icon-folder-open:before {
  content: "\e9e9";
}

.icon-pdf:before {
  content: "\e985";
}

.icon-pdf--solid:before {
  content: "\e986";
}

.icon-checked-list--tailored:before {
  content: "\e991";
}

.icon-checked-list--solid:before {
  content: "\e992";
}

.icon-checked-list:before {
  content: "\e993";
}

.icon-checked-list--tailored--solid:before {
  content: "\e994";
}

.icon-checklist--tailored:before {
  content: "\e995";
}

.icon-checklist--solid:before {
  content: "\e996";
}

.icon-checklist:before {
  content: "\e997";
}

.icon-checklist--tailored--solid:before {
  content: "\e998";
}

.icon-paper-list--tailored:before {
  content: "\e933";
}

.icon-paper-list:before {
  content: "\e934";
}

.icon-floppy-disk:before {
  content: "\e99c";
}

.icon-floppy-disk--solid:before {
  content: "\e99d";
}

.icon-paperclip:before {
  content: "\e9a3";
}

.icon-wallet:before {
  content: "\e9b4";
}

.icon-chain--solid:before {
  content: "\e978";
}

.icon-chain-broken--solid:before {
  content: "\e979";
}

.icon-cloud-download:before {
  content: "\e97a";
}

.icon-cloud-download--solid:before {
  content: "\e97b";
}

.icon-cloud-upload:before {
  content: "\e97c";
}

.icon-cloud-upload--solid:before {
  content: "\e97d";
}

.icon-happy-face:before {
  content: "\e980";
}

.icon-happy-face--solid:before {
  content: "\e9ea";
}

.icon-neutral-face:before {
  content: "\e981";
}

.icon-neutral-face--solid:before {
  content: "\e9b5";
}

.icon-sad-face:before {
  content: "\e982";
}

.icon-sad-face--solid:before {
  content: "\e9b6";
}

.icon-mail:before {
  content: "\e983";
}

.icon-mail--solid:before {
  content: "\e984";
}

.icon-phone:before {
  content: "\e987";
}

.icon-phone--solid:before {
  content: "\e988";
}

.icon-speech-bubble:before {
  content: "\e989";
}

.icon-speech-bubble--solid:before {
  content: "\e98a";
}

.icon-speech-bubble-right:before {
  content: "\e98b";
}

.icon-speech-bubble-right--solid:before {
  content: "\e98c";
}

.icon-toggle-on:before {
  content: "\e96b";
}

.icon-toggle-on--solid:before {
  content: "\e96c";
}

.icon-toggle-off:before {
  content: "\e96d";
}

.icon-toggle-off--solid:before {
  content: "\e96e";
}

.icon-copy--solid:before {
  content: "\e95c";
}

.icon-copy:before {
  content: "\e95d";
}

.icon-pen-and-paper--solid:before {
  content: "\e95e";
}

.icon-pen-and-paper:before {
  content: "\e95f";
}

.icon-pen:before {
  content: "\e961";
}

.icon-pen-solid:before {
  content: "\e960";
}

.icon-simple-profile:before {
  content: "\e967";
}

.icon-profile:before {
  content: "\e93e";
}

.icon-profile--solid:before {
  content: "\e962";
}

.icon-add-person:before {
  content: "\e957";
}

.icon-add-person--solid:before {
  content: "\e956";
}

.icon-remove-person:before {
  content: "\e964";
}

.icon-remove-person--solid:before {
  content: "\e963";
}

.icon-team:before {
  content: "\e969";
}

.icon-team--solid:before {
  content: "\e968";
}

.icon-sd-card:before {
  content: "\e966";
}

.icon-sd-card--solid:before {
  content: "\e965";
}

.icon-bookmark:before {
  content: "\e96f";
}

.icon-bookmark--solid:before {
  content: "\e970";
}

.icon-house:before {
  content: "\e924";
}

.icon-house--solid:before {
  content: "\e925";
}

.icon-simple-house:before {
  content: "\e948";
}

.icon-simple-house-solid:before {
  content: "\e949";
}

.icon-shopping-cart:before {
  content: "\e940";
}

.icon-shopping-cart--solid:before {
  content: "\e941";
}

.icon-closed-eye:before {
  content: "\e911";
}

.icon-eye:before {
  content: "\e91c";
}

.icon-eye--solid:before {
  content: "\e91d";
}

.icon-crossed-out-eye:before {
  content: "\e912";
}

.icon-crossed-out-eye--solid:before {
  content: "\e913";
}

.icon-simple-crossed-out-eye:before {
  content: "\e942";
}

.icon-simple-crossed-out-eye--solid:before {
  content: "\e943";
}

.icon-simple-eye:before {
  content: "\e944";
}

.icon-simple-eye--solid:before {
  content: "\e945";
}

.icon-simple-eye-2:before {
  content: "\e946";
}

.icon-simple-eye-2--solid:before {
  content: "\e947";
}

.icon-trash-can:before {
  content: "\e952";
}

.icon-trash-can--solid:before {
  content: "\e953";
}

.icon-bell:before {
  content: "\e9eb";
}

.icon-bell--solid:before {
  content: "\e9ec";
}

.icon-heart:before {
  content: "\e920";
}

.icon-heart--solid:before {
  content: "\e921";
}

.icon-star:before {
  content: "\e94e";
}

.icon-half-star:before {
  content: "\e94f";
}

.icon-star--solid:before {
  content: "\e950";
}

.icon-speaker:before {
  content: "\e94a";
}

.icon-speaker--solid:before {
  content: "\e94b";
}

.icon-crossed-out-speaker:before {
  content: "\e914";
}

.icon-crossed-speaker--solid:before {
  content: "\e96a";
}

.icon-play--padded:before {
  content: "\e936";
}

.icon-play--solid--padded:before {
  content: "\e937";
}

.icon-pause--padded:before {
  content: "\e9a4";
}

.icon-pause--solid--padded:before {
  content: "\e9a5";
}

.icon-grid--solid:before {
  content: "\e97f";
}

.icon-grid:before {
  content: "\e97e";
}

.icon-plus--boxed--solid:before {
  content: "\e939";
}

.icon-plus--boxed:before {
  content: "\e938";
}

.icon-minus--boxed--solid:before {
  content: "\e92e";
}

.icon-minus--boxed:before {
  content: "\e92d";
}

.icon-plus--circled:before {
  content: "\e93a";
}

.icon-plus--circled--solid:before {
  content: "\e93b";
}

.icon-minus--circled:before {
  content: "\e92f";
}

.icon-minus--circled--solid:before {
  content: "\e930";
}

.icon-exclamation-mark--circled:before {
  content: "\e91b";
}

.icon-exclamation-mark--circled--solid:before {
  content: "\e999";
}

.icon-i--circled:before {
  content: "\e926";
}

.icon-i--circled--solid:before {
  content: "\e99e";
}

.icon-info-circled:before {
  content: "\e9a1";
}

.icon-info-circled--solid:before {
  content: "\e9a2";
}

.icon-exclamation-mark-triangle:before {
  content: "\e99a";
}

.icon-exclamation-mark-triangle--solid:before {
  content: "\e99b";
}

.icon-i-triangle:before {
  content: "\e99f";
}

.icon-i-triangle--solid:before {
  content: "\e9a0";
}

.icon-info--tailored:before {
  content: "\e927";
}

.icon-info:before {
  content: "\e928";
}

.icon-spinner:before {
  content: "\e94c";
}

.icon-percent:before {
  content: "\e935";
}

.icon-checkmark:before {
  content: "\e95b";
}

.icon-checkmark--padded:before {
  content: "\e95a";
}

.icon-check-mark:before {
  content: "\e906";
}

.icon-check-mark--padded:before {
  content: "\e907";
}

.icon-euro:before {
  content: "\e91a";
}

.icon-text-symbol:before {
  content: "\e951";
}

.icon-vertical-line--tailored:before {
  content: "\e98f";
}

.icon-vertical-line:before {
  content: "\e990";
}

.icon-dots:before {
  content: "\e916";
}

.icon-vertical-dots--tailored:before {
  content: "\e954";
}

.icon-vertical-dots:before {
  content: "\e955";
}

.icon-gear:before {
  content: "\e91e";
}

.icon-gear--solid:before {
  content: "\e91f";
}

.icon-search:before {
  content: "\e93f";
}

.icon-menu:before {
  content: "\e92b";
}

.icon-x:before {
  content: "\e90f";
}

.icon-close-menu:before {
  content: "\e92c";
}

.icon-x--padded:before {
  content: "\e910";
}

.icon-dropdown:before {
  content: "\e919";
}

.icon-log-in:before {
  content: "\e929";
}

.icon-log-out:before {
  content: "\e92a";
}

.icon-two-arrow-circle:before {
  content: "\e9b2";
}

.icon-arrow-circle:before {
  content: "\e9b3";
}

.icon-upload-2:before {
  content: "\e98d";
}

.icon-upload:before {
  content: "\e98e";
}

.icon-download--tailored:before {
  content: "\e917";
}

.icon-download:before {
  content: "\e918";
}

.icon-external-link:before {
  content: "\e971";
}

.icon-arrows-in:before {
  content: "\e976";
}

.icon-arrows-out:before {
  content: "\e977";
}

.icon-undo:before {
  content: "\e973";
}

.icon-redo:before {
  content: "\e972";
}

.icon-hooked-arrow-left:before {
  content: "\e923";
}

.icon-hooked-arrow-right:before {
  content: "\e922";
}

.icon-arrow-up:before {
  content: "\e900";
}

.icon-arrow-up--tailored:before {
  content: "\e901";
}

.icon-arrow-up-right:before {
  content: "\e959";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-arrow-down-right:before {
  content: "\e974";
}

.icon-arrow-down:before {
  content: "\e903";
}

.icon-arrow-down--tailored:before {
  content: "\e904";
}

.icon-arrow-down-left:before {
  content: "\e975";
}

.icon-arrow-left:before {
  content: "\e905";
}

.icon-arrow-up-left:before {
  content: "\e958";
}

.icon-triangle-up:before {
  content: "\e9b0";
}

.icon-triangle-up--solid:before {
  content: "\e9b1";
}

.icon-triangle-right--tailored:before {
  content: "\e9ac";
}

.icon-triangle-right--solid--tailored:before {
  content: "\e9ad";
}

.icon-triangle-right:before {
  content: "\e9ae";
}

.icon-triangle-right--solid:before {
  content: "\e9af";
}

.icon-triangle-down:before {
  content: "\e9a6";
}

.icon-triangle-down--solid:before {
  content: "\e9a7";
}

.icon-triangle-left--tailored:before {
  content: "\e9a8";
}

.icon-triangle-left--solid--tailored:before {
  content: "\e9a9";
}

.icon-triangle-left:before {
  content: "\e9aa";
}

.icon-triangle-left--solid:before {
  content: "\e9ab";
}

.icon-chevron-up:before {
  content: "\e908";
}

.icon-chevron-right:before {
  content: "\e909";
}

.icon-chevron-right--tailored:before {
  content: "\e90a";
}

.icon-chevron-down:before {
  content: "\e90b";
}

.icon-chevron-left:before {
  content: "\e90c";
}

.icon-chevron-left--tailored:before {
  content: "\e90d";
}

.icon-plus:before {
  content: "\e93c";
}

.icon-plus--padded:before {
  content: "\e93d";
}

.icon-minus:before {
  content: "\e931";
}

.icon-minus--padded:before {
  content: "\e932";
}

.icon-square--padded:before {
  content: "\e94d";
}

.icon-dot--padded:before {
  content: "\e915";
}

.icon-circle--padded:before {
  content: "\e90e";
}

/*
    #ANCHOR Icon Font 32
*/
@font-face {
  font-family: "Spin-Icons-32";
  src: url(../assets/fonts/Spin-Icons-32.woff2) format("woff2"), url(../assets/fonts/Spin-Icons-32.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-32-]:not(.icon-with-badge), [class*=" icon-32-"]:not(.icon-with-badge) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Spin-Icons-32" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-32-checkmark--circled--solid:before {
  content: "\e9af";
}

.icon-32-accessibility:before {
  content: "\e9b0";
}

.icon-32-add-credit-card:before {
  content: "\e9b1";
}

.icon-32-checkmark--circled:before {
  content: "\e9b2";
}

.icon-32-checklist_2:before {
  content: "\e9b3";
}

.icon-32-contrast-circle:before {
  content: "\e9b4";
}

.icon-32-credit-card--solid:before {
  content: "\e9b5";
}

.icon-32-credit-card:before {
  content: "\e9b6";
}

.icon-32-image--solid:before {
  content: "\e9b7";
}

.icon-32-image-broken--solid:before {
  content: "\e9b8";
}

.icon-32-image-broken:before {
  content: "\e9b9";
}

.icon-32-image:before {
  content: "\e9ba";
}

.icon-32-list-bulleted:before {
  content: "\e9bb";
}

.icon-32-paper-description--solid--tailored:before {
  content: "\e9bc";
}

.icon-32-paper-description--solid:before {
  content: "\e9bd";
}

.icon-32-paper-description--tailored:before {
  content: "\e9be";
}

.icon-32-paper-description:before {
  content: "\e9bf";
}

.icon-32-paper-folded--solid--tailored:before {
  content: "\e9c0";
}

.icon-32-paper-folded--solid:before {
  content: "\e9c1";
}

.icon-32-paper-folded--tailored:before {
  content: "\e9c2";
}

.icon-32-paper-folded:before {
  content: "\e9c3";
}

.icon-32-photo--solid:before {
  content: "\e9c4";
}

.icon-32-photo:before {
  content: "\e9c5";
}

.icon-32-questionmark--boxed--solid:before {
  content: "\e9c6";
}

.icon-32-questionmark--boxed:before {
  content: "\e9c7";
}

.icon-32-questionmark--circled:before {
  content: "\e9c8";
}

.icon-32-questionmark--soild:before {
  content: "\e9c9";
}

.icon-32-questionmark:before {
  content: "\e9ca";
}

.icon-32-share--solid:before {
  content: "\e9cb";
}

.icon-32-share:before {
  content: "\e9cc";
}

.icon-32-shopping-bag--solid:before {
  content: "\e9cd";
}

.icon-32-shopping-bag:before {
  content: "\e9ce";
}

.icon-32-wallet--solid:before {
  content: "\e9cf";
}

.icon-32-x--boxed--solid:before {
  content: "\e9d0";
}

.icon-32-x--boxed:before {
  content: "\e9d1";
}

.icon-32-x--circled--solid:before {
  content: "\e9d2";
}

.icon-32-x--circled:before {
  content: "\e9d3";
}

.icon-32-zoom-in-2--solid:before {
  content: "\e9d4";
}

.icon-32-zoom-in-2:before {
  content: "\e9d5";
}

.icon-32-zoom-out-2--solid:before {
  content: "\e9d6";
}

.icon-32-zoom-out-2:before {
  content: "\e9d7";
}

.icon-32-bell:before {
  content: "\e9d8";
}

.icon-32-bell--solid:before {
  content: "\e9d9";
}

.icon-32-compress:before {
  content: "\e9da";
}

.icon-32-compress--solid:before {
  content: "\e9db";
}

.icon-32-database:before {
  content: "\e9dc";
}

.icon-32-database--solid:before {
  content: "\e9dd";
}

.icon-32-folder-full:before {
  content: "\e9de";
}

.icon-32-folder-open:before {
  content: "\e9df";
}

.icon-32-folder:before {
  content: "\e9e0";
}

.icon-32-floppy-disk--solid:before {
  content: "\e94b";
}

.icon-32-floppy-disk:before {
  content: "\e94c";
}

.icon-32-wallet:before {
  content: "\e98d";
}

.icon-32-paperclip:before {
  content: "\e98e";
}

.icon-32-chain--solid:before {
  content: "\e974";
}

.icon-32-chain-broken--solid:before {
  content: "\e975";
}

.icon-32-cloud-download:before {
  content: "\e977";
}

.icon-32-cloud-download--solid:before {
  content: "\e976";
}

.icon-32-cloud-upload:before {
  content: "\e979";
}

.icon-32-cloud-upload--solid:before {
  content: "\e978";
}

.icon-32-bookmark:before {
  content: "\e967";
}

.icon-32-bookmark--solid:before {
  content: "\e968";
}

.icon-32-toggle-off:before {
  content: "\e96a";
}

.icon-32-toggle-off--solid:before {
  content: "\e96b";
}

.icon-32-toggle-on:before {
  content: "\e96c";
}

.icon-32-toggle-on--solid:before {
  content: "\e96d";
}

.icon-32-log-in:before {
  content: "\e92f";
}

.icon-32-log-out:before {
  content: "\e930";
}

.icon-32-arrow-circle:before {
  content: "\e98f";
}

.icon-32-two-arrow-circle:before {
  content: "\e990";
}

.icon-32-checkmark--padded:before {
  content: "\e90a";
}

.icon-32-checkmark:before {
  content: "\e90b";
}

.icon-32-close-menu:before {
  content: "\e913";
}

.icon-32-x:before {
  content: "\e966";
}

.icon-32-x--padded:before {
  content: "\e965";
}

.icon-32-menu:before {
  content: "\e931";
}

.icon-32-vertical-line:before {
  content: "\e98b";
}

.icon-32-vertical-line--tailored:before {
  content: "\e98a";
}

.icon-32-vertical-dots:before {
  content: "\e964";
}

.icon-32-vertical-dots--tailored:before {
  content: "\e963";
}

.icon-32-dots:before {
  content: "\e91b";
}

.icon-32-plus--circled:before {
  content: "\e944";
}

.icon-32-plus--circled--solid:before {
  content: "\e943";
}

.icon-32-plus--boxed:before {
  content: "\e942";
}

.icon-32-plus--boxed--solid:before {
  content: "\e941";
}

.icon-32-minus--circled:before {
  content: "\e935";
}

.icon-32-minus--circled--solid:before {
  content: "\e934";
}

.icon-32-minus--boxed:before {
  content: "\e933";
}

.icon-32-minus--boxed--solid:before {
  content: "\e932";
}

.icon-32-exclamation-mark--circled:before {
  content: "\e920";
}

.icon-32-exclamation-mark--circled--solid:before {
  content: "\e99d";
}

.icon-32-exclamation-mark-triangle:before {
  content: "\e99e";
}

.icon-32-exclamation-mark-triangle--solid:before {
  content: "\e99f";
}

.icon-32-i--circled:before {
  content: "\e92c";
}

.icon-32-i--circled--solid:before {
  content: "\e9a0";
}

.icon-32-i-triangle:before {
  content: "\e9a1";
}

.icon-32-i-triangle--solid:before {
  content: "\e9a2";
}

.icon-32-info-circled:before {
  content: "\e9a3";
}

.icon-32-info-circled--solid:before {
  content: "\e9a4";
}

.icon-32-info:before {
  content: "\e92e";
}

.icon-32-info--tailored:before {
  content: "\e92d";
}

.icon-32-percent:before {
  content: "\e93e";
}

.icon-32-euro:before {
  content: "\e91f";
}

.icon-32-play--padded:before {
  content: "\e93f";
}

.icon-32-play--solid--padded:before {
  content: "\e940";
}

.icon-32-pause--padded:before {
  content: "\e9a5";
}

.icon-32-pause--solid--padded:before {
  content: "\e9a6";
}

.icon-32-star:before {
  content: "\e95e";
}

.icon-32-half-star:before {
  content: "\e925";
}

.icon-32-star--solid:before {
  content: "\e95d";
}

.icon-32-heart:before {
  content: "\e927";
}

.icon-32-heart--solid:before {
  content: "\e926";
}

.icon-32-happy-face:before {
  content: "\e97c";
}

.icon-32-happy-face--solid:before {
  content: "\e9e1";
}

.icon-32-neutral-face:before {
  content: "\e97f";
}

.icon-32-neutral-face--solid:before {
  content: "\e9e2";
}

.icon-32-sad-face:before {
  content: "\e984";
}

.icon-32-sad-face--solid:before {
  content: "\e9e3";
}

.icon-32-grid:before {
  content: "\e97b";
}

.icon-32-grid--solid:before {
  content: "\e97a";
}

.icon-32-spinner:before {
  content: "\e95b";
}

.icon-32-crossed-out-speaker:before {
  content: "\e919";
}

.icon-32-crossed-speaker--solid:before {
  content: "\e91a";
}

.icon-32-gear:before {
  content: "\e924";
}

.icon-32-gear--solid:before {
  content: "\e923";
}

.icon-32-search:before {
  content: "\e94d";
}

.icon-32-simple-house:before {
  content: "\e957";
}

.icon-32-simple-house--solid:before {
  content: "\e956";
}

.icon-32-house:before {
  content: "\e92b";
}

.icon-32-house--solid:before {
  content: "\e92a";
}

.icon-32-paper-list--tailored:before {
  content: "\e938";
}

.icon-32-paper-list:before {
  content: "\e939";
}

.icon-32-copy:before {
  content: "\e916";
}

.icon-32-copy--solid:before {
  content: "\e915";
}

.icon-32-pen-and-paper:before {
  content: "\e93b";
}

.icon-32-pen-and-paper--solid:before {
  content: "\e93a";
}

.icon-32-checked-list:before {
  content: "\e9a7";
}

.icon-32-checked-list--solid:before {
  content: "\e9a8";
}

.icon-32-checked-list--tailored:before {
  content: "\e9a9";
}

.icon-32-checked-list--tailored--solid:before {
  content: "\e9aa";
}

.icon-32-checklist:before {
  content: "\e9ab";
}

.icon-32-checklist--solid:before {
  content: "\e9ac";
}

.icon-32-checklist--tailored:before {
  content: "\e9ad";
}

.icon-32-checklist--tailored--solid:before {
  content: "\e9ae";
}

.icon-32-pdf:before {
  content: "\e981";
}

.icon-32-pdf--solid:before {
  content: "\e980";
}

.icon-32-pen:before {
  content: "\e93d";
}

.icon-32-pen-solid:before {
  content: "\e93c";
}

.icon-32-simple-profile:before {
  content: "\e958";
}

.icon-32-profile:before {
  content: "\e948";
}

.icon-32-profile--solid:before {
  content: "\e947";
}

.icon-32-add-person:before {
  content: "\e901";
}

.icon-32-add-person--solid:before {
  content: "\e900";
}

.icon-32-remove-person:before {
  content: "\e94a";
}

.icon-32-remove-person--solid:before {
  content: "\e949";
}

.icon-32-team:before {
  content: "\e960";
}

.icon-32-team--solid:before {
  content: "\e95f";
}

.icon-32-shopping-cart:before {
  content: "\e94f";
}

.icon-32-shopping-cart--solid:before {
  content: "\e94e";
}

.icon-32-eye:before {
  content: "\e922";
}

.icon-32-eye--solid:before {
  content: "\e921";
}

.icon-32-crossed-out-eye:before {
  content: "\e918";
}

.icon-32-crossed-out-eye--solid:before {
  content: "\e917";
}

.icon-32-closed-eye:before {
  content: "\e914";
}

.icon-32-simple-eye:before {
  content: "\e955";
}

.icon-32-simple-eye--solid:before {
  content: "\e952";
}

.icon-32-simple-crossed-out-eye:before {
  content: "\e951";
}

.icon-32-simple-crossed-out-eye--solid:before {
  content: "\e950";
}

.icon-32-simple-eye-2:before {
  content: "\e954";
}

.icon-32-simple-eye-2--solid:before {
  content: "\e953";
}

.icon-32-speaker:before {
  content: "\e95a";
}

.icon-32-speaker--solid:before {
  content: "\e959";
}

.icon-32-trash-can:before {
  content: "\e962";
}

.icon-32-trash-can--solid:before {
  content: "\e961";
}

.icon-32-phone:before {
  content: "\e983";
}

.icon-32-phone--solid:before {
  content: "\e982";
}

.icon-32-mail:before {
  content: "\e97e";
}

.icon-32-mail--solid:before {
  content: "\e97d";
}

.icon-32-speech-bubble:before {
  content: "\e988";
}

.icon-32-speech-bubble--solid:before {
  content: "\e985";
}

.icon-32-speech-bubble-right:before {
  content: "\e987";
}

.icon-32-speech-bubble-right--solid:before {
  content: "\e986";
}

.icon-32-external-link:before {
  content: "\e969";
}

.icon-32-arrows-in:before {
  content: "\e972";
}

.icon-32-arrows-out:before {
  content: "\e973";
}

.icon-32-upload:before {
  content: "\e989";
}

.icon-32-upload-2:before {
  content: "\e98c";
}

.icon-32-undo:before {
  content: "\e96e";
}

.icon-32-redo:before {
  content: "\e96f";
}

.icon-32-hooked-arrow-left:before {
  content: "\e928";
}

.icon-32-hooked-arrow-right:before {
  content: "\e929";
}

.icon-32-download:before {
  content: "\e91d";
}

.icon-32-download--tailored:before {
  content: "\e91c";
}

.icon-32-arrow-up:before {
  content: "\e909";
}

.icon-32-arrow-up--tailored:before {
  content: "\e906";
}

.icon-32-arrow-up-right:before {
  content: "\e908";
}

.icon-32-arrow-right:before {
  content: "\e905";
}

.icon-32-arrow-down-right:before {
  content: "\e970";
}

.icon-32-arrow-down:before {
  content: "\e903";
}

.icon-32-arrow-down--tailored:before {
  content: "\e902";
}

.icon-32-arrow-down-left:before {
  content: "\e971";
}

.icon-32-arrow-left:before {
  content: "\e904";
}

.icon-32-arrow-up-left:before {
  content: "\e907";
}

.icon-32-triangle-up:before {
  content: "\e991";
}

.icon-32-triangle-up--solid:before {
  content: "\e997";
}

.icon-32-triangle-right:before {
  content: "\e992";
}

.icon-32-triangle-right--solid:before {
  content: "\e998";
}

.icon-32-triangle-right--tailored:before {
  content: "\e993";
}

.icon-32-triangle-right--solid--tailored:before {
  content: "\e999";
}

.icon-32-triangle-down:before {
  content: "\e996";
}

.icon-32-triangle-down--solid:before {
  content: "\e99a";
}

.icon-32-triangle-left:before {
  content: "\e994";
}

.icon-32-triangle-left--solid:before {
  content: "\e99b";
}

.icon-32-triangle-left--tailored:before {
  content: "\e995";
}

.icon-32-triangle-left--solid--tailored:before {
  content: "\e99c";
}

.icon-32-chevron-up:before {
  content: "\e911";
}

.icon-32-chevron-right:before {
  content: "\e910";
}

.icon-32-chevron-right--tailored:before {
  content: "\e90f";
}

.icon-32-dropdown:before {
  content: "\e91e";
}

.icon-32-chevron-down:before {
  content: "\e90c";
}

.icon-32-chevron-left:before {
  content: "\e90e";
}

.icon-32-chevron-left--tailored:before {
  content: "\e90d";
}

.icon-32-plus:before {
  content: "\e946";
}

.icon-32-plus--padded:before {
  content: "\e945";
}

.icon-32-minus:before {
  content: "\e937";
}

.icon-32-minus--padded:before {
  content: "\e936";
}

.icon-32-square--padded:before {
  content: "\e95c";
}

.icon-32-circle--padded:before {
  content: "\e912";
}

/*
    #ANCHOR Inline Icon
*/
.inline-icon:before {
  display: inline-block;
  transform: translateY(8%);
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Fonts 
*/
@font-face {
  font-family: "Inter Thin";
  src: url(../assets/fonts/Inter-Thin.woff2) format("woff2"), url(../assets/fonts/Inter-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Thin Italic";
  src: url(../assets/fonts/Inter-Thin.woff2) format("woff2"), url(../assets/fonts/Inter-Thin.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter ExtraLight";
  src: url(../assets/fonts/Inter-ExtraLight.woff2) format("woff2"), url(../assets/fonts/Inter-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter ExtraLight Italic";
  src: url(../assets/fonts/Inter-ExtraLight.woff2) format("woff2"), url(../assets/fonts/Inter-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Light";
  src: url(../assets/fonts/Inter-Light.woff2) format("woff2"), url(../assets/fonts/Inter-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Light Italic";
  src: url(../assets/fonts/Inter-Light.woff2) format("woff2"), url(../assets/fonts/Inter-Light.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Regular";
  src: url(../assets/fonts/Inter-Regular.woff2) format("woff2"), url(../assets/fonts/Inter-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Italic";
  src: url(../assets/fonts/Inter-Regular.woff2) format("woff2"), url(../assets/fonts/Inter-Regular.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Medium";
  src: url(../assets/fonts/Inter-Medium.woff2) format("woff2"), url(../assets/fonts/Inter-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Medium Italic";
  src: url(../assets/fonts/Inter-Medium.woff2) format("woff2"), url(../assets/fonts/Inter-Medium.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter SemiBold";
  src: url(../assets/fonts/Inter-SemiBold.woff2) format("woff2"), url(../assets/fonts/Inter-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter SemiBold Italic";
  src: url(../assets/fonts/Inter-SemiBold.woff2) format("woff2"), url(../assets/fonts/Inter-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Bold";
  src: url(../assets/fonts/Inter-Bold.woff2) format("woff2"), url(../assets/fonts/Inter-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Bold Italic";
  src: url(../assets/fonts/Inter-Bold.woff2) format("woff2"), url(../assets/fonts/Inter-Bold.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter ExtraBold";
  src: url(../assets/fonts/Inter-ExtraBold.woff2) format("woff2"), url(../assets/fonts/Inter-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter ExtraBold Italic";
  src: url(../assets/fonts/Inter-ExtraBold.woff2) format("woff2"), url(../assets/fonts/Inter-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter Black";
  src: url(../assets/fonts/Inter-Black.woff2) format("woff2"), url(../assets/fonts/Inter-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Black Italic";
  src: url(../assets/fonts/Inter-Black.woff2) format("woff2"), url(../assets/fonts/Inter-Black.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* 
    #ANCHOR Body 
*/
:root {
  --fs12: 72px;
  --lh12: 93px;
  --fs11: 64px;
  --lh11: 83px;
  --fs10: 56px;
  --lh10: 76px;
  --fs9: 40px;
  --lh9: 54px;
  --fs8: 32px;
  --lh8: 46px;
  --fs7: 28px;
  --lh7: 40px;
  --fs6: 24px;
  --lh6: 36px;
  --fs5: 20px;
  --lh5: 32px;
  --fs4: 18px;
  --lh4: 31px;
  --fs3: 16px;
  --lh3: 27px;
  --fs2: 15px;
  --lh2: 24px;
  --fs1: 13px;
  --lh1: 20px;
  --fs0: 12px;
  --lh0: 18px;
}
@media only screen and (max-width: 1552px) {
  :root {
    --fs12: 56px;
    --lh12: 76px;
    --fs11: 48px;
    --lh11: 54px;
    --fs10: 40px;
    --lh10: 54px;
    --fs9: 32px;
    --lh9: 46px;
    --fs8: 26px;
    --lh8: 37px;
    --fs7: 22px;
    --lh7: 33px;
    --fs6: 20px;
    --lh6: 30px;
    --fs5: 18px;
    --lh5: 31px;
    --fs4: 16px;
    --lh4: 27px;
    --fs3: 15px;
    --lh3: 24px;
    --fs2: 14px;
    --lh2: 23px;
    --fs1: 13px;
    --lh1: 20px;
    --fs0: 11.5px;
    --lh0: 17px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --fs12: 28px;
    --lh12: 40px;
    --fs11: 26px;
    --lh11: 38px;
    --fs10: 24px;
    --lh10: 36px;
    --fs9: 22px;
    --lh9: 33px;
    --fs8: 20px;
    --lh8: 34px;
    --fs7: 18px;
    --lh7: 31px;
    --fs6: 17px;
    --lh6: 28px;
    --fs5: 16px;
    --lh5: 27px;
    --fs4: 15px;
    --lh4: 24px;
    --fs3: 14px;
    --lh3: 23px;
    --fs2: 13px;
    --lh2: 20px;
    --fs1: 11.5px;
    --lh1: 17px;
    --fs0: 10px;
    --lh0: 15px;
  }
}

body {
  font-family: "Inter Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 
    #ANCHOR Headings 
*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1, h2 {
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}

h3, h4, h5, h6 {
  margin-block-start: 1em;
  margin-block-end: 1em;
}

h1.margin-0-25, h2.margin-0-25, h3.margin-0-25, h4.margin-0-25, h5.margin-0-25, h6.margin-0-25 {
  margin-block-end: 0.25em;
  margin-block-start: 0.25em;
}

/* 
    #ANCHOR Italic 
*/
.italic, i {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

/* 
    #ANCHOR Font Weight Classes 
*/
.fw100, .fw-thin {
  font-family: "Inter Thin", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.fw200, .fw-extralight {
  font-family: "Inter ExtraLight", Helvetica, Arial, sans-serif;
  font-weight: 200;
}

.fw300, .fw-light {
  font-family: "Inter Light", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.fw400, .fw-regular {
  font-family: "Inter Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.fw500, .fw-medium {
  font-family: "Inter Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.fw600, .fw-semibold {
  font-family: "Inter SemiBold", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.fw700, .fw-bold, b, strong {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.fw800, .fw-extrabold, b.fw-extrabold, b > .fw-extrabold, strong.fw-extrabold, strong > .fw-extrabold {
  font-family: "Inter ExtraBold", Helvetica, Arial, sans-serif;
  font-weight: 800;
}

.fw900, .fw-black, .fw-heavy, b.fw-black, b.fw-heavy, b > .fw-black, b > .fw-heavy, strong.fw-black, strong.fw-heavy, strong > .fw-black strong > .fw-heavy {
  font-family: "Inter Black", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

/* 
    #ANCHOR Font Size Classes
*/
.fs-hero {
  font-size: 48px;
  font-size: clamp(24px, 4vw, 72px);
  line-height: 1.2;
}

.fs12 {
  font-size: var(--fs12) !important;
  line-height: var(--lh12) !important;
}

.fs11 {
  font-size: var(--fs11) !important;
  line-height: var(--lh11) !important;
}

.fs10 {
  font-size: var(--fs10) !important;
  line-height: var(--lh10) !important;
}

.fs9, h1 {
  font-size: var(--fs9) !important;
  line-height: var(--lh9) !important;
}

.fs8, h2 {
  font-size: var(--fs8) !important;
  line-height: var(--lh8) !important;
}

.fs7, h3 {
  font-size: var(--fs7) !important;
  line-height: var(--lh7) !important;
}

.fs6, h4 {
  font-size: var(--fs6) !important;
  line-height: var(--lh6) !important;
}

.fs5, h5 {
  font-size: var(--fs5) !important;
  line-height: var(--lh5) !important;
}

.fs4, h6, .fs-default, .fs-normal, body {
  font-size: var(--fs4) !important;
  line-height: var(--lh4) !important;
}

.fs3 {
  font-size: var(--fs3) !important;
  line-height: var(--lh3) !important;
}

.fs2, .fs-s, figcaption {
  font-size: var(--fs2) !important;
  line-height: var(--lh2) !important;
}

.fs1, .fs-xs {
  font-size: var(--fs1) !important;
  line-height: var(--lh1) !important;
}

.fs0, .fs-xxs {
  font-size: var(--fs0) !important;
  line-height: var(--lh0) !important;
}

@media only screen and (max-width: 1279px) {
  .show-when-max-1024 {
    display: inline-block;
  }
  .show-above-1024, .show-when-max-767 {
    display: none;
  }
}
/* 
    #ANCHOR Line Height
*/
.lh0 {
  line-height: 0 !important;
}

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

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

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

/* 
    #ANCHOR Underline 
*/
.underline,
.td-underline {
  text-decoration: underline !important;
}

.td-none {
  text-decoration: none !important;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Border Colors
*/
.b, .b-top, .b-right, .b-bottom, .b-left, .divider {
  border-color: var(--border_color);
}

.b-strongest, .b-strongest-top, .b-strongest-right, .b-strongest-bottom, .b-strongest-left {
  border-color: var(--border_color_strongest);
}

.b-strong, .b-strong-top, .b-strong-right, .b-strong-bottom, .b-strong-left, .divider-strong {
  border-color: var(--border_color_strong);
}

.b-medium, .b-medium-top, .b-medium-right, .b-medium-bottom, .b-medium-left, .divider-medium {
  border-color: var(--border_color_medium);
}

.b-subtle, .b-subtle-top, .b-subtle-right, .b-subtle-bottom, .b-subtle-left, .divider-subtle {
  border-color: var(--border_color_subtle);
}

.b-transparent, .b-transparent-top, .b-transparent-right, .b-transparent-bottom, .b-transparent-left, .divider-transparent {
  border-color: transparent;
}

/* 
    #ANCHOR Border Thickness
*/
.b {
  border-style: solid;
  border-width: 1px;
}

.b-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-strongest {
  border-width: 1px;
  border-style: solid;
}

.b-strongest-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-strongest-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-strongest-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-strongest-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-strong {
  border-width: 1px;
  border-style: solid;
}

.b-strong-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-strong-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-strong-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-strong-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-medium {
  border-width: 1px;
  border-style: solid;
}

.b-medium-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-medium-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-medium-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-medium-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-subtle {
  border-width: 1px;
  border-style: solid;
}

.b-subtle-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-subtle-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-subtle-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-subtle-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-transparent {
  border-width: 1px;
  border-style: solid;
}

.b-transparent-top {
  border-top-width: 1px;
  border-top-style: solid;
}

.b-transparent-right {
  border-right-width: 1px;
  border-right-style: solid;
}

.b-transparent-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.b-transparent-left {
  border-left-width: 1px;
  border-left-style: solid;
}

.b-none {
  border-width: 0 !important;
}

.divider,
.divider-strong,
.divider-medium,
.divider-subtle {
  display: block;
  border-style: solid;
  border-width: 0;
  border-top-width: 1px;
}

/* 
    #ANCHOR Border Radius 
*/
.rounded, .br {
  border-radius: 8px;
  overflow: hidden;
}

.rounded-s, .br-s {
  border-radius: 4px;
  overflow: hidden;
}

.rounded-m, .br-m {
  border-radius: 8px;
  overflow: hidden;
}

.rounded-l, .br-l {
  border-radius: 16px;
  overflow: hidden;
}

.rounded-top-left, .br-top-left {
  border-top-left-radius: 8px;
  overflow: hidden;
}

.rounded-s-top-left, .br-s-top-left {
  border-top-left-radius: 4px;
  overflow: hidden;
}

.rounded-m-top-left, .br-m-top-left {
  border-top-left-radius: 8px;
  overflow: hidden;
}

.rounded-l-top-left, .br-l-top-left {
  border-top-left-radius: 16px;
  overflow: hidden;
}

.rounded-top-right, .br-top-right {
  border-top-right-radius: 8px;
  overflow: hidden;
}

.rounded-s-top-right, .br-s-top-right {
  border-top-right-radius: 4px;
  overflow: hidden;
}

.rounded-m-top-right .br-m-top-right {
  border-top-right-radius: 8px;
  overflow: hidden;
}

.rounded-l-top-right, .br-l-top-right {
  border-top-right-radius: 16px;
  overflow: hidden;
}

.rounded-bottom-right, .br-bottom-right {
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.rounded-s-bottom-right, .br-s-bottom-right {
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.rounded-m-bottom-right, .br-m-bottom-right {
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.rounded-l-bottom-right, .br-l-bottom-right {
  border-bottom-right-radius: 16px;
  overflow: hidden;
}

.rounded-bottom-left, .br-bottom-left {
  border-bottom-left-radius: 8px;
  overflow: hidden;
}

.rounded-s-bottom-left, .br-s-bottom-left {
  border-bottom-left-radius: 4px;
  overflow: hidden;
}

.rounded-m-bottom-left, .br-m-bottom-left {
  border-bottom-left-radius: 8px;
  overflow: hidden;
}

.rounded-l-bottom-left, .br-l-bottom-left {
  border-bottom-left-radius: 16px;
  overflow: hidden;
}

.rounded-left, .br-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}

.rounded-s-left, .br-s-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}

.rounded-m-left, .br-m-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}

.rounded-l-left, .br-l-left {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow: hidden;
}

.rounded-right, .br-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.rounded-s-right, .br-s-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.rounded-m-right, .br-m-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.rounded-l-right, .br-l-right {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}

.omit-br-top-left, .omit-rounded-top-left {
  border-top-left-radius: 0;
}

.omit-br-top-right, .omit-rounded-top-right {
  border-top-right-radius: 0;
}

.omit-br-bottom-right, .omit-rounded-bottom-right {
  border-bottom-right-radius: 0;
}

.omit-br-bottom-left, .omit-rounded-bottom-left {
  border-bottom-left-radius: 0;
}

.omit-br, .omit-rounded, .br-none {
  border-radius: 0 !important;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Section 
*/
.content-wrap, .content-wrap-p-left, .content-wrap-p-bottom, .content-wrap-p-right, .content-wrap-p-top, .content-wrap-p-v, .content-wrap-p-default, .content-wrap-p-h, .content-wrap-padded {
  position: relative;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}
.content-wrap.omit-p-top, .omit-p-top.content-wrap-p-left, .omit-p-top.content-wrap-p-bottom, .omit-p-top.content-wrap-p-right, .omit-p-top.content-wrap-p-top, .omit-p-top.content-wrap-p-v, .omit-p-top.content-wrap-p-default, .omit-p-top.content-wrap-p-h, .omit-p-top.content-wrap-padded {
  padding-top: 0;
}
.content-wrap.omit-p-right, .omit-p-right.content-wrap-p-left, .omit-p-right.content-wrap-p-bottom, .omit-p-right.content-wrap-p-right, .omit-p-right.content-wrap-p-top, .omit-p-right.content-wrap-p-v, .omit-p-right.content-wrap-p-default, .omit-p-right.content-wrap-p-h, .omit-p-right.content-wrap-padded {
  padding-right: 0;
}
.content-wrap.omit-p-bottom, .omit-p-bottom.content-wrap-p-left, .omit-p-bottom.content-wrap-p-bottom, .omit-p-bottom.content-wrap-p-right, .omit-p-bottom.content-wrap-p-top, .omit-p-bottom.content-wrap-p-v, .omit-p-bottom.content-wrap-p-default, .omit-p-bottom.content-wrap-p-h, .omit-p-bottom.content-wrap-padded {
  padding-bottom: 0;
}
.content-wrap.omit-p-left, .omit-p-left.content-wrap-p-left, .omit-p-left.content-wrap-p-bottom, .omit-p-left.content-wrap-p-right, .omit-p-left.content-wrap-p-top, .omit-p-left.content-wrap-p-v, .omit-p-left.content-wrap-p-default, .omit-p-left.content-wrap-p-h, .omit-p-left.content-wrap-padded {
  padding-left: 0;
}
.content-wrap.omit-p-h, .omit-p-h.content-wrap-p-left, .omit-p-h.content-wrap-p-bottom, .omit-p-h.content-wrap-p-right, .omit-p-h.content-wrap-p-top, .omit-p-h.content-wrap-p-v, .omit-p-h.content-wrap-p-default, .omit-p-h.content-wrap-p-h, .omit-p-h.content-wrap-padded {
  padding-left: 0;
  padding-right: 0;
}
.content-wrap.omit-p-v, .omit-p-v.content-wrap-p-left, .omit-p-v.content-wrap-p-bottom, .omit-p-v.content-wrap-p-right, .omit-p-v.content-wrap-p-top, .omit-p-v.content-wrap-p-v, .omit-p-v.content-wrap-p-default, .omit-p-v.content-wrap-p-h, .omit-p-v.content-wrap-padded {
  padding-top: 0;
  padding-bottom: 0;
}
.content-wrap.omit-p, .omit-p.content-wrap-p-left, .omit-p.content-wrap-p-bottom, .omit-p.content-wrap-p-right, .omit-p.content-wrap-p-top, .omit-p.content-wrap-p-v, .omit-p.content-wrap-p-default, .omit-p.content-wrap-p-h, .omit-p.content-wrap-padded {
  padding: 0;
}
.content-wrap.omit-m-top, .omit-m-top.content-wrap-p-left, .omit-m-top.content-wrap-p-bottom, .omit-m-top.content-wrap-p-right, .omit-m-top.content-wrap-p-top, .omit-m-top.content-wrap-p-v, .omit-m-top.content-wrap-p-default, .omit-m-top.content-wrap-p-h, .omit-m-top.content-wrap-padded {
  margin-top: 0;
}
.content-wrap.omit-m-right, .omit-m-right.content-wrap-p-left, .omit-m-right.content-wrap-p-bottom, .omit-m-right.content-wrap-p-right, .omit-m-right.content-wrap-p-top, .omit-m-right.content-wrap-p-v, .omit-m-right.content-wrap-p-default, .omit-m-right.content-wrap-p-h, .omit-m-right.content-wrap-padded {
  margin-right: 0;
}
.content-wrap.omit-m-bottom, .omit-m-bottom.content-wrap-p-left, .omit-m-bottom.content-wrap-p-bottom, .omit-m-bottom.content-wrap-p-right, .omit-m-bottom.content-wrap-p-top, .omit-m-bottom.content-wrap-p-v, .omit-m-bottom.content-wrap-p-default, .omit-m-bottom.content-wrap-p-h, .omit-m-bottom.content-wrap-padded {
  margin-bottom: 0;
}
.content-wrap.omit-m-left, .omit-m-left.content-wrap-p-left, .omit-m-left.content-wrap-p-bottom, .omit-m-left.content-wrap-p-right, .omit-m-left.content-wrap-p-top, .omit-m-left.content-wrap-p-v, .omit-m-left.content-wrap-p-default, .omit-m-left.content-wrap-p-h, .omit-m-left.content-wrap-padded {
  margin-left: 0;
}
.content-wrap.omit-m-h, .omit-m-h.content-wrap-p-left, .omit-m-h.content-wrap-p-bottom, .omit-m-h.content-wrap-p-right, .omit-m-h.content-wrap-p-top, .omit-m-h.content-wrap-p-v, .omit-m-h.content-wrap-p-default, .omit-m-h.content-wrap-p-h, .omit-m-h.content-wrap-padded {
  margin-left: 0;
  margin-right: 0;
}
.content-wrap.omit-m-v, .omit-m-v.content-wrap-p-left, .omit-m-v.content-wrap-p-bottom, .omit-m-v.content-wrap-p-right, .omit-m-v.content-wrap-p-top, .omit-m-v.content-wrap-p-v, .omit-m-v.content-wrap-p-default, .omit-m-v.content-wrap-p-h, .omit-m-v.content-wrap-padded {
  margin-top: 0;
  margin-bottom: 0;
}
.content-wrap.omit-m, .omit-m.content-wrap-p-left, .omit-m.content-wrap-p-bottom, .omit-m.content-wrap-p-right, .omit-m.content-wrap-p-top, .omit-m.content-wrap-p-v, .omit-m.content-wrap-p-default, .omit-m.content-wrap-p-h, .omit-m.content-wrap-padded {
  margin: 0;
}
@media only screen and (max-width: 1552px) {
  .content-wrap, .content-wrap-p-left, .content-wrap-p-bottom, .content-wrap-p-right, .content-wrap-p-top, .content-wrap-p-v, .content-wrap-p-default, .content-wrap-p-h, .content-wrap-padded {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap, .content-wrap-p-left, .content-wrap-p-bottom, .content-wrap-p-right, .content-wrap-p-top, .content-wrap-p-v, .content-wrap-p-default, .content-wrap-p-h, .content-wrap-padded {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap, .content-wrap-p-left, .content-wrap-p-bottom, .content-wrap-p-right, .content-wrap-p-top, .content-wrap-p-v, .content-wrap-p-default, .content-wrap-p-h, .content-wrap-padded {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap, .content-wrap-p-left, .content-wrap-p-bottom, .content-wrap-p-right, .content-wrap-p-top, .content-wrap-p-v, .content-wrap-p-default, .content-wrap-p-h, .content-wrap-padded {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.content-wrap-padded {
  padding: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-padded {
    padding: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-padded {
    padding: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-padded {
    padding: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-padded {
    padding: 40px;
  }
}
.content-wrap-p-h {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-h {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-h {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-h {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-h {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.content-wrap-p-v, .content-wrap-p-default {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-v, .content-wrap-p-default {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-v, .content-wrap-p-default {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-v, .content-wrap-p-default {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-v, .content-wrap-p-default {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.content-wrap-p-top {
  padding-top: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-top {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-top {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-top {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-top {
    padding-top: 40px;
  }
}
.content-wrap-p-right {
  padding-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-right {
    padding-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-right {
    padding-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-right {
    padding-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-right {
    padding-right: 40px;
  }
}
.content-wrap-p-bottom {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-bottom {
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-bottom {
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-bottom {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-bottom {
    padding-bottom: 40px;
  }
}
.content-wrap-p-left {
  padding-left: 80px;
}
@media only screen and (max-width: 1552px) {
  .content-wrap-p-left {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .content-wrap-p-left {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .content-wrap-p-left {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .content-wrap-p-left {
    padding-left: 40px;
  }
}

/* 
    #ANCHOR Content 
*/
.section-wrap, .section-wrap-p-left, .section-wrap-p-bottom, .section-wrap-p-right, .section-wrap-p-top, .section-wrap-p-v, .section-wrap-p-h, .section-wrap-p-default, .section-wrap-padded {
  position: relative;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
}
.section-wrap.omit-p-top, .omit-p-top.section-wrap-p-left, .omit-p-top.section-wrap-p-bottom, .omit-p-top.section-wrap-p-right, .omit-p-top.section-wrap-p-top, .omit-p-top.section-wrap-p-v, .omit-p-top.section-wrap-p-h, .omit-p-top.section-wrap-p-default, .omit-p-top.section-wrap-padded {
  padding-top: 0;
}
.section-wrap.omit-p-right, .omit-p-right.section-wrap-p-left, .omit-p-right.section-wrap-p-bottom, .omit-p-right.section-wrap-p-right, .omit-p-right.section-wrap-p-top, .omit-p-right.section-wrap-p-v, .omit-p-right.section-wrap-p-h, .omit-p-right.section-wrap-p-default, .omit-p-right.section-wrap-padded {
  padding-right: 0;
}
.section-wrap.omit-p-bottom, .omit-p-bottom.section-wrap-p-left, .omit-p-bottom.section-wrap-p-bottom, .omit-p-bottom.section-wrap-p-right, .omit-p-bottom.section-wrap-p-top, .omit-p-bottom.section-wrap-p-v, .omit-p-bottom.section-wrap-p-h, .omit-p-bottom.section-wrap-p-default, .omit-p-bottom.section-wrap-padded {
  padding-bottom: 0;
}
.section-wrap.omit-p-left, .omit-p-left.section-wrap-p-left, .omit-p-left.section-wrap-p-bottom, .omit-p-left.section-wrap-p-right, .omit-p-left.section-wrap-p-top, .omit-p-left.section-wrap-p-v, .omit-p-left.section-wrap-p-h, .omit-p-left.section-wrap-p-default, .omit-p-left.section-wrap-padded {
  padding-left: 0;
}
.section-wrap.omit-p-h, .omit-p-h.section-wrap-p-left, .omit-p-h.section-wrap-p-bottom, .omit-p-h.section-wrap-p-right, .omit-p-h.section-wrap-p-top, .omit-p-h.section-wrap-p-v, .omit-p-h.section-wrap-p-h, .omit-p-h.section-wrap-p-default, .omit-p-h.section-wrap-padded {
  padding-left: 0;
  padding-right: 0;
}
.section-wrap.omit-p-v, .omit-p-v.section-wrap-p-left, .omit-p-v.section-wrap-p-bottom, .omit-p-v.section-wrap-p-right, .omit-p-v.section-wrap-p-top, .omit-p-v.section-wrap-p-v, .omit-p-v.section-wrap-p-h, .omit-p-v.section-wrap-p-default, .omit-p-v.section-wrap-padded {
  padding-top: 0;
  padding-bottom: 0;
}
.section-wrap.omit-p, .omit-p.section-wrap-p-left, .omit-p.section-wrap-p-bottom, .omit-p.section-wrap-p-right, .omit-p.section-wrap-p-top, .omit-p.section-wrap-p-v, .omit-p.section-wrap-p-h, .omit-p.section-wrap-p-default, .omit-p.section-wrap-padded {
  padding: 0;
}
.section-wrap.omit-m-top, .omit-m-top.section-wrap-p-left, .omit-m-top.section-wrap-p-bottom, .omit-m-top.section-wrap-p-right, .omit-m-top.section-wrap-p-top, .omit-m-top.section-wrap-p-v, .omit-m-top.section-wrap-p-h, .omit-m-top.section-wrap-p-default, .omit-m-top.section-wrap-padded {
  margin-top: 0;
}
.section-wrap.omit-m-right, .omit-m-right.section-wrap-p-left, .omit-m-right.section-wrap-p-bottom, .omit-m-right.section-wrap-p-right, .omit-m-right.section-wrap-p-top, .omit-m-right.section-wrap-p-v, .omit-m-right.section-wrap-p-h, .omit-m-right.section-wrap-p-default, .omit-m-right.section-wrap-padded {
  margin-right: 0;
}
.section-wrap.omit-m-bottom, .omit-m-bottom.section-wrap-p-left, .omit-m-bottom.section-wrap-p-bottom, .omit-m-bottom.section-wrap-p-right, .omit-m-bottom.section-wrap-p-top, .omit-m-bottom.section-wrap-p-v, .omit-m-bottom.section-wrap-p-h, .omit-m-bottom.section-wrap-p-default, .omit-m-bottom.section-wrap-padded {
  margin-bottom: 0;
}
.section-wrap.omit-m-left, .omit-m-left.section-wrap-p-left, .omit-m-left.section-wrap-p-bottom, .omit-m-left.section-wrap-p-right, .omit-m-left.section-wrap-p-top, .omit-m-left.section-wrap-p-v, .omit-m-left.section-wrap-p-h, .omit-m-left.section-wrap-p-default, .omit-m-left.section-wrap-padded {
  margin-left: 0;
}
.section-wrap.omit-m-h, .omit-m-h.section-wrap-p-left, .omit-m-h.section-wrap-p-bottom, .omit-m-h.section-wrap-p-right, .omit-m-h.section-wrap-p-top, .omit-m-h.section-wrap-p-v, .omit-m-h.section-wrap-p-h, .omit-m-h.section-wrap-p-default, .omit-m-h.section-wrap-padded {
  margin-left: 0;
  margin-right: 0;
}
.section-wrap.omit-m-v, .omit-m-v.section-wrap-p-left, .omit-m-v.section-wrap-p-bottom, .omit-m-v.section-wrap-p-right, .omit-m-v.section-wrap-p-top, .omit-m-v.section-wrap-p-v, .omit-m-v.section-wrap-p-h, .omit-m-v.section-wrap-p-default, .omit-m-v.section-wrap-padded {
  margin-top: 0;
  margin-bottom: 0;
}
.section-wrap.omit-m, .omit-m.section-wrap-p-left, .omit-m.section-wrap-p-bottom, .omit-m.section-wrap-p-right, .omit-m.section-wrap-p-top, .omit-m.section-wrap-p-v, .omit-m.section-wrap-p-h, .omit-m.section-wrap-p-default, .omit-m.section-wrap-padded {
  margin: 0;
}
@media only screen and (max-width: 1552px) {
  .section-wrap, .section-wrap-p-left, .section-wrap-p-bottom, .section-wrap-p-right, .section-wrap-p-top, .section-wrap-p-v, .section-wrap-p-h, .section-wrap-p-default, .section-wrap-padded {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap, .section-wrap-p-left, .section-wrap-p-bottom, .section-wrap-p-right, .section-wrap-p-top, .section-wrap-p-v, .section-wrap-p-h, .section-wrap-p-default, .section-wrap-padded {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap, .section-wrap-p-left, .section-wrap-p-bottom, .section-wrap-p-right, .section-wrap-p-top, .section-wrap-p-v, .section-wrap-p-h, .section-wrap-p-default, .section-wrap-padded {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap, .section-wrap-p-left, .section-wrap-p-bottom, .section-wrap-p-right, .section-wrap-p-top, .section-wrap-p-v, .section-wrap-p-h, .section-wrap-p-default, .section-wrap-padded {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.section-wrap-padded {
  padding: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-padded {
    padding: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-padded {
    padding: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-padded {
    padding: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-padded {
    padding: 16px;
  }
}
.section-wrap-p-h, .section-wrap-p-default {
  padding: 0;
  padding-left: 64px;
  padding-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-h, .section-wrap-p-default {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-h, .section-wrap-p-default {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-h, .section-wrap-p-default {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-h, .section-wrap-p-default {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.section-wrap-p-v {
  padding: 0;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-v {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-v {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.section-wrap-p-top {
  padding: 0;
  padding-top: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-top {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-top {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-top {
    padding-top: 16px;
  }
}
.section-wrap-p-right {
  padding: 0;
  padding-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-right {
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-right {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-right {
    padding-right: 16px;
  }
}
.section-wrap-p-bottom {
  padding: 0;
  padding-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-bottom {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-bottom {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-bottom {
    padding-bottom: 16px;
  }
}
.section-wrap-p-left {
  padding: 0;
  padding-left: 64px;
}
@media only screen and (max-width: 1552px) {
  .section-wrap-p-left {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .section-wrap-p-left {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .section-wrap-p-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .section-wrap-p-left {
    padding-left: 16px;
  }
}

/* 
    #ANCHOR Bricks Box Fix (currently not working)
*/
.ds .box.brxe-div {
  background-color: var(--bg2);
}

/* 
    #ANCHOR Box Wrap 
*/
.box-wrap {
  position: relative;
  width: 100%;
  padding: 32px;
}
.box-wrap.omit-p-top {
  padding-top: 0;
}
.box-wrap.omit-p-right {
  padding-right: 0;
}
.box-wrap.omit-p-bottom {
  padding-bottom: 0;
}
.box-wrap.omit-p-left {
  padding-left: 0;
}
.box-wrap.omit-p-h {
  padding-left: 0;
  padding-right: 0;
}
.box-wrap.omit-p-v {
  padding-top: 0;
  padding-bottom: 0;
}
.box-wrap.omit-p {
  padding: 0;
}
.box-wrap.omit-m-top {
  margin-top: 0;
}
.box-wrap.omit-m-right {
  margin-right: 0;
}
.box-wrap.omit-m-bottom {
  margin-bottom: 0;
}
.box-wrap.omit-m-left {
  margin-left: 0;
}
.box-wrap.omit-m-h {
  margin-left: 0;
  margin-right: 0;
}
.box-wrap.omit-m-v {
  margin-top: 0;
  margin-bottom: 0;
}
.box-wrap.omit-m {
  margin: 0;
}
@media only screen and (max-width: 1552px) {
  .box-wrap {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .box-wrap {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .box-wrap {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .box-wrap {
    padding: 16px;
  }
}
.box-wrap .header {
  width: calc(100% + 32px * 2);
  margin-top: -32px;
  margin-left: -32px;
  padding: 32px;
}
@media only screen and (max-width: 1552px) {
  .box-wrap .header {
    width: calc(100% + 24px * 2);
  }
}
@media only screen and (max-width: 1279px) {
  .box-wrap .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 991px) {
  .box-wrap .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 478px) {
  .box-wrap .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 1552px) {
  .box-wrap .header {
    margin-top: -24px;
  }
}
@media only screen and (max-width: 1279px) {
  .box-wrap .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 991px) {
  .box-wrap .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 478px) {
  .box-wrap .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 1552px) {
  .box-wrap .header {
    margin-left: -24px;
  }
}
@media only screen and (max-width: 1279px) {
  .box-wrap .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 991px) {
  .box-wrap .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 478px) {
  .box-wrap .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 1552px) {
  .box-wrap .header {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .box-wrap .header {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .box-wrap .header {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .box-wrap .header {
    padding: 16px;
  }
}

/* 
    #ANCHOR Main Wrap 
*/
.main-wrap {
  /* Centered Container with a maximum width */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
@media only screen and (max-width: 1164px) {
  .main-wrap.include-padding {
    max-width: calc(100% - 64px);
  }
}
@media only screen and (max-width: 991px) {
  .main-wrap.include-padding {
    max-width: calc(100% - 48px);
  }
}
@media only screen and (max-width: 478px) {
  .main-wrap.include-padding {
    max-width: calc(100% - 32px);
  }
}

/* 
    #ANCHOR Wide Wrap 
*/
.wide-wrap {
  /* Centered Container with a wider maximum width than main-wrap */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1456px;
}
@media only screen and (max-width: 1520px) {
  .wide-wrap.include-padding {
    max-width: calc(100% - 64px);
  }
}
@media only screen and (max-width: 1279px) {
  .wide-wrap.include-padding {
    max-width: calc(100% - 64px);
  }
}
@media only screen and (max-width: 991px) {
  .wide-wrap.include-padding {
    max-width: calc(100% - 48px);
  }
}
@media only screen and (max-width: 478px) {
  .wide-wrap.include-padding {
    max-width: calc(100% - 32px);
  }
}

/* 
    #ANCHOR Inner Wrap 
*/
.inner-wrap {
  /* Centered Container with a smaller maximum width than main-wrap */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}
@media only screen and (max-width: 828px) {
  .inner-wrap.include-padding {
    max-width: calc(100% - 48px);
  }
}
@media only screen and (max-width: 991px) {
  .inner-wrap.include-padding {
    max-width: calc(100% - 48px);
  }
}
@media only screen and (max-width: 478px) {
  .inner-wrap.include-padding {
    max-width: calc(100% - 32px);
  }
}

/* 
    #ANCHOR Imports
*/
/* 
    #ANCHOR Bricks Nav Nested: Left
*/
.nav-vertical,
.brxe-nav-nested.nav-vertical {
  display: block !important;
  width: 100%;
  width: 100%;
  border-right: 1px solid var(--border_subtle);
}
@media only screen and (max-width: 1279px) {
  .nav-vertical,
  .brxe-nav-nested.nav-vertical {
    padding: 16px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .nav-vertical,
  .brxe-nav-nested.nav-vertical {
    padding: 12px;
  }
}
@media only screen and (max-width: 478px) {
  .nav-vertical,
  .brxe-nav-nested.nav-vertical {
    padding: 8px;
  }
}
.nav-vertical .logo,
.nav-vertical .brxe-logo.logo,
.brxe-nav-nested.nav-vertical .logo,
.brxe-nav-nested.nav-vertical .brxe-logo.logo {
  display: block;
  margin-top: 32px;
  margin-left: 32px;
}
@media only screen and (max-width: 1552px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1552px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .logo,
  .nav-vertical .brxe-logo.logo,
  .brxe-nav-nested.nav-vertical .logo,
  .brxe-nav-nested.nav-vertical .brxe-logo.logo {
    display: none;
  }
}
.nav-vertical .logo-mobile,
.brxe-nav-nested.nav-vertical .logo-mobile {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .logo-mobile,
  .brxe-nav-nested.nav-vertical .logo-mobile {
    display: block;
    margin-bottom: 8px;
  }
}
.nav-vertical .toggle-open i,
.nav-vertical .toggle-close i,
.brxe-nav-nested.nav-vertical .toggle-open i,
.brxe-nav-nested.nav-vertical .toggle-close i {
  font-size: 2.5rem;
}
.nav-vertical .nav-items,
.nav-vertical .brx-nav-nested-items,
.brxe-nav-nested.nav-vertical .nav-items,
.brxe-nav-nested.nav-vertical .brx-nav-nested-items {
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start !important;
  align-self: flex-start;
  gap: 0;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  transition: transform 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
  transform: translateX(0);
}
@media only screen and (max-width: 1552px) {
  .nav-vertical .nav-items,
  .nav-vertical .brx-nav-nested-items,
  .brxe-nav-nested.nav-vertical .nav-items,
  .brxe-nav-nested.nav-vertical .brx-nav-nested-items {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .nav-items,
  .nav-vertical .brx-nav-nested-items,
  .brxe-nav-nested.nav-vertical .nav-items,
  .brxe-nav-nested.nav-vertical .brx-nav-nested-items {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .nav-vertical .nav-items,
  .nav-vertical .brx-nav-nested-items,
  .brxe-nav-nested.nav-vertical .nav-items,
  .brxe-nav-nested.nav-vertical .brx-nav-nested-items {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .nav-vertical .nav-items,
  .nav-vertical .brx-nav-nested-items,
  .brxe-nav-nested.nav-vertical .nav-items,
  .brxe-nav-nested.nav-vertical .brx-nav-nested-items {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-vertical .nav-items,
  .nav-vertical .brx-nav-nested-items,
  .brxe-nav-nested.nav-vertical .nav-items,
  .brxe-nav-nested.nav-vertical .brx-nav-nested-items {
    transition: transform 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
    transform: translateX(-100%);
    max-width: 320px;
  }
}
.nav-vertical .nav-items .menu-item,
.nav-vertical .brx-nav-nested-items .menu-item,
.brxe-nav-nested.nav-vertical .nav-items .menu-item,
.brxe-nav-nested.nav-vertical .brx-nav-nested-items .menu-item {
  padding: 0;
  margin-bottom: 1rem;
}
.nav-vertical.brx-open .nav-items,
.nav-vertical.brx-open .brx-nav-nested-items,
.brxe-nav-nested.nav-vertical.brx-open .nav-items,
.brxe-nav-nested.nav-vertical.brx-open .brx-nav-nested-items {
  transition: transform 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
  transform: translateX(0);
}

@media only screen and (max-width: 1279px) {
  body.admin-bar .nav-vertical .nav-items {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 782px) {
  body.admin-bar .nav-vertical .nav-items {
    margin-top: 46px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 767px) {
  body.admin-bar .nav-vertical .nav-items {
    margin-top: 0;
  }
}

/* 
    #ANCHOR Imports 
*/
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.grid.split1-1 {
  grid-template-columns: 1fr 1fr;
}
.grid.split2-1 {
  grid-template-columns: 2fr 1fr;
}
.grid.split1-2 {
  grid-template-columns: 1fr 2fr;
}
.grid.split3-1 {
  grid-template-columns: 3fr 1fr;
}
.grid.split1-3 {
  grid-template-columns: 1fr 3fr;
}
.grid.split4-1 {
  grid-template-columns: 4fr 1fr;
}
.grid.split1-4 {
  grid-template-columns: 1fr 4fr;
}
.grid.split5-2 {
  grid-template-columns: 5fr 2fr;
}
.grid.split2-5 {
  grid-template-columns: 2fr 5fr;
}
.grid.split2 {
  grid-template-columns: 1fr 1fr;
}
.grid.split3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid.split4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.split6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid.split9 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid.split12 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid.gap, .grid.gap-xl, .grid.gap-l, .grid.gap-default, .grid.gap-m, .grid.gap-s {
  gap: 16px;
}
.grid.gap-s {
  gap: 8px;
}
.grid.gap-default, .grid.gap-m {
  gap: 16px;
}
.grid.gap-l {
  gap: 24px;
}
.grid.gap-xl {
  gap: 32px;
}
.grid.nogap {
  gap: 0;
}
@media only screen and (max-width: 1920px) {
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=xxl][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1552px) {
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=xl][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=l][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=m][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=ms][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 478px) {
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=s][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 360px) {
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint=xs][data-grid-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1920px) {
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=xxl][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1552px) {
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=xl][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=l][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=m][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=ms][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 478px) {
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=s][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 360px) {
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split1] {
    grid-template-columns: 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split2] {
    grid-template-columns: 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split3] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split4] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split2-1] {
    grid-template-columns: 2fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split1-2] {
    grid-template-columns: 1fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split3-1] {
    grid-template-columns: 3fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split1-3] {
    grid-template-columns: 1fr 3fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split4-1] {
    grid-template-columns: 4fr 1fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split1-4] {
    grid-template-columns: 1fr 4fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split5-2] {
    grid-template-columns: 5fr 2fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=split2-5] {
    grid-template-columns: 2fr 5fr;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap-default] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap-m] {
    gap: 16px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap-s] {
    gap: 8px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap-l] {
    gap: 24px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=gap-xl] {
    gap: 32px;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=no-gap] {
    gap: 0;
  }
  .grid[data-grid-breakpoint-2=xs][data-grid-after-break-2*=nogap] {
    gap: 0;
  }
}

/* 
    #ANCHOR Imports 
*/
.flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: row;
  align-self: auto;
  gap: 16px;
}
.flex.column {
  flex-direction: column;
}
.flex.row {
  flex-direction: row;
}
.flex.column-reverse {
  flex-direction: column-reverse;
}
.flex.row-reverse {
  flex-direction: row-reverse;
}
.flex.align-self-auto {
  align-self: auto;
}
.flex.align-self-start {
  align-self: flex-start;
}
.flex.align-self-end {
  align-self: flex-end;
}
.flex.align-self-center {
  align-self: center;
}
.flex.align-self-stretch {
  align-self: stretch;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex.wrap-unset {
  flex-wrap: unset;
}
.flex.nowrap, .flex .no-wrap {
  flex-wrap: nowrap;
}
.flex.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex.align-center {
  align-items: center;
}
.flex.align-start {
  align-items: flex-start;
}
.flex.align-end {
  align-items: flex-end;
}
.flex.justify-start {
  justify-content: flex-start;
}
.flex.justify-center {
  justify-content: center;
}
.flex.justify-end {
  justify-content: flex-end;
}
.flex.justify-spaced {
  justify-content: space-between;
}
.flex.justify-around {
  justify-content: space-around;
}
.flex.justify-evenly {
  justify-content: space-evenly;
}
.flex.gap, .flex.gap-xl, .flex.gap-l, .flex.gap-default, .flex.gap-m, .flex.gap-s {
  gap: 16px;
}
.flex.gap-s {
  gap: 8px;
}
.flex.gap-default, .flex.gap-m {
  gap: 16px;
}
.flex.gap-l {
  gap: 24px;
}
.flex.gap-xl {
  gap: 32px;
}
.flex.nogap {
  gap: 0;
}
@media only screen and (max-width: 1920px) {
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=xxl][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1552px) {
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=xl][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .flex[data-flex-breakpoint=l][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=l][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 991px) {
  .flex[data-flex-breakpoint=m][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=m][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=ms][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 478px) {
  .flex[data-flex-breakpoint=s][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=s][data-flex-after-break*=nogap] {
    gap: 0;
  }
}
@media only screen and (max-width: 360px) {
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=column] {
    flex-direction: column;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=row] {
    flex-direction: row;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-self-start] {
    align-self: flex-start;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-self-end] {
    align-self: flex-end;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-self-center] {
    align-self: center;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-self-stretch] {
    align-self: stretch;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=wrap-unset] {
    flex-wrap: unset;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=wrap] {
    flex-wrap: wrap;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=wrap-reverse] {
    flex-wrap: wrap-reverse;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=no-wrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=nowrap] {
    flex-wrap: nowrap;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-center] {
    align-items: center;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-start] {
    align-items: flex-start;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=align-end] {
    align-items: flex-end;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-start] {
    justify-content: flex-start;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-end] {
    justify-content: flex-end;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-center] {
    justify-content: center;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-spaced] {
    justify-content: space-between;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-evenly] {
    justify-content: space-evenly;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=justify-around] {
    justify-content: space-around;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap-default] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap-m] {
    gap: 16px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap-s] {
    gap: 8px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap-l] {
    gap: 24px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=gap-xl] {
    gap: 32px;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=no-gap] {
    gap: 0;
  }
  .flex[data-flex-breakpoint=xs][data-flex-after-break*=nogap] {
    gap: 0;
  }
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Header
*/
.header {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  height: 64px;
  margin-right: 32px;
}
.header .logo img {
  height: 100%;
  width: auto;
}
.header .header-inner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 96px;
}
.header .above-sidebar-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 96px;
  padding-left: 16px;
  padding-right: 4px;
}
@media only screen and (max-width: 1552px) {
  .header .above-sidebar-wrap {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .above-sidebar-wrap {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .header .above-sidebar-wrap {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .header .above-sidebar-wrap {
    padding-left: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  .header .above-sidebar-wrap {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .header .above-sidebar-wrap {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .header .above-sidebar-wrap {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .header .above-sidebar-wrap {
    padding-right: 4px;
  }
}

/* 
    #ANCHOR Header Height
*/
.header-height {
  height: 96px;
}

/* 
    #ANCHOR Header Left / Content Right
*/
.header-left-content-right {
  display: grid;
  grid-template-columns: 420px 1fr;
}
@media only screen and (max-width: 2320px) {
  .header-left-content-right {
    grid-template-columns: 360px 1fr;
  }
}
@media only screen and (max-width: 1552px) {
  .header-left-content-right {
    grid-template-columns: 280px 1fr;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right {
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
  }
}
.header-left-content-right > .header {
  display: block;
  position: relative;
  z-index: 1;
  border-right: 1px solid var(--border_color);
  min-height: 100vh;
  position: sticky;
  top: 0;
  overflow-y: scroll;
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right > .header {
    border-right: none;
    border-bottom: 1px solid var(--border_color);
    min-height: 0;
    height: 80px;
  }
}
.header-left-content-right > .header .header-inner-wrap {
  display: block;
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right > .header .header-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1552px) {
  .header-left-content-right > .header .header-inner-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .header-left-content-right > .header .header-inner-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 991px) {
  .header-left-content-right > .header .header-inner-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 478px) {
  .header-left-content-right > .header .header-inner-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.header-left-content-right > .main {
  display: block;
  position: relative;
  z-index: 0;
  min-height: 100vh;
}
.header-left-content-right .logo-wrap {
  margin: 32px;
}
@media only screen and (max-width: 1552px) {
  .header-left-content-right .logo-wrap {
    margin: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .logo-wrap {
    margin: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .header-left-content-right .logo-wrap {
    margin: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .header-left-content-right .logo-wrap {
    margin: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .logo-wrap {
    margin: 0;
  }
}

body.customize-support .header-left-content-right .header {
  top: 32px;
}
@media only screen and (max-width: 782px) {
  body.customize-support .header-left-content-right .header {
    position: relative;
    top: 0;
  }
}

/* 
    #ANCHOR Imports
*/
/* 
    #ANCHOR Sidebar
*/
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
}
.sidebar.header-above {
  height: calc(100vh - 96px);
  height: 100vh;
  top: 96px;
  top: 0;
}
.sidebar .sidebar-inner-wrap {
  position: relative;
  height: inherit;
  overflow-y: scroll;
}

/* 
    #ANCHOR Layout Split Sidebar Right
*/
.layout-split-sidebar-right {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 360px;
}
@media only screen and (max-width: 1552px) {
  .layout-split-sidebar-right {
    grid-template-columns: 1fr 320px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-split-sidebar-right {
    grid-template-columns: 1fr 240px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-split-sidebar-right {
    grid-template-columns: 1fr;
  }
  .layout-split-sidebar-right .above-sidebar-wrap {
    display: none;
  }
  .layout-split-sidebar-right .sidebar {
    height: auto;
  }
}
.layout-split-sidebar-right .above-sidebar-collapsed {
  display: none;
}
.layout-split-sidebar-right.sidebar-hidden {
  grid-template-columns: 1fr;
}
.layout-split-sidebar-right.sidebar-hidden .sidebar,
.layout-split-sidebar-right.sidebar-hidden .above-sidebar-wrap {
  display: none;
}
@media only screen and (max-width: 991px) {
  .layout-split-sidebar-right.sidebar-hidden .sidebar {
    display: block !important;
  }
}
.layout-split-sidebar-right.sidebar-hidden .header-inner-wrap {
  padding-right: 0;
}
@media only screen and (max-width: 1228px) {
  .layout-split-sidebar-right.sidebar-hidden .header-inner-wrap {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-split-sidebar-right.sidebar-hidden .header-inner-wrap {
    padding-right: 0;
  }
}
.layout-split-sidebar-right.sidebar-hidden .above-sidebar-collapsed {
  display: block;
  position: absolute;
  right: 0;
  top: 24px;
  width: 48px;
  height: 48px;
  background-color: var(--bg);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.layout-split-sidebar-right.sidebar-hidden .above-sidebar-collapsed .btn-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .layout-split-sidebar-right.sidebar-hidden .above-sidebar-collapsed {
    display: none;
  }
}

/* 
    #ANCHOR Layout Split Sidebar Left
*/
.layout-split-sidebar-left {
  display: grid;
  gap: 0;
  grid-template-columns: 360px 1fr;
}
@media only screen and (max-width: 1552px) {
  .layout-split-sidebar-left {
    grid-template-columns: 320px 1fr;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-split-sidebar-left {
    grid-template-columns: 240px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .layout-split-sidebar-left {
    grid-template-columns: 1fr;
  }
  .layout-split-sidebar-left .sidebar,
  .layout-split-sidebar-left .above-sidebar-wrap {
    display: none;
  }
}
.layout-split-sidebar-left .above-sidebar-collapsed {
  display: none;
}
.layout-split-sidebar-left.sidebar-hidden {
  grid-template-columns: 1fr;
}
.layout-split-sidebar-left.sidebar-hidden .sidebar,
.layout-split-sidebar-left.sidebar-hidden .above-sidebar-wrap {
  display: none;
}
.layout-split-sidebar-left.sidebar-hidden .above-sidebar-collapsed {
  display: block;
  position: absolute;
  right: 0;
  top: 24px;
  width: 48px;
  height: 48px;
  background-color: var(--bg);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.layout-split-sidebar-left.sidebar-hidden .above-sidebar-collapsed .btn-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .layout-split-sidebar-left.sidebar-hidden .above-sidebar-collapsed {
    display: none;
  }
}

.layout-sidebar-right,
.layout-sidebar-left {
  --sidebar_width: 360px;
  --header_height: 96px;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr var(--sidebar_width);
}
.layout-sidebar-right .show-when-sb-hidden,
.layout-sidebar-left .show-when-sb-hidden {
  display: none;
}
.layout-sidebar-right [data-sidebar-hidden=true],
.layout-sidebar-left [data-sidebar-hidden=true] {
  grid-template-columns: 1fr;
}
.layout-sidebar-right [data-sidebar-hidden=true] .sidebar-container,
.layout-sidebar-left [data-sidebar-hidden=true] .sidebar-container {
  display: none;
}
.layout-sidebar-right.header-top .header-container,
.layout-sidebar-left.header-top .header-container {
  grid-column-start: 1;
  grid-column-end: 3;
  height: var(--header_height);
}
.layout-sidebar-right.header-top .header-container .header,
.layout-sidebar-left.header-top .header-container .header {
  position: relative;
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr var(--sidebar_width);
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--header_height);
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area {
  padding-left: 64px;
  padding-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .main-header-area,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .main-header-area {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
  border-left: 1px solid var(--border_color);
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .layout-sidebar-right.header-top .header-container.has-sidebar-header .header .above-sidebar,
  .layout-sidebar-left.header-top .header-container.has-sidebar-header .header .above-sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .logo,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .logo {
  height: calc(var(--header_height) - 32px);
}
.layout-sidebar-right.header-top .header-container.has-sidebar-header .header .logo img,
.layout-sidebar-left.header-top .header-container.has-sidebar-header .header .logo img {
  height: 100%;
  width: auto;
}
.layout-sidebar-right .sidebar-container,
.layout-sidebar-left .sidebar-container {
  position: relative;
  width: 100%;
}
.layout-sidebar-right .sidebar-container .sidebar,
.layout-sidebar-left .sidebar-container .sidebar {
  border-left: 1px solid var(--border_color);
  min-height: calc(100vh - var(--header_height));
  overflow-y: scroll;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .layout-sidebar-right .sidebar-container .sidebar,
  .layout-sidebar-left .sidebar-container .sidebar {
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1920px) {
  .layout-sidebar-right,
  .layout-sidebar-left {
    --sidebar_width: 360px;
  }
}
@media only screen and (max-width: 1552px) {
  .layout-sidebar-right,
  .layout-sidebar-left {
    --sidebar_width: 320px;
  }
}
@media only screen and (max-width: 1279px) {
  .layout-sidebar-right,
  .layout-sidebar-left {
    --sidebar_width: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .layout-sidebar-right,
  .layout-sidebar-left {
    --sidebar_width: 0;
  }
  .layout-sidebar-right .show-when-sb-hidden,
  .layout-sidebar-left .show-when-sb-hidden {
    display: inline-block;
  }
}

.layout-sidebar-left {
  grid-template-columns: var(--sidebar_width) 1fr;
}
.layout-sidebar-left .header-container.has-sidebar-header {
  grid-template-columns: var(--sidebar_width) 1fr;
}

/* 
    #ANCHOR Imports 
*/
pre {
  font-size: var(--fs2);
  line-height: 1.5;
  overflow: hidden;
  display: block;
  background-color: var(--grey15_t);
  color: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.8);
  border: 0;
  padding: 16px;
  margin-block-start: 24px;
  margin-block-end: 24px;
}
pre .header {
  background-color: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.2);
  font-size: var(--fs2);
  color: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.5);
  padding: 8px;
  margin-top: -16px;
  margin-left: -16px;
  margin-bottom: 16px;
  width: calc(100% + 16px * 2);
}
@media only screen and (max-width: 1552px) {
  pre .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  pre .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  pre .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 478px) {
  pre .header {
    padding: 6px;
  }
}
@media only screen and (max-width: 1552px) {
  pre .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 1279px) {
  pre .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 991px) {
  pre .header {
    margin-top: -16px;
  }
}
@media only screen and (max-width: 478px) {
  pre .header {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 1552px) {
  pre .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 1279px) {
  pre .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 991px) {
  pre .header {
    margin-left: -16px;
  }
}
@media only screen and (max-width: 478px) {
  pre .header {
    margin-left: -12px;
  }
}
@media only screen and (max-width: 1552px) {
  pre .header {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  pre .header {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  pre .header {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  pre .header {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  pre .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 1279px) {
  pre .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 991px) {
  pre .header {
    width: calc(100% + 16px * 2);
  }
}
@media only screen and (max-width: 478px) {
  pre .header {
    width: calc(100% + 12px * 2);
  }
}
@media only screen and (max-width: 1552px) {
  pre {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  pre {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  pre {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  pre {
    padding: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  pre {
    margin-block-start: 24px;
    margin-block-end: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  pre {
    margin-block-start: 19.9992px;
    margin-block-end: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  pre {
    margin-block-start: 16px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 478px) {
  pre {
    margin-block-start: 12px;
    margin-block-end: 12px;
  }
}
pre code {
  background: transparent;
  padding: 0;
  color: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.8);
}

.darkmode pre {
  background-color: var(--grey6_t);
}
.darkmode pre .header {
  background-color: rgba(var(--lightest_r), var(--lightest_g), var(--lightest_b), 0.09);
}

.code-result {
  line-height: 1.5;
  display: block;
  overflow: hidden;
  background-color: var(--bg);
  color: var(--tc);
  border: 1px solid var(--border_color_subtle) !important;
  margin-block-start: 24px;
  margin-block-end: 24px;
}
.code-result .header {
  padding: 8px;
  background-color: var(--bg2);
  font-size: var(--fs2);
  color: var(--tc);
  border-bottom: 1px solid var(--border_color_subtle) !important;
}
@media only screen and (max-width: 1552px) {
  .code-result .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .code-result .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .code-result .header {
    padding: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .code-result .header {
    padding: 6px;
  }
}
.code-result .result {
  padding: 16px;
}
@media only screen and (max-width: 1552px) {
  .code-result .result {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .code-result .result {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .code-result .result {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .code-result .result {
    padding: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  .code-result {
    margin-block-start: 24px;
    margin-block-end: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .code-result {
    margin-block-start: 19.9992px;
    margin-block-end: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .code-result {
    margin-block-start: 16px;
    margin-block-end: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .code-result {
    margin-block-start: 12px;
    margin-block-end: 12px;
  }
}

code {
  display: inline-block;
  background-color: var(--grey6_t);
  color: var(--grey3);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-top: 16px;
}
@media only screen and (max-width: 1552px) {
  code {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  code {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  code {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  code {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  code {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  code {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  code {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  code {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media only screen and (max-width: 1552px) {
  code {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  code {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  code {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  code {
    padding-top: 12px;
  }
}
code.block {
  display: block;
}
code.inline {
  padding: 0;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 4px;
  margin-right: 4px;
  background-color: var(--grey4_t);
  outline: 1px solid var(--grey8_t);
  color: var(--tc);
  border-radius: 6px;
}

var {
  font-family: monospace, monospace;
  font-style: normal;
  display: inline-block;
  background-color: var(--grey3_t);
  outline: 1px solid var(--grey3_t);
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

/* 
    #ANCHOR Imports 
*/
.highlight-card {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  animation: fadeOut;
  animation-delay: 0s;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
}

/*
    #ANCHOR Highlight Swiper
*/
.highlight-swiper-initial {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(var(--primary_r), var(--primary_g), var(--primary_b), 0) 10%, rgba(var(--primary_r), var(--primary_g), var(--primary_b), 1), rgba(var(--primary_r), var(--primary_g), var(--primary_b), 0) 90%);
  animation: swipeThrough;
  animation-duration: 1.2s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  transform: translateX(-100%);
}

.highlight-swiper {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 90%);
  animation: swipeThroughStretched;
  animation-delay: 0;
  animation-duration: 30s;
  animation-iteration-count: 3;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  transform: translateX(-100%);
}

/* 
    #ANCHOR Hoverable Menu
*/
.hover-menu-parent {
  position: relative;
}
.hover-menu-parent .hover-menu {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.35, 0.35, 0.4, 1);
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.hover-menu-parent .hover-menu :focus-within {
  pointer-events: all;
  opacity: 1;
  background-color: red;
}
.hover-menu-parent .hover-menu :focus-visible {
  pointer-events: all;
  background-color: green;
  opacity: 1;
}
.hover-menu-parent .hover-menu :focus {
  pointer-events: all;
  background-color: yellow;
  opacity: 1;
}
.hover-menu-parent:hover .hover-menu {
  pointer-events: all;
  opacity: 1;
}
.hover-menu-parent:focus-within .hover-menu {
  pointer-events: all;
  opacity: 1;
}

/* 
    #ANCHOR Signal 
*/
.signal-parent {
  position: relative;
}

.signal.flash {
  pointer-events: none !important;
  position: absolute;
  background-color: var(--grey6_t);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: fadeOut;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
}
.signal.flash.info {
  background-color: var(--info_bg);
}
.signal.flash.danger {
  background-color: var(--danger_bg);
}

.flash:not(.signal) {
  animation: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
}

/* 
    #ANCHOR Error Signal 
*/
.signal.blink {
  pointer-events: none !important;
  position: absolute;
  background-color: var(--grey6_t);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: fadeInOut;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 2;
}

.blink:not(.signal) {
  animation: blinkIn;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* 
    #ANCHOR Status 
*/
.status-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  position: fixed;
  visibility: hidden;
  z-index: 9999999999;
  bottom: 32px;
  left: 50%;
  transform: translate(-50%, 0) scale(1);
  padding: 8px;
  max-width: 480px;
  border-radius: 8px;
  background-color: var(--grey14);
  color: var(--grey9);
}
@media only screen and (max-width: 1552px) {
  .status-overlay {
    padding: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .status-overlay {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .status-overlay {
    padding: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .status-overlay {
    padding: 6px;
  }
}
.status-overlay.visible {
  visibility: visible;
  animation-name: showStatusOverlay;
  animation-duration: 0s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
}
.status-overlay.not-visible {
  visibility: visible;
  animation-name: hideStatusOverlay;
  animation-duration: 0s;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Spin Design System 
*/
.spin-ds-logo {
  width: 172.48px;
  height: 56px;
}
@media only screen and (max-width: 1279px) {
  .spin-ds-logo {
    width: 135.52px;
    height: 44px;
  }
}

.spin-ds-icon {
  fill: var(--primary) !important;
}

.spin-ds-logo-text {
  fill: var(--text) !important;
}

#oxg-tooltip-container {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 9999999999999;
}
#oxg-tooltip-container .tooltip {
  word-break: keep-all;
  display: none;
  position: absolute;
  background-color: var(--text);
  color: var(--bg);
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.25;
  padding: 8px 8px;
  border-radius: 8px;
}

.uf-text {
  font-size: var(--fs3);
  line-height: 1.25;
  text-transform: none;
  font-weight: 400;
  font-family: "Inter Regular";
}

.uf-box {
  position: relative;
  overflow: hidden;
  font-size: var(--fs3);
  line-height: 1.25;
  padding: 8px;
  margin-bottom: 16px;
  border-radius: 8px;
  text-transform: none;
  font-weight: 400;
  font-family: "Inter Regular";
}
@media only screen and (max-width: 1552px) {
  .uf-box {
    padding: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .uf-box {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .uf-box {
    padding: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .uf-box {
    padding: 6px;
  }
}
@media only screen and (max-width: 1552px) {
  .uf-box {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .uf-box {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .uf-box {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .uf-box {
    margin-bottom: 12px;
  }
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Links
*/
#oxg-footer .ds a:not(.bricks-button):not(.icon-button) {
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (hover: hover) {
  #oxg-footer .ds a:not(.bricks-button):not(.icon-button):not(:disabled):hover {
    color: rgba(255, 255, 255, 0.5);
  }
}

.ds a:not(.bricks-button):not(.icon-button),
a.ds:not(.bricks-button):not(.icon-button),
a.link:not(.bricks-button):not(.icon-button),
.ds input[type=submit].button {
  color: var(--link);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button):hover,
a.ds:not(.bricks-button):not(.icon-button):hover,
a.link:not(.bricks-button):not(.icon-button):hover,
.ds input[type=submit].button:hover {
  color: var(--link_hover);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button):focus,
a.ds:not(.bricks-button):not(.icon-button):focus,
a.link:not(.bricks-button):not(.icon-button):focus,
.ds input[type=submit].button:focus {
  outline-color: transparent !important;
}
.ds a:not(.bricks-button):not(.icon-button):focus-visible,
a.ds:not(.bricks-button):not(.icon-button):focus-visible,
a.link:not(.bricks-button):not(.icon-button):focus-visible,
.ds input[type=submit].button:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: 2px;
  border-radius: 4px;
}
.ds a:not(.bricks-button):not(.icon-button).tc-text,
a.ds:not(.bricks-button):not(.icon-button).tc-text,
a.link:not(.bricks-button):not(.icon-button).tc-text,
.ds input[type=submit].button.tc-text {
  color: var(--text);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-text:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-text:hover,
a.link:not(.bricks-button):not(.icon-button).tc-text:hover,
.ds input[type=submit].button.tc-text:hover {
  color: var(--text);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu,
a.ds:not(.bricks-button):not(.icon-button).tc-menu,
a.link:not(.bricks-button):not(.icon-button).tc-menu,
.ds input[type=submit].button.tc-menu {
  color: var(--text);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-menu:hover,
a.link:not(.bricks-button):not(.icon-button).tc-menu:hover,
.ds input[type=submit].button.tc-menu:hover {
  color: var(--primary);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium,
a.ds:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium,
a.link:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium,
.ds input[type=submit].button.tc-menu.tc-hover-medium {
  color: var(--text);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium:hover,
a.link:not(.bricks-button):not(.icon-button).tc-menu.tc-hover-medium:hover,
.ds input[type=submit].button.tc-menu.tc-hover-medium:hover {
  color: var(--text_medium);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu-medium,
a.ds:not(.bricks-button):not(.icon-button).tc-menu-medium,
a.link:not(.bricks-button):not(.icon-button).tc-menu-medium,
.ds input[type=submit].button.tc-menu-medium {
  color: var(--text_medium);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu-medium:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-menu-medium:hover,
a.link:not(.bricks-button):not(.icon-button).tc-menu-medium:hover,
.ds input[type=submit].button.tc-menu-medium:hover {
  color: var(--text_subtle);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu-subtle,
a.ds:not(.bricks-button):not(.icon-button).tc-menu-subtle,
a.link:not(.bricks-button):not(.icon-button).tc-menu-subtle,
.ds input[type=submit].button.tc-menu-subtle {
  color: var(--text_subtle);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-menu-subtle:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-menu-subtle:hover,
a.link:not(.bricks-button):not(.icon-button).tc-menu-subtle:hover,
.ds input[type=submit].button.tc-menu-subtle:hover {
  color: var(--text_medium);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-medium,
a.ds:not(.bricks-button):not(.icon-button).tc-medium,
a.link:not(.bricks-button):not(.icon-button).tc-medium,
.ds input[type=submit].button.tc-medium {
  color: var(--text_medium);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-medium:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-medium:hover,
a.link:not(.bricks-button):not(.icon-button).tc-medium:hover,
.ds input[type=submit].button.tc-medium:hover {
  color: var(--text_medium);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-subtle,
a.ds:not(.bricks-button):not(.icon-button).tc-subtle,
a.link:not(.bricks-button):not(.icon-button).tc-subtle,
.ds input[type=submit].button.tc-subtle {
  color: var(--text_subtle);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-subtle:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-subtle:hover,
a.link:not(.bricks-button):not(.icon-button).tc-subtle:hover,
.ds input[type=submit].button.tc-subtle:hover {
  color: var(--text_subtle);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-primary,
a.ds:not(.bricks-button):not(.icon-button).tc-primary,
a.link:not(.bricks-button):not(.icon-button).tc-primary,
.ds input[type=submit].button.tc-primary {
  --localHoverColor: #f1244d;
  color: var(--primary);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-primary:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-primary:hover,
a.link:not(.bricks-button):not(.icon-button).tc-primary:hover,
.ds input[type=submit].button.tc-primary:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-info,
a.ds:not(.bricks-button):not(.icon-button).tc-info,
a.link:not(.bricks-button):not(.icon-button).tc-info,
.ds input[type=submit].button.tc-info {
  --localHoverColor: #1d70ff;
  color: var(--info);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-info:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-info:hover,
a.link:not(.bricks-button):not(.icon-button).tc-info:hover,
.ds input[type=submit].button.tc-info:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-success,
a.ds:not(.bricks-button):not(.icon-button).tc-success,
a.link:not(.bricks-button):not(.icon-button).tc-success,
.ds input[type=submit].button.tc-success {
  --localHoverColor: #10e110;
  color: var(--success);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-success:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-success:hover,
a.link:not(.bricks-button):not(.icon-button).tc-success:hover,
.ds input[type=submit].button.tc-success:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-warning,
a.ds:not(.bricks-button):not(.icon-button).tc-warning,
a.link:not(.bricks-button):not(.icon-button).tc-warning,
.ds input[type=submit].button.tc-warning {
  --localHoverColor: #ff960b;
  color: var(--warning);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-warning:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-warning:hover,
a.link:not(.bricks-button):not(.icon-button).tc-warning:hover,
.ds input[type=submit].button.tc-warning:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-danger,
a.ds:not(.bricks-button):not(.icon-button).tc-danger,
a.link:not(.bricks-button):not(.icon-button).tc-danger,
.ds input[type=submit].button.tc-danger {
  --localHoverColor: #b13bd5;
  color: var(--danger);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-danger:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-danger:hover,
a.link:not(.bricks-button):not(.icon-button).tc-danger:hover,
.ds input[type=submit].button.tc-danger:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-note,
a.ds:not(.bricks-button):not(.icon-button).tc-note,
a.link:not(.bricks-button):not(.icon-button).tc-note,
.ds input[type=submit].button.tc-note {
  --localHoverColor: #edc100;
  color: var(--note);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-note:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-note:hover,
a.link:not(.bricks-button):not(.icon-button).tc-note:hover,
.ds input[type=submit].button.tc-note:hover {
  color: var(--localHoverColor);
  text-decoration: none;
}
.ds a:not(.bricks-button):not(.icon-button).tc-neutral,
a.ds:not(.bricks-button):not(.icon-button).tc-neutral,
a.link:not(.bricks-button):not(.icon-button).tc-neutral,
.ds input[type=submit].button.tc-neutral {
  color: var(--grey11_t);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-neutral:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-neutral:hover,
a.link:not(.bricks-button):not(.icon-button).tc-neutral:hover,
.ds input[type=submit].button.tc-neutral:hover {
  color: var(--grey13_t);
  text-decoration: underline;
}
.ds a:not(.bricks-button):not(.icon-button).tc-primary-soft,
a.ds:not(.bricks-button):not(.icon-button).tc-primary-soft,
a.link:not(.bricks-button):not(.icon-button).tc-primary-soft,
.ds input[type=submit].button.tc-primary-soft {
  color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.5);
}
.ds a:not(.bricks-button):not(.icon-button).tc-primary-soft:hover,
a.ds:not(.bricks-button):not(.icon-button).tc-primary-soft:hover,
a.link:not(.bricks-button):not(.icon-button).tc-primary-soft:hover,
.ds input[type=submit].button.tc-primary-soft:hover {
  color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.75);
}

/* 
    #ANCHOR Style as Link
*/
.style-as-link:hover {
  cursor: pointer;
}
.style-as-link:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: 2px;
  border-radius: 4px;
}

/* 
    #ANCHOR Buttons
*/
.button-card {
  border-radius: 4px;
  display: inline-block;
  text-decoration: none !important;
  padding: 8px 16px;
}

/*
:not(.datepicker) {
    .ds button:not(.bricks-button):not(.icon-button),
    button.ds:not(.bricks-button):not(.icon-button) {
        border-radius: v.$border_radius_s;
        display: inline-block;
        text-decoration: none !important;
        padding: 8px 16px;
        background-color: var(--button);
        color: var(--button_text);
        &:focus {
            outline-color: transparent !important;
        }
        &:focus-visible {
            @include m.focusVisible();
            border-radius: v.$border_radius_s;
        }
        &:hover {
            background-color: var(--button_hover);
            color: var(--button_hover_text);
        }
    } 
}*/
.button-wrap {
  display: inline-block;
  margin-bottom: 8px;
}
.button-wrap.full-width {
  display: block;
  width: 100%;
}

.ds a:not(.bricks-button):not(.icon-button).button,
a.ds:not(.bricks-button):not(.icon-button).button,
.ds input[type=submit].button,
.ds input[type=button].button,
.ds input[type=reset].button {
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  padding: 0 16px;
  background-color: var(--button);
  color: var(--button_text);
  height: 48px;
  width: auto;
}
.ds a:not(.bricks-button):not(.icon-button).button.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.rounded,
.ds input[type=submit].button.rounded,
.ds input[type=button].button.rounded,
.ds input[type=reset].button.rounded {
  border-radius: 24px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xxl,
a.ds:not(.bricks-button):not(.icon-button).button.size-xxl,
.ds input[type=submit].button.size-xxl,
.ds input[type=button].button.size-xxl,
.ds input[type=reset].button.size-xxl {
  height: 80px;
  padding: 0 24px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xxl.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-xxl.rounded,
.ds input[type=submit].button.size-xxl.rounded,
.ds input[type=button].button.size-xxl.rounded,
.ds input[type=reset].button.size-xxl.rounded {
  border-radius: 40px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xl,
a.ds:not(.bricks-button):not(.icon-button).button.size-xl,
.ds input[type=submit].button.size-xl,
.ds input[type=button].button.size-xl,
.ds input[type=reset].button.size-xl {
  height: 64px;
  padding: 0 20px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xl.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-xl.rounded,
.ds input[type=submit].button.size-xl.rounded,
.ds input[type=button].button.size-xl.rounded,
.ds input[type=reset].button.size-xl.rounded {
  border-radius: 32px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-l,
a.ds:not(.bricks-button):not(.icon-button).button.size-l,
.ds input[type=submit].button.size-l,
.ds input[type=button].button.size-l,
.ds input[type=reset].button.size-l {
  height: 56px;
  padding: 0 16px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-l.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-l.rounded,
.ds input[type=submit].button.size-l.rounded,
.ds input[type=button].button.size-l.rounded,
.ds input[type=reset].button.size-l.rounded {
  border-radius: 28px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-m,
a.ds:not(.bricks-button):not(.icon-button).button.size-m,
.ds input[type=submit].button.size-m,
.ds input[type=button].button.size-m,
.ds input[type=reset].button.size-m {
  height: 40px;
  padding: 0 12px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-m.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-m.rounded,
.ds input[type=submit].button.size-m.rounded,
.ds input[type=button].button.size-m.rounded,
.ds input[type=reset].button.size-m.rounded {
  border-radius: 20px;
  padding: 0 16px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-s,
a.ds:not(.bricks-button):not(.icon-button).button.size-s,
.ds input[type=submit].button.size-s,
.ds input[type=button].button.size-s,
.ds input[type=reset].button.size-s {
  height: 32px;
  font-size: 16px;
  padding: 0 10px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-s.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-s.rounded,
.ds input[type=submit].button.size-s.rounded,
.ds input[type=button].button.size-s.rounded,
.ds input[type=reset].button.size-s.rounded {
  border-radius: 16px;
  padding: 0 12px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xs,
a.ds:not(.bricks-button):not(.icon-button).button.size-xs,
.ds input[type=submit].button.size-xs,
.ds input[type=button].button.size-xs,
.ds input[type=reset].button.size-xs {
  height: 24px;
  font-size: 14px;
  padding: 0 8px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xs.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-xs.rounded,
.ds input[type=submit].button.size-xs.rounded,
.ds input[type=button].button.size-xs.rounded,
.ds input[type=reset].button.size-xs.rounded {
  border-radius: 12px;
  padding: 0 11px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xxs,
a.ds:not(.bricks-button):not(.icon-button).button.size-xxs,
.ds input[type=submit].button.size-xxs,
.ds input[type=button].button.size-xxs,
.ds input[type=reset].button.size-xxs {
  height: 16px;
  font-size: 12px;
  padding: 0 4px;
}
.ds a:not(.bricks-button):not(.icon-button).button.size-xxs.rounded,
a.ds:not(.bricks-button):not(.icon-button).button.size-xxs.rounded,
.ds input[type=submit].button.size-xxs.rounded,
.ds input[type=button].button.size-xxs.rounded,
.ds input[type=reset].button.size-xxs.rounded {
  border-radius: 8px;
  padding: 0 10px;
}
.ds a:not(.bricks-button):not(.icon-button).button.sharp,
a.ds:not(.bricks-button):not(.icon-button).button.sharp,
.ds input[type=submit].button.sharp,
.ds input[type=button].button.sharp,
.ds input[type=reset].button.sharp {
  border-radius: 0;
}
.ds a:not(.bricks-button):not(.icon-button).button:focus,
a.ds:not(.bricks-button):not(.icon-button).button:focus,
.ds input[type=submit].button:focus,
.ds input[type=button].button:focus,
.ds input[type=reset].button:focus {
  outline-color: transparent !important;
}
.ds a:not(.bricks-button):not(.icon-button).button:focus-visible,
a.ds:not(.bricks-button):not(.icon-button).button:focus-visible,
.ds input[type=submit].button:focus-visible,
.ds input[type=button].button:focus-visible,
.ds input[type=reset].button:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: 2px;
  border-radius: 4px;
}
.ds a:not(.bricks-button):not(.icon-button).button:hover,
a.ds:not(.bricks-button):not(.icon-button).button:hover,
.ds input[type=submit].button:hover,
.ds input[type=button].button:hover,
.ds input[type=reset].button:hover {
  background-color: var(--button_hover) !important;
  color: var(--button_hover_text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline,
a.ds:not(.bricks-button):not(.icon-button).button.outline,
.ds input[type=submit].button.outline,
.ds input[type=button].button.outline,
.ds input[type=reset].button.outline {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--button);
  color: var(--button) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline:hover,
a.ds:not(.bricks-button):not(.icon-button).button.outline:hover,
.ds input[type=submit].button.outline:hover,
.ds input[type=button].button.outline:hover,
.ds input[type=reset].button.outline:hover {
  background-color: var(--button_outline_hover_bg) !important;
  box-shadow: inset 0 0 0 1px var(--button);
  color: var(--button) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.secondary,
a.ds:not(.bricks-button):not(.icon-button).button.secondary,
.ds input[type=submit].button.secondary,
.ds input[type=button].button.secondary,
.ds input[type=reset].button.secondary {
  background-color: var(--secondary_button) !important;
  color: var(--secondary_button_text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.secondary:hover,
a.ds:not(.bricks-button):not(.icon-button).button.secondary:hover,
.ds input[type=submit].button.secondary:hover,
.ds input[type=button].button.secondary:hover,
.ds input[type=reset].button.secondary:hover {
  background-color: var(--secondary_button_hover) !important;
  color: var(--secondary_button_hover_text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.secondary,
a.ds:not(.bricks-button):not(.icon-button).button.outline.secondary,
.ds input[type=submit].button.outline.secondary,
.ds input[type=button].button.outline.secondary,
.ds input[type=reset].button.outline.secondary {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--secondary_button);
  color: var(--secondary_button) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.secondary:hover,
a.ds:not(.bricks-button):not(.icon-button).button.outline.secondary:hover,
.ds input[type=submit].button.outline.secondary:hover,
.ds input[type=button].button.outline.secondary:hover,
.ds input[type=reset].button.outline.secondary:hover {
  color: var(--secondary_button) !important;
  background-color: var(--secondary_button_outline_hover_bg) !important;
  box-shadow: inset 0 0 0 1px var(--secondary_button);
}
.ds a:not(.bricks-button):not(.icon-button).button.surface,
a.ds:not(.bricks-button):not(.icon-button).button.surface,
.ds input[type=submit].button.surface,
.ds input[type=button].button.surface,
.ds input[type=reset].button.surface {
  color: var(--grey13) !important;
  background: var(--bg) !important;
  background-color: var(--bg) !important;
  padding: 7px 14px;
  border: 1px solid var(--border_color_subtle);
  box-shadow: var(--button_shadow);
}
.ds a:not(.bricks-button):not(.icon-button).button.surface:hover,
a.ds:not(.bricks-button):not(.icon-button).button.surface:hover,
.ds input[type=submit].button.surface:hover,
.ds input[type=button].button.surface:hover,
.ds input[type=reset].button.surface:hover {
  color: var(--grey15) !important;
  background: var(--bg) !important;
  background-color: var(--grey2_t) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.plain,
a.ds:not(.bricks-button):not(.icon-button).button.plain,
.ds input[type=submit].button.plain,
.ds input[type=button].button.plain,
.ds input[type=reset].button.plain {
  background-color: var(--bg) !important;
  color: var(--text_medium) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.plain:hover,
a.ds:not(.bricks-button):not(.icon-button).button.plain:hover,
.ds input[type=submit].button.plain:hover,
.ds input[type=button].button.plain:hover,
.ds input[type=reset].button.plain:hover {
  background-color: var(--grey2) !important;
  color: var(--text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.plain.primary,
a.ds:not(.bricks-button):not(.icon-button).button.plain.primary,
.ds input[type=submit].button.plain.primary,
.ds input[type=button].button.plain.primary,
.ds input[type=reset].button.plain.primary {
  background-color: var(--bg) !important;
  color: var(--primary) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.plain.primary:hover,
a.ds:not(.bricks-button):not(.icon-button).button.plain.primary:hover,
.ds input[type=submit].button.plain.primary:hover,
.ds input[type=button].button.plain.primary:hover,
.ds input[type=reset].button.plain.primary:hover {
  background-color: var(--grey2) !important;
  color: var(--primary) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.subtle,
a.ds:not(.bricks-button):not(.icon-button).button.subtle,
.ds input[type=submit].button.subtle,
.ds input[type=button].button.subtle,
.ds input[type=reset].button.subtle {
  background-color: var(--grey6_t) !important;
  color: var(--text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.subtle:hover,
a.ds:not(.bricks-button):not(.icon-button).button.subtle:hover,
.ds input[type=submit].button.subtle:hover,
.ds input[type=button].button.subtle:hover,
.ds input[type=reset].button.subtle:hover {
  background-color: var(--grey9_t) !important;
  color: var(--text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.black,
a.ds:not(.bricks-button):not(.icon-button).button.outline.black,
.ds input[type=submit].button.outline.black,
.ds input[type=button].button.outline.black,
.ds input[type=reset].button.outline.black {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--text);
  color: var(--text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.black:hover,
a.ds:not(.bricks-button):not(.icon-button).button.outline.black:hover,
.ds input[type=submit].button.outline.black:hover,
.ds input[type=button].button.outline.black:hover,
.ds input[type=reset].button.outline.black:hover {
  color: var(--text) !important;
  background-color: var(--grey4_t) !important;
  box-shadow: inset 0 0 0 1px var(--text);
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.subtle,
a.ds:not(.bricks-button):not(.icon-button).button.outline.subtle,
.ds input[type=submit].button.outline.subtle,
.ds input[type=button].button.outline.subtle,
.ds input[type=reset].button.outline.subtle {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--grey9_t);
  color: var(--grey11_t) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.outline.subtle:hover,
a.ds:not(.bricks-button):not(.icon-button).button.outline.subtle:hover,
.ds input[type=submit].button.outline.subtle:hover,
.ds input[type=button].button.outline.subtle:hover,
.ds input[type=reset].button.outline.subtle:hover {
  color: var(--grey12_t) !important;
  background-color: var(--grey5_t) !important;
  box-shadow: inset 0 0 0 1px transparent;
}
.ds a:not(.bricks-button):not(.icon-button).button.deactivated,
a.ds:not(.bricks-button):not(.icon-button).button.deactivated,
.ds input[type=submit].button.deactivated,
.ds input[type=button].button.deactivated,
.ds input[type=reset].button.deactivated {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--grey9_t);
  color: var(--grey14_t) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.deactivated:hover,
a.ds:not(.bricks-button):not(.icon-button).button.deactivated:hover,
.ds input[type=submit].button.deactivated:hover,
.ds input[type=button].button.deactivated:hover,
.ds input[type=reset].button.deactivated:hover {
  cursor: not-allowed;
  background-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--grey9_t);
  color: var(--grey14_t) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button .style-danger,
a.ds:not(.bricks-button):not(.icon-button).button .style-danger,
.ds input[type=submit].button .style-danger,
.ds input[type=button].button .style-danger,
.ds input[type=reset].button .style-danger {
  --localHoverColor: #b13bd5;
}
.ds a:not(.bricks-button):not(.icon-button).button .style-danger a:not(.bricks-button):not(.icon-button).button,
.ds a:not(.bricks-button):not(.icon-button).button .style-danger a.link:not(.bricks-button):not(.icon-button).button,
a.ds:not(.bricks-button):not(.icon-button).button .style-danger a:not(.bricks-button):not(.icon-button).button,
a.ds:not(.bricks-button):not(.icon-button).button .style-danger a.link:not(.bricks-button):not(.icon-button).button,
.ds input[type=submit].button .style-danger a:not(.bricks-button):not(.icon-button).button,
.ds input[type=submit].button .style-danger a.link:not(.bricks-button):not(.icon-button).button,
.ds input[type=button].button .style-danger a:not(.bricks-button):not(.icon-button).button,
.ds input[type=button].button .style-danger a.link:not(.bricks-button):not(.icon-button).button,
.ds input[type=reset].button .style-danger a:not(.bricks-button):not(.icon-button).button,
.ds input[type=reset].button .style-danger a.link:not(.bricks-button):not(.icon-button).button {
  color: var(--danger) !important;
  background-color: var(--localHoverColor) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.shadow,
a.ds:not(.bricks-button):not(.icon-button).button.shadow,
.ds input[type=submit].button.shadow,
.ds input[type=button].button.shadow,
.ds input[type=reset].button.shadow {
  box-shadow: var(--button_shadow);
}
.ds a:not(.bricks-button):not(.icon-button).button.transparent,
a.ds:not(.bricks-button):not(.icon-button).button.transparent,
.ds input[type=submit].button.transparent,
.ds input[type=button].button.transparent,
.ds input[type=reset].button.transparent {
  background-color: transparent !important;
  color: var(--text) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.transparent:hover,
a.ds:not(.bricks-button):not(.icon-button).button.transparent:hover,
.ds input[type=submit].button.transparent:hover,
.ds input[type=button].button.transparent:hover,
.ds input[type=reset].button.transparent:hover {
  background-color: transparent !important;
  color: var(--text) !important;
  box-shadow: inset 0 0 0 1px var(--grey6_t);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-transparent,
a.ds:not(.bricks-button):not(.icon-button).button.style-transparent,
.ds input[type=submit].button.style-transparent,
.ds input[type=button].button.style-transparent,
.ds input[type=reset].button.style-transparent {
  color: var(--grey9_t);
  background-color: transparent;
}
.ds a:not(.bricks-button):not(.icon-button).button.style-transparent:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-transparent:hover,
.ds input[type=submit].button.style-transparent:hover,
.ds input[type=button].button.style-transparent:hover,
.ds input[type=reset].button.style-transparent:hover {
  color: var(--grey11_t);
  background-color: transparent;
}
.ds a:not(.bricks-button):not(.icon-button).button.style-neutral,
a.ds:not(.bricks-button):not(.icon-button).button.style-neutral,
.ds input[type=submit].button.style-neutral,
.ds input[type=button].button.style-neutral,
.ds input[type=reset].button.style-neutral {
  color: var(--text);
  background-color: var(--grey4_t);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-neutral:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-neutral:hover,
.ds input[type=submit].button.style-neutral:hover,
.ds input[type=button].button.style-neutral:hover,
.ds input[type=reset].button.style-neutral:hover {
  color: var(--text);
  background-color: var(--grey6_t);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-info,
a.ds:not(.bricks-button):not(.icon-button).button.style-info,
.ds input[type=submit].button.style-info,
.ds input[type=button].button.style-info,
.ds input[type=reset].button.style-info {
  color: var(--info);
  background-color: var(--info_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-info:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-info:hover,
.ds input[type=submit].button.style-info:hover,
.ds input[type=button].button.style-info:hover,
.ds input[type=reset].button.style-info:hover {
  color: var(--info);
  background-color: var(--info_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-note,
a.ds:not(.bricks-button):not(.icon-button).button.style-note,
.ds input[type=submit].button.style-note,
.ds input[type=button].button.style-note,
.ds input[type=reset].button.style-note {
  color: var(--note);
  background-color: var(--note_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-note:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-note:hover,
.ds input[type=submit].button.style-note:hover,
.ds input[type=button].button.style-note:hover,
.ds input[type=reset].button.style-note:hover {
  color: var(--note);
  background-color: var(--note_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-danger,
a.ds:not(.bricks-button):not(.icon-button).button.style-danger,
.ds input[type=submit].button.style-danger,
.ds input[type=button].button.style-danger,
.ds input[type=reset].button.style-danger {
  color: var(--danger);
  background-color: var(--danger_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-danger:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-danger:hover,
.ds input[type=submit].button.style-danger:hover,
.ds input[type=button].button.style-danger:hover,
.ds input[type=reset].button.style-danger:hover {
  color: var(--danger);
  background-color: var(--danger_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-warning,
a.ds:not(.bricks-button):not(.icon-button).button.style-warning,
.ds input[type=submit].button.style-warning,
.ds input[type=button].button.style-warning,
.ds input[type=reset].button.style-warning {
  color: var(--warning);
  background-color: var(--warning_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-warning:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-warning:hover,
.ds input[type=submit].button.style-warning:hover,
.ds input[type=button].button.style-warning:hover,
.ds input[type=reset].button.style-warning:hover {
  color: var(--warning);
  background-color: var(--warning_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-success,
a.ds:not(.bricks-button):not(.icon-button).button.style-success,
.ds input[type=submit].button.style-success,
.ds input[type=button].button.style-success,
.ds input[type=reset].button.style-success {
  color: var(--success);
  background-color: var(--success_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-success:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-success:hover,
.ds input[type=submit].button.style-success:hover,
.ds input[type=button].button.style-success:hover,
.ds input[type=reset].button.style-success:hover {
  color: var(--success);
  background-color: var(--success_bg);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-primary-soft,
a.ds:not(.bricks-button):not(.icon-button).button.style-primary-soft,
.ds input[type=submit].button.style-primary-soft,
.ds input[type=button].button.style-primary-soft,
.ds input[type=reset].button.style-primary-soft {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.1);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-primary-soft:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-primary-soft:hover,
.ds input[type=submit].button.style-primary-soft:hover,
.ds input[type=button].button.style-primary-soft:hover,
.ds input[type=reset].button.style-primary-soft:hover {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.15);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-primary,
a.ds:not(.bricks-button):not(.icon-button).button.style-primary,
.ds input[type=submit].button.style-primary,
.ds input[type=button].button.style-primary,
.ds input[type=reset].button.style-primary {
  color: var(--link_on_primary);
  background-color: var(--primary);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-primary:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-primary:hover,
.ds input[type=submit].button.style-primary:hover,
.ds input[type=button].button.style-primary:hover,
.ds input[type=reset].button.style-primary:hover {
  color: var(--link_on_primary_hover);
  background-color: var(--primary);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-button,
a.ds:not(.bricks-button):not(.icon-button).button.style-button,
.ds input[type=submit].button.style-button,
.ds input[type=button].button.style-button,
.ds input[type=reset].button.style-button {
  color: var(--button_text);
  background-color: var(--button);
}
.ds a:not(.bricks-button):not(.icon-button).button.style-button:hover,
a.ds:not(.bricks-button):not(.icon-button).button.style-button:hover,
.ds input[type=submit].button.style-button:hover,
.ds input[type=button].button.style-button:hover,
.ds input[type=reset].button.style-button:hover {
  color: var(--button_hover_text);
  background-color: var(--button_hover);
}
.ds a:not(.bricks-button):not(.icon-button).button.hover-black:hover,
a.ds:not(.bricks-button):not(.icon-button).button.hover-black:hover,
.ds input[type=submit].button.hover-black:hover,
.ds input[type=button].button.hover-black:hover,
.ds input[type=reset].button.hover-black:hover {
  background-color: black !important;
  color: white !important;
  box-shadow: inset 0 0 0 1px black !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.hover-danger:hover,
a.ds:not(.bricks-button):not(.icon-button).button.hover-danger:hover,
.ds input[type=submit].button.hover-danger:hover,
.ds input[type=button].button.hover-danger:hover,
.ds input[type=reset].button.hover-danger:hover {
  background-color: var(--danger) !important;
  color: var(--on_danger) !important;
  box-shadow: inset 0 0 0 1px var(--danger) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.hover-danger.shadow:hover,
a.ds:not(.bricks-button):not(.icon-button).button.hover-danger.shadow:hover,
.ds input[type=submit].button.hover-danger.shadow:hover,
.ds input[type=button].button.hover-danger.shadow:hover,
.ds input[type=reset].button.hover-danger.shadow:hover {
  background-color: var(--danger_bg) !important;
  color: var(--danger) !important;
  box-shadow: var(--button_shadow) !important;
}
.ds a:not(.bricks-button):not(.icon-button).button.full-width,
a.ds:not(.bricks-button):not(.icon-button).button.full-width,
.ds input[type=submit].button.full-width,
.ds input[type=button].button.full-width,
.ds input[type=reset].button.full-width {
  width: 100%;
  text-align: center;
  justify-content: center;
}

.ds input[type=submit].button,
input[type=submit].button.ds {
  border: 0;
}

/* 
    #ANCHOR Filter Bar
*/
.filter-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
  gap: 3px;
  border-radius: 4px;
  background-color: var(--bg3);
  padding: 4px;
}
.filter-bar .filter-button {
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-block;
  color: var(--text_medium) !important;
}
.filter-bar .filter-button:hover:not(.current) {
  background-color: var(--bg);
}
.filter-bar .filter-button.current {
  color: var(--text) !important;
  background-color: var(--bg);
}
.filter-bar.filter-is-active .filter-button.current {
  color: var(--on_primary) !important;
  background-color: var(--primary);
}

/* 
    #ANCHOR Pagination Button
*/
.pagination-buttons {
  position: relative;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
.pagination-buttons .pagination-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-width: 40px;
  padding: 8px;
  background-color: var(--bg);
  color: var(--text_subtle) !important;
  font-weight: 700;
  border-right: 1px solid var(--border_color_subtle) !important;
}
@media only screen and (max-width: 478px) {
  .pagination-buttons .pagination-button {
    height: 48px;
    width: 100%;
  }
}
.pagination-buttons .pagination-button.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-buttons .pagination-button.last {
  border-right: none !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-buttons .pagination-button.dots {
  border-right: 1px solid var(--border_color_subtle) !important;
  background-color: transparent;
  border: none !important;
  min-width: 0;
  pointer-events: none;
  user-select: none;
}
.pagination-buttons .pagination-button.current {
  color: var(--link) !important;
}
.pagination-buttons:focus {
  z-index: 1;
}
.pagination-buttons a.pagination-button:hover {
  color: var(--text) !important;
  background-color: var(--grey1);
  z-index: 1;
}

/* 
    #ANCHOR Icon Button
*/
a.icon-button,
button.icon-button,
.ds .icon-button,
.icon-button.ds,
.ds button.icon-button,
button.icon-button.ds {
  display: inline-block;
  text-decoration: none !important;
  font-family: "Inter Regular", Helvetica, Arial, sans-serif !important;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  color: var(--link);
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
}
a.icon-button.fw300,
button.icon-button.fw300,
.ds .icon-button.fw300,
.icon-button.ds.fw300,
.ds button.icon-button.fw300,
button.icon-button.ds.fw300 {
  font-family: "Inter Light", Helvetica, Arial, sans-serif !important;
}
a.icon-button.fw500,
button.icon-button.fw500,
.ds .icon-button.fw500,
.icon-button.ds.fw500,
.ds button.icon-button.fw500,
button.icon-button.ds.fw500 {
  font-family: "Inter Medium", Helvetica, Arial, sans-serif !important;
}
a.icon-button.fw700,
button.icon-button.fw700,
.ds .icon-button.fw700,
.icon-button.ds.fw700,
.ds button.icon-button.fw700,
button.icon-button.ds.fw700 {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif !important;
}
a.icon-button:hover,
button.icon-button:hover,
.ds .icon-button:hover,
.icon-button.ds:hover,
.ds button.icon-button:hover,
button.icon-button.ds:hover {
  color: var(--link_hover);
}
a.icon-button:focus,
button.icon-button:focus,
.ds .icon-button:focus,
.icon-button.ds:focus,
.ds button.icon-button:focus,
button.icon-button.ds:focus {
  outline: none;
}
a.icon-button:focus-visible,
button.icon-button:focus-visible,
.ds .icon-button:focus-visible,
.icon-button.ds:focus-visible,
.ds button.icon-button:focus-visible,
button.icon-button.ds:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: 2px;
  border-radius: 4px;
}
a.icon-button[class^=icon-],
a.icon-button [class^=icon-],
button.icon-button[class^=icon-],
button.icon-button [class^=icon-],
.ds .icon-button[class^=icon-],
.ds .icon-button [class^=icon-],
.icon-button.ds[class^=icon-],
.icon-button.ds [class^=icon-],
.ds button.icon-button[class^=icon-],
.ds button.icon-button [class^=icon-],
button.icon-button.ds[class^=icon-],
button.icon-button.ds [class^=icon-] {
  font-size: 48px;
}
a.icon-button.round,
button.icon-button.round,
.ds .icon-button.round,
.icon-button.ds.round,
.ds button.icon-button.round,
button.icon-button.ds.round {
  border-radius: 24px;
}
a.icon-button.round:focus-visible,
button.icon-button.round:focus-visible,
.ds .icon-button.round:focus-visible,
.icon-button.ds.round:focus-visible,
.ds button.icon-button.round:focus-visible,
button.icon-button.ds.round:focus-visible {
  border-radius: 24px;
}
a.icon-button.tailored,
button.icon-button.tailored,
.ds .icon-button.tailored,
.icon-button.ds.tailored,
.ds button.icon-button.tailored,
button.icon-button.ds.tailored {
  width: auto;
  height: auto;
}
a.icon-button.padded,
button.icon-button.padded,
.ds .icon-button.padded,
.icon-button.ds.padded,
.ds button.icon-button.padded,
button.icon-button.ds.padded {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 12px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.padded[class^=icon-],
a.icon-button.padded [class^=icon-],
button.icon-button.padded[class^=icon-],
button.icon-button.padded [class^=icon-],
.ds .icon-button.padded[class^=icon-],
.ds .icon-button.padded [class^=icon-],
.icon-button.ds.padded[class^=icon-],
.icon-button.ds.padded [class^=icon-],
.ds button.icon-button.padded[class^=icon-],
.ds button.icon-button.padded [class^=icon-],
button.icon-button.ds.padded[class^=icon-],
button.icon-button.ds.padded [class^=icon-] {
  font-size: 24px;
}
a.icon-button.padded.round,
button.icon-button.padded.round,
.ds .icon-button.padded.round,
.icon-button.ds.padded.round,
.ds button.icon-button.padded.round,
button.icon-button.ds.padded.round {
  border-radius: 24px;
}
a.icon-button.padded.round:focus-visible,
button.icon-button.padded.round:focus-visible,
.ds .icon-button.padded.round:focus-visible,
.icon-button.ds.padded.round:focus-visible,
.ds button.icon-button.padded.round:focus-visible,
button.icon-button.ds.padded.round:focus-visible {
  border-radius: 24px;
}
a.icon-button.padded.tailored,
button.icon-button.padded.tailored,
.ds .icon-button.padded.tailored,
.icon-button.ds.padded.tailored,
.ds button.icon-button.padded.tailored,
button.icon-button.ds.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-xl,
button.icon-button.size-xl,
.ds .icon-button.size-xl,
.icon-button.ds.size-xl,
.ds button.icon-button.size-xl,
button.icon-button.ds.size-xl {
  width: 64px;
  min-width: 64px;
  height: 64px;
  padding: 0;
}
a.icon-button.size-xl[class^=icon-],
a.icon-button.size-xl [class^=icon-],
button.icon-button.size-xl[class^=icon-],
button.icon-button.size-xl [class^=icon-],
.ds .icon-button.size-xl[class^=icon-],
.ds .icon-button.size-xl [class^=icon-],
.icon-button.ds.size-xl[class^=icon-],
.icon-button.ds.size-xl [class^=icon-],
.ds button.icon-button.size-xl[class^=icon-],
.ds button.icon-button.size-xl [class^=icon-],
button.icon-button.ds.size-xl[class^=icon-],
button.icon-button.ds.size-xl [class^=icon-] {
  font-size: 64px;
}
a.icon-button.size-xl.round,
button.icon-button.size-xl.round,
.ds .icon-button.size-xl.round,
.icon-button.ds.size-xl.round,
.ds button.icon-button.size-xl.round,
button.icon-button.ds.size-xl.round {
  border-radius: 32px;
}
a.icon-button.size-xl.round:focus-visible,
button.icon-button.size-xl.round:focus-visible,
.ds .icon-button.size-xl.round:focus-visible,
.icon-button.ds.size-xl.round:focus-visible,
.ds button.icon-button.size-xl.round:focus-visible,
button.icon-button.ds.size-xl.round:focus-visible {
  border-radius: 32px;
}
a.icon-button.size-xl.tailored,
button.icon-button.size-xl.tailored,
.ds .icon-button.size-xl.tailored,
.icon-button.ds.size-xl.tailored,
.ds button.icon-button.size-xl.tailored,
button.icon-button.ds.size-xl.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-xl.padded,
button.icon-button.size-xl.padded,
.ds .icon-button.size-xl.padded,
.icon-button.ds.size-xl.padded,
.ds button.icon-button.size-xl.padded,
button.icon-button.ds.size-xl.padded {
  width: 64px;
  min-width: 64px;
  height: 64px;
  padding: 16px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.size-xl.padded[class^=icon-],
a.icon-button.size-xl.padded [class^=icon-],
button.icon-button.size-xl.padded[class^=icon-],
button.icon-button.size-xl.padded [class^=icon-],
.ds .icon-button.size-xl.padded[class^=icon-],
.ds .icon-button.size-xl.padded [class^=icon-],
.icon-button.ds.size-xl.padded[class^=icon-],
.icon-button.ds.size-xl.padded [class^=icon-],
.ds button.icon-button.size-xl.padded[class^=icon-],
.ds button.icon-button.size-xl.padded [class^=icon-],
button.icon-button.ds.size-xl.padded[class^=icon-],
button.icon-button.ds.size-xl.padded [class^=icon-] {
  font-size: 32px;
}
a.icon-button.size-xl.padded.round,
button.icon-button.size-xl.padded.round,
.ds .icon-button.size-xl.padded.round,
.icon-button.ds.size-xl.padded.round,
.ds button.icon-button.size-xl.padded.round,
button.icon-button.ds.size-xl.padded.round {
  border-radius: 32px;
}
a.icon-button.size-xl.padded.round:focus-visible,
button.icon-button.size-xl.padded.round:focus-visible,
.ds .icon-button.size-xl.padded.round:focus-visible,
.icon-button.ds.size-xl.padded.round:focus-visible,
.ds button.icon-button.size-xl.padded.round:focus-visible,
button.icon-button.ds.size-xl.padded.round:focus-visible {
  border-radius: 32px;
}
a.icon-button.size-xl.padded.tailored,
button.icon-button.size-xl.padded.tailored,
.ds .icon-button.size-xl.padded.tailored,
.icon-button.ds.size-xl.padded.tailored,
.ds button.icon-button.size-xl.padded.tailored,
button.icon-button.ds.size-xl.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-l,
button.icon-button.size-l,
.ds .icon-button.size-l,
.icon-button.ds.size-l,
.ds button.icon-button.size-l,
button.icon-button.ds.size-l {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
}
a.icon-button.size-l[class^=icon-],
a.icon-button.size-l [class^=icon-],
button.icon-button.size-l[class^=icon-],
button.icon-button.size-l [class^=icon-],
.ds .icon-button.size-l[class^=icon-],
.ds .icon-button.size-l [class^=icon-],
.icon-button.ds.size-l[class^=icon-],
.icon-button.ds.size-l [class^=icon-],
.ds button.icon-button.size-l[class^=icon-],
.ds button.icon-button.size-l [class^=icon-],
button.icon-button.ds.size-l[class^=icon-],
button.icon-button.ds.size-l [class^=icon-] {
  font-size: 48px;
}
a.icon-button.size-l.round,
button.icon-button.size-l.round,
.ds .icon-button.size-l.round,
.icon-button.ds.size-l.round,
.ds button.icon-button.size-l.round,
button.icon-button.ds.size-l.round {
  border-radius: 24px;
}
a.icon-button.size-l.round:focus-visible,
button.icon-button.size-l.round:focus-visible,
.ds .icon-button.size-l.round:focus-visible,
.icon-button.ds.size-l.round:focus-visible,
.ds button.icon-button.size-l.round:focus-visible,
button.icon-button.ds.size-l.round:focus-visible {
  border-radius: 24px;
}
a.icon-button.size-l.tailored,
button.icon-button.size-l.tailored,
.ds .icon-button.size-l.tailored,
.icon-button.ds.size-l.tailored,
.ds button.icon-button.size-l.tailored,
button.icon-button.ds.size-l.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-l.padded,
button.icon-button.size-l.padded,
.ds .icon-button.size-l.padded,
.icon-button.ds.size-l.padded,
.ds button.icon-button.size-l.padded,
button.icon-button.ds.size-l.padded {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 12px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.size-l.padded[class^=icon-],
a.icon-button.size-l.padded [class^=icon-],
button.icon-button.size-l.padded[class^=icon-],
button.icon-button.size-l.padded [class^=icon-],
.ds .icon-button.size-l.padded[class^=icon-],
.ds .icon-button.size-l.padded [class^=icon-],
.icon-button.ds.size-l.padded[class^=icon-],
.icon-button.ds.size-l.padded [class^=icon-],
.ds button.icon-button.size-l.padded[class^=icon-],
.ds button.icon-button.size-l.padded [class^=icon-],
button.icon-button.ds.size-l.padded[class^=icon-],
button.icon-button.ds.size-l.padded [class^=icon-] {
  font-size: 24px;
}
a.icon-button.size-l.padded.round,
button.icon-button.size-l.padded.round,
.ds .icon-button.size-l.padded.round,
.icon-button.ds.size-l.padded.round,
.ds button.icon-button.size-l.padded.round,
button.icon-button.ds.size-l.padded.round {
  border-radius: 24px;
}
a.icon-button.size-l.padded.round:focus-visible,
button.icon-button.size-l.padded.round:focus-visible,
.ds .icon-button.size-l.padded.round:focus-visible,
.icon-button.ds.size-l.padded.round:focus-visible,
.ds button.icon-button.size-l.padded.round:focus-visible,
button.icon-button.ds.size-l.padded.round:focus-visible {
  border-radius: 24px;
}
a.icon-button.size-l.padded.tailored,
button.icon-button.size-l.padded.tailored,
.ds .icon-button.size-l.padded.tailored,
.icon-button.ds.size-l.padded.tailored,
.ds button.icon-button.size-l.padded.tailored,
button.icon-button.ds.size-l.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-m,
button.icon-button.size-m,
.ds .icon-button.size-m,
.icon-button.ds.size-m,
.ds button.icon-button.size-m,
button.icon-button.ds.size-m {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
}
a.icon-button.size-m[class^=icon-],
a.icon-button.size-m [class^=icon-],
button.icon-button.size-m[class^=icon-],
button.icon-button.size-m [class^=icon-],
.ds .icon-button.size-m[class^=icon-],
.ds .icon-button.size-m [class^=icon-],
.icon-button.ds.size-m[class^=icon-],
.icon-button.ds.size-m [class^=icon-],
.ds button.icon-button.size-m[class^=icon-],
.ds button.icon-button.size-m [class^=icon-],
button.icon-button.ds.size-m[class^=icon-],
button.icon-button.ds.size-m [class^=icon-] {
  font-size: 32px;
}
a.icon-button.size-m.round,
button.icon-button.size-m.round,
.ds .icon-button.size-m.round,
.icon-button.ds.size-m.round,
.ds button.icon-button.size-m.round,
button.icon-button.ds.size-m.round {
  border-radius: 16px;
}
a.icon-button.size-m.round:focus-visible,
button.icon-button.size-m.round:focus-visible,
.ds .icon-button.size-m.round:focus-visible,
.icon-button.ds.size-m.round:focus-visible,
.ds button.icon-button.size-m.round:focus-visible,
button.icon-button.ds.size-m.round:focus-visible {
  border-radius: 16px;
}
a.icon-button.size-m.tailored,
button.icon-button.size-m.tailored,
.ds .icon-button.size-m.tailored,
.icon-button.ds.size-m.tailored,
.ds button.icon-button.size-m.tailored,
button.icon-button.ds.size-m.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-m.padded,
button.icon-button.size-m.padded,
.ds .icon-button.size-m.padded,
.icon-button.ds.size-m.padded,
.ds button.icon-button.size-m.padded,
button.icon-button.ds.size-m.padded {
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 8px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.size-m.padded[class^=icon-],
a.icon-button.size-m.padded [class^=icon-],
button.icon-button.size-m.padded[class^=icon-],
button.icon-button.size-m.padded [class^=icon-],
.ds .icon-button.size-m.padded[class^=icon-],
.ds .icon-button.size-m.padded [class^=icon-],
.icon-button.ds.size-m.padded[class^=icon-],
.icon-button.ds.size-m.padded [class^=icon-],
.ds button.icon-button.size-m.padded[class^=icon-],
.ds button.icon-button.size-m.padded [class^=icon-],
button.icon-button.ds.size-m.padded[class^=icon-],
button.icon-button.ds.size-m.padded [class^=icon-] {
  font-size: 16px;
}
a.icon-button.size-m.padded.round,
button.icon-button.size-m.padded.round,
.ds .icon-button.size-m.padded.round,
.icon-button.ds.size-m.padded.round,
.ds button.icon-button.size-m.padded.round,
button.icon-button.ds.size-m.padded.round {
  border-radius: 16px;
}
a.icon-button.size-m.padded.round:focus-visible,
button.icon-button.size-m.padded.round:focus-visible,
.ds .icon-button.size-m.padded.round:focus-visible,
.icon-button.ds.size-m.padded.round:focus-visible,
.ds button.icon-button.size-m.padded.round:focus-visible,
button.icon-button.ds.size-m.padded.round:focus-visible {
  border-radius: 16px;
}
a.icon-button.size-m.padded.tailored,
button.icon-button.size-m.padded.tailored,
.ds .icon-button.size-m.padded.tailored,
.icon-button.ds.size-m.padded.tailored,
.ds button.icon-button.size-m.padded.tailored,
button.icon-button.ds.size-m.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-s,
button.icon-button.size-s,
.ds .icon-button.size-s,
.icon-button.ds.size-s,
.ds button.icon-button.size-s,
button.icon-button.ds.size-s {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
}
a.icon-button.size-s[class^=icon-],
a.icon-button.size-s [class^=icon-],
button.icon-button.size-s[class^=icon-],
button.icon-button.size-s [class^=icon-],
.ds .icon-button.size-s[class^=icon-],
.ds .icon-button.size-s [class^=icon-],
.icon-button.ds.size-s[class^=icon-],
.icon-button.ds.size-s [class^=icon-],
.ds button.icon-button.size-s[class^=icon-],
.ds button.icon-button.size-s [class^=icon-],
button.icon-button.ds.size-s[class^=icon-],
button.icon-button.ds.size-s [class^=icon-] {
  font-size: 24px;
}
a.icon-button.size-s.round,
button.icon-button.size-s.round,
.ds .icon-button.size-s.round,
.icon-button.ds.size-s.round,
.ds button.icon-button.size-s.round,
button.icon-button.ds.size-s.round {
  border-radius: 12px;
}
a.icon-button.size-s.round:focus-visible,
button.icon-button.size-s.round:focus-visible,
.ds .icon-button.size-s.round:focus-visible,
.icon-button.ds.size-s.round:focus-visible,
.ds button.icon-button.size-s.round:focus-visible,
button.icon-button.ds.size-s.round:focus-visible {
  border-radius: 12px;
}
a.icon-button.size-s.tailored,
button.icon-button.size-s.tailored,
.ds .icon-button.size-s.tailored,
.icon-button.ds.size-s.tailored,
.ds button.icon-button.size-s.tailored,
button.icon-button.ds.size-s.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-s.padded,
button.icon-button.size-s.padded,
.ds .icon-button.size-s.padded,
.icon-button.ds.size-s.padded,
.ds button.icon-button.size-s.padded,
button.icon-button.ds.size-s.padded {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 6px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.size-s.padded[class^=icon-],
a.icon-button.size-s.padded [class^=icon-],
button.icon-button.size-s.padded[class^=icon-],
button.icon-button.size-s.padded [class^=icon-],
.ds .icon-button.size-s.padded[class^=icon-],
.ds .icon-button.size-s.padded [class^=icon-],
.icon-button.ds.size-s.padded[class^=icon-],
.icon-button.ds.size-s.padded [class^=icon-],
.ds button.icon-button.size-s.padded[class^=icon-],
.ds button.icon-button.size-s.padded [class^=icon-],
button.icon-button.ds.size-s.padded[class^=icon-],
button.icon-button.ds.size-s.padded [class^=icon-] {
  font-size: 12px;
}
a.icon-button.size-s.padded.round,
button.icon-button.size-s.padded.round,
.ds .icon-button.size-s.padded.round,
.icon-button.ds.size-s.padded.round,
.ds button.icon-button.size-s.padded.round,
button.icon-button.ds.size-s.padded.round {
  border-radius: 12px;
}
a.icon-button.size-s.padded.round:focus-visible,
button.icon-button.size-s.padded.round:focus-visible,
.ds .icon-button.size-s.padded.round:focus-visible,
.icon-button.ds.size-s.padded.round:focus-visible,
.ds button.icon-button.size-s.padded.round:focus-visible,
button.icon-button.ds.size-s.padded.round:focus-visible {
  border-radius: 12px;
}
a.icon-button.size-s.padded.tailored,
button.icon-button.size-s.padded.tailored,
.ds .icon-button.size-s.padded.tailored,
.icon-button.ds.size-s.padded.tailored,
.ds button.icon-button.size-s.padded.tailored,
button.icon-button.ds.size-s.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-xs,
button.icon-button.size-xs,
.ds .icon-button.size-xs,
.icon-button.ds.size-xs,
.ds button.icon-button.size-xs,
button.icon-button.ds.size-xs {
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
}
a.icon-button.size-xs[class^=icon-],
a.icon-button.size-xs [class^=icon-],
button.icon-button.size-xs[class^=icon-],
button.icon-button.size-xs [class^=icon-],
.ds .icon-button.size-xs[class^=icon-],
.ds .icon-button.size-xs [class^=icon-],
.icon-button.ds.size-xs[class^=icon-],
.icon-button.ds.size-xs [class^=icon-],
.ds button.icon-button.size-xs[class^=icon-],
.ds button.icon-button.size-xs [class^=icon-],
button.icon-button.ds.size-xs[class^=icon-],
button.icon-button.ds.size-xs [class^=icon-] {
  font-size: 16px;
}
a.icon-button.size-xs.round,
button.icon-button.size-xs.round,
.ds .icon-button.size-xs.round,
.icon-button.ds.size-xs.round,
.ds button.icon-button.size-xs.round,
button.icon-button.ds.size-xs.round {
  border-radius: 8px;
}
a.icon-button.size-xs.round:focus-visible,
button.icon-button.size-xs.round:focus-visible,
.ds .icon-button.size-xs.round:focus-visible,
.icon-button.ds.size-xs.round:focus-visible,
.ds button.icon-button.size-xs.round:focus-visible,
button.icon-button.ds.size-xs.round:focus-visible {
  border-radius: 8px;
}
a.icon-button.size-xs.tailored,
button.icon-button.size-xs.tailored,
.ds .icon-button.size-xs.tailored,
.icon-button.ds.size-xs.tailored,
.ds button.icon-button.size-xs.tailored,
button.icon-button.ds.size-xs.tailored {
  width: auto;
  height: auto;
}
a.icon-button.size-xs.padded,
button.icon-button.size-xs.padded,
.ds .icon-button.size-xs.padded,
.icon-button.ds.size-xs.padded,
.ds button.icon-button.size-xs.padded,
button.icon-button.ds.size-xs.padded {
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 4px;
  border: 0 solid var(--grey6_t);
  border-radius: 4px;
}
a.icon-button.size-xs.padded[class^=icon-],
a.icon-button.size-xs.padded [class^=icon-],
button.icon-button.size-xs.padded[class^=icon-],
button.icon-button.size-xs.padded [class^=icon-],
.ds .icon-button.size-xs.padded[class^=icon-],
.ds .icon-button.size-xs.padded [class^=icon-],
.icon-button.ds.size-xs.padded[class^=icon-],
.icon-button.ds.size-xs.padded [class^=icon-],
.ds button.icon-button.size-xs.padded[class^=icon-],
.ds button.icon-button.size-xs.padded [class^=icon-],
button.icon-button.ds.size-xs.padded[class^=icon-],
button.icon-button.ds.size-xs.padded [class^=icon-] {
  font-size: 8px;
}
a.icon-button.size-xs.padded.round,
button.icon-button.size-xs.padded.round,
.ds .icon-button.size-xs.padded.round,
.icon-button.ds.size-xs.padded.round,
.ds button.icon-button.size-xs.padded.round,
button.icon-button.ds.size-xs.padded.round {
  border-radius: 8px;
}
a.icon-button.size-xs.padded.round:focus-visible,
button.icon-button.size-xs.padded.round:focus-visible,
.ds .icon-button.size-xs.padded.round:focus-visible,
.icon-button.ds.size-xs.padded.round:focus-visible,
.ds button.icon-button.size-xs.padded.round:focus-visible,
button.icon-button.ds.size-xs.padded.round:focus-visible {
  border-radius: 8px;
}
a.icon-button.size-xs.padded.tailored,
button.icon-button.size-xs.padded.tailored,
.ds .icon-button.size-xs.padded.tailored,
.icon-button.ds.size-xs.padded.tailored,
.ds button.icon-button.size-xs.padded.tailored,
button.icon-button.ds.size-xs.padded.tailored {
  width: auto;
  height: auto;
}
a.icon-button.tc-text,
button.icon-button.tc-text,
.ds .icon-button.tc-text,
.icon-button.ds.tc-text,
.ds button.icon-button.tc-text,
button.icon-button.ds.tc-text {
  color: var(--text);
}
a.icon-button.tc-text:hover,
button.icon-button.tc-text:hover,
.ds .icon-button.tc-text:hover,
.icon-button.ds.tc-text:hover,
.ds button.icon-button.tc-text:hover,
button.icon-button.ds.tc-text:hover {
  color: var(--text);
}
a.icon-button.sharp,
button.icon-button.sharp,
.ds .icon-button.sharp,
.icon-button.ds.sharp,
.ds button.icon-button.sharp,
button.icon-button.ds.sharp {
  border-radius: 0 !important;
}
a.icon-button.sharp-left,
button.icon-button.sharp-left,
.ds .icon-button.sharp-left,
.icon-button.ds.sharp-left,
.ds button.icon-button.sharp-left,
button.icon-button.ds.sharp-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
a.icon-button.sharp-right,
button.icon-button.sharp-right,
.ds .icon-button.sharp-right,
.icon-button.ds.sharp-right,
.ds button.icon-button.sharp-right,
button.icon-button.ds.sharp-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
a.icon-button.sharp-top,
button.icon-button.sharp-top,
.ds .icon-button.sharp-top,
.icon-button.ds.sharp-top,
.ds button.icon-button.sharp-top,
button.icon-button.ds.sharp-top {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
a.icon-button.sharp-bottom,
button.icon-button.sharp-bottom,
.ds .icon-button.sharp-bottom,
.icon-button.ds.sharp-bottom,
.ds button.icon-button.sharp-bottom,
button.icon-button.ds.sharp-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
a.icon-button.tc-medium,
button.icon-button.tc-medium,
.ds .icon-button.tc-medium,
.icon-button.ds.tc-medium,
.ds button.icon-button.tc-medium,
button.icon-button.ds.tc-medium {
  color: var(--text_medium);
}
a.icon-button.tc-medium:hover,
button.icon-button.tc-medium:hover,
.ds .icon-button.tc-medium:hover,
.icon-button.ds.tc-medium:hover,
.ds button.icon-button.tc-medium:hover,
button.icon-button.ds.tc-medium:hover {
  color: var(--text_medium);
}
a.icon-button.tc-subtle,
button.icon-button.tc-subtle,
.ds .icon-button.tc-subtle,
.icon-button.ds.tc-subtle,
.ds button.icon-button.tc-subtle,
button.icon-button.ds.tc-subtle {
  color: var(--text_subtle);
}
a.icon-button.tc-subtle:hover,
button.icon-button.tc-subtle:hover,
.ds .icon-button.tc-subtle:hover,
.icon-button.ds.tc-subtle:hover,
.ds button.icon-button.tc-subtle:hover,
button.icon-button.ds.tc-subtle:hover {
  color: var(--text_subtle);
}
a.icon-button.tc-success,
button.icon-button.tc-success,
.ds .icon-button.tc-success,
.icon-button.ds.tc-success,
.ds button.icon-button.tc-success,
button.icon-button.ds.tc-success {
  color: var(--success);
}
a.icon-button.tc-success:hover,
button.icon-button.tc-success:hover,
.ds .icon-button.tc-success:hover,
.icon-button.ds.tc-success:hover,
.ds button.icon-button.tc-success:hover,
button.icon-button.ds.tc-success:hover {
  color: var(--success);
}
a.icon-button.tc-danger,
button.icon-button.tc-danger,
.ds .icon-button.tc-danger,
.icon-button.ds.tc-danger,
.ds button.icon-button.tc-danger,
button.icon-button.ds.tc-danger {
  color: var(--danger);
}
a.icon-button.tc-danger:hover,
button.icon-button.tc-danger:hover,
.ds .icon-button.tc-danger:hover,
.icon-button.ds.tc-danger:hover,
.ds button.icon-button.tc-danger:hover,
button.icon-button.ds.tc-danger:hover {
  color: var(--danger);
}
a.icon-button.tc-warning,
button.icon-button.tc-warning,
.ds .icon-button.tc-warning,
.icon-button.ds.tc-warning,
.ds button.icon-button.tc-warning,
button.icon-button.ds.tc-warning {
  color: var(--warning);
}
a.icon-button.tc-warning:hover,
button.icon-button.tc-warning:hover,
.ds .icon-button.tc-warning:hover,
.icon-button.ds.tc-warning:hover,
.ds button.icon-button.tc-warning:hover,
button.icon-button.ds.tc-warning:hover {
  color: var(--warning);
}
a.icon-button.tc-note,
button.icon-button.tc-note,
.ds .icon-button.tc-note,
.icon-button.ds.tc-note,
.ds button.icon-button.tc-note,
button.icon-button.ds.tc-note {
  color: var(--note);
}
a.icon-button.tc-note:hover,
button.icon-button.tc-note:hover,
.ds .icon-button.tc-note:hover,
.icon-button.ds.tc-note:hover,
.ds button.icon-button.tc-note:hover,
button.icon-button.ds.tc-note:hover {
  color: var(--note);
}
a.icon-button.tc-info,
button.icon-button.tc-info,
.ds .icon-button.tc-info,
.icon-button.ds.tc-info,
.ds button.icon-button.tc-info,
button.icon-button.ds.tc-info {
  color: var(--info);
}
a.icon-button.tc-info:hover,
button.icon-button.tc-info:hover,
.ds .icon-button.tc-info:hover,
.icon-button.ds.tc-info:hover,
.ds button.icon-button.tc-info:hover,
button.icon-button.ds.tc-info:hover {
  color: var(--info);
}
a.icon-button.style-transparent,
button.icon-button.style-transparent,
.ds .icon-button.style-transparent,
.icon-button.ds.style-transparent,
.ds button.icon-button.style-transparent,
button.icon-button.ds.style-transparent {
  color: var(--grey9_t);
  background-color: transparent;
}
a.icon-button.style-transparent:hover,
button.icon-button.style-transparent:hover,
.ds .icon-button.style-transparent:hover,
.icon-button.ds.style-transparent:hover,
.ds button.icon-button.style-transparent:hover,
button.icon-button.ds.style-transparent:hover {
  color: var(--grey11_t);
  background-color: transparent;
}
a.icon-button.style-neutral,
button.icon-button.style-neutral,
.ds .icon-button.style-neutral,
.icon-button.ds.style-neutral,
.ds button.icon-button.style-neutral,
button.icon-button.ds.style-neutral {
  color: var(--text);
  background-color: var(--grey4_t);
}
a.icon-button.style-neutral:hover,
button.icon-button.style-neutral:hover,
.ds .icon-button.style-neutral:hover,
.icon-button.ds.style-neutral:hover,
.ds button.icon-button.style-neutral:hover,
button.icon-button.ds.style-neutral:hover {
  color: var(--text);
  background-color: var(--grey6_t);
}
a.icon-button.style-white,
button.icon-button.style-white,
.ds .icon-button.style-white,
.icon-button.ds.style-white,
.ds button.icon-button.style-white,
button.icon-button.ds.style-white {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
a.icon-button.style-white:hover,
button.icon-button.style-white:hover,
.ds .icon-button.style-white:hover,
.icon-button.ds.style-white:hover,
.ds button.icon-button.style-white:hover,
button.icon-button.ds.style-white:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.25);
}
a.icon-button.style-white-transparent,
button.icon-button.style-white-transparent,
.ds .icon-button.style-white-transparent,
.icon-button.ds.style-white-transparent,
.ds button.icon-button.style-white-transparent,
button.icon-button.ds.style-white-transparent {
  color: white;
  background-color: transparent;
}
a.icon-button.style-white-transparent:hover,
button.icon-button.style-white-transparent:hover,
.ds .icon-button.style-white-transparent:hover,
.icon-button.ds.style-white-transparent:hover,
.ds button.icon-button.style-white-transparent:hover,
button.icon-button.ds.style-white-transparent:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.25);
}
a.icon-button.style-info,
button.icon-button.style-info,
.ds .icon-button.style-info,
.icon-button.ds.style-info,
.ds button.icon-button.style-info,
button.icon-button.ds.style-info {
  color: var(--info);
  background-color: var(--info_bg);
}
a.icon-button.style-info:hover,
button.icon-button.style-info:hover,
.ds .icon-button.style-info:hover,
.icon-button.ds.style-info:hover,
.ds button.icon-button.style-info:hover,
button.icon-button.ds.style-info:hover {
  color: var(--info);
  background-color: var(--info_bg);
}
a.icon-button.style-note,
button.icon-button.style-note,
.ds .icon-button.style-note,
.icon-button.ds.style-note,
.ds button.icon-button.style-note,
button.icon-button.ds.style-note {
  color: var(--note);
  background-color: var(--note_bg);
}
a.icon-button.style-note:hover,
button.icon-button.style-note:hover,
.ds .icon-button.style-note:hover,
.icon-button.ds.style-note:hover,
.ds button.icon-button.style-note:hover,
button.icon-button.ds.style-note:hover {
  color: var(--note);
  background-color: var(--note_bg);
}
a.icon-button.style-danger,
button.icon-button.style-danger,
.ds .icon-button.style-danger,
.icon-button.ds.style-danger,
.ds button.icon-button.style-danger,
button.icon-button.ds.style-danger {
  color: var(--danger);
  background-color: var(--danger_bg);
}
a.icon-button.style-danger:hover,
button.icon-button.style-danger:hover,
.ds .icon-button.style-danger:hover,
.icon-button.ds.style-danger:hover,
.ds button.icon-button.style-danger:hover,
button.icon-button.ds.style-danger:hover {
  color: var(--danger);
  background-color: var(--danger_bg);
}
a.icon-button.style-warning,
button.icon-button.style-warning,
.ds .icon-button.style-warning,
.icon-button.ds.style-warning,
.ds button.icon-button.style-warning,
button.icon-button.ds.style-warning {
  color: var(--warning);
  background-color: var(--warning_bg);
}
a.icon-button.style-warning:hover,
button.icon-button.style-warning:hover,
.ds .icon-button.style-warning:hover,
.icon-button.ds.style-warning:hover,
.ds button.icon-button.style-warning:hover,
button.icon-button.ds.style-warning:hover {
  color: var(--warning);
  background-color: var(--warning_bg);
}
a.icon-button.style-success,
button.icon-button.style-success,
.ds .icon-button.style-success,
.icon-button.ds.style-success,
.ds button.icon-button.style-success,
button.icon-button.ds.style-success {
  color: var(--success);
  background-color: var(--success_bg);
}
a.icon-button.style-success:hover,
button.icon-button.style-success:hover,
.ds .icon-button.style-success:hover,
.icon-button.ds.style-success:hover,
.ds button.icon-button.style-success:hover,
button.icon-button.ds.style-success:hover {
  color: var(--success);
  background-color: var(--success_bg);
}
a.icon-button.style-plain,
button.icon-button.style-plain,
.ds .icon-button.style-plain,
.icon-button.ds.style-plain,
.ds button.icon-button.style-plain,
button.icon-button.ds.style-plain {
  color: var(--text_medium);
  background-color: var(--bg);
}
a.icon-button.style-plain:hover,
button.icon-button.style-plain:hover,
.ds .icon-button.style-plain:hover,
.icon-button.ds.style-plain:hover,
.ds button.icon-button.style-plain:hover,
button.icon-button.ds.style-plain:hover {
  color: var(--text);
  background-color: var(--grey2);
}
a.icon-button.style-primary-soft,
button.icon-button.style-primary-soft,
.ds .icon-button.style-primary-soft,
.icon-button.ds.style-primary-soft,
.ds button.icon-button.style-primary-soft,
button.icon-button.ds.style-primary-soft {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.1);
}
a.icon-button.style-primary-soft:hover,
button.icon-button.style-primary-soft:hover,
.ds .icon-button.style-primary-soft:hover,
.icon-button.ds.style-primary-soft:hover,
.ds button.icon-button.style-primary-soft:hover,
button.icon-button.ds.style-primary-soft:hover {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.15);
}
a.icon-button.style-primary,
button.icon-button.style-primary,
.ds .icon-button.style-primary,
.icon-button.ds.style-primary,
.ds button.icon-button.style-primary,
button.icon-button.ds.style-primary {
  color: var(--link_on_primary);
  background-color: var(--primary);
}
a.icon-button.style-primary:hover,
button.icon-button.style-primary:hover,
.ds .icon-button.style-primary:hover,
.icon-button.ds.style-primary:hover,
.ds button.icon-button.style-primary:hover,
button.icon-button.ds.style-primary:hover {
  color: var(--link_on_primary_hover);
  background-color: var(--primary);
}
a.icon-button.style-button,
button.icon-button.style-button,
.ds .icon-button.style-button,
.icon-button.ds.style-button,
.ds button.icon-button.style-button,
button.icon-button.ds.style-button {
  color: var(--button_text);
  background-color: var(--button);
}
a.icon-button.style-button:hover,
button.icon-button.style-button:hover,
.ds .icon-button.style-button:hover,
.icon-button.ds.style-button:hover,
.ds button.icon-button.style-button:hover,
button.icon-button.ds.style-button:hover {
  color: var(--button_hover_text);
  background-color: var(--button_hover);
}

/* 
    #ANCHOR Counter Box
*/
.counter-box {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  color: var(--text);
}
.counter-box.size-l {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.counter-box.size-l[class^=icon-] {
  font-size: 64px;
}
.counter-box.size-s {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.counter-box.size-s[class^=icon-] {
  font-size: 32px;
}
.counter-box.size-xs {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.counter-box.size-xs[class^=icon-] {
  font-size: 24px;
}

/* 
    #ANCHOR Imports 
*/
.circular-badge {
  --size: 32px;
  font-family: 700, Helvetica, Arial, sans-serif;
  font-weight: 700;
  width: var(--size);
  height: var(--size);
  border-radius: calc(var(--size) * 0.5);
  background-color: var(--primary);
  color: var(--on_primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-with-badge {
  position: relative;
  padding-right: 16px;
}
.icon-with-badge .badge {
  position: absolute;
}
.icon-with-badge .badge.top-right {
  top: -8px;
  right: -8px;
}
.icon-with-badge [class^=icon-]:not(.icon-with-badge), .icon-with-badge [class*=" icon-"]:not(.icon-with-badge) {
  position: relative;
  top: 0;
  left: 0;
}

.badge {
  font-family: "Inter Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  font-size: var(--fs2);
  background-color: var(--grey4_t);
  color: var(--grey13_t);
  border-color: var(--grey4_t) !important;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
}
.badge.outline {
  background-color: transparent;
  color: var(--grey11_t);
  border-color: var(--grey9_t) !important;
}
.badge.style-medium, .badge.style-default {
  background-color: var(--grey4_t);
  color: var(--grey13_t);
  border-color: var(--grey4_t) !important;
}
.badge.style-medium.outline, .badge.style-default.outline {
  background-color: transparent;
  color: var(--grey11_t);
  border-color: var(--grey9_t) !important;
}
.badge.style-subtle {
  background-color: var(--grey3_t);
  color: var(--grey11_t);
  border-color: transparent !important;
}
.badge.style-subtle.outline {
  background-color: transparent;
  color: var(--grey10_t);
  border-color: var(--grey7_t) !important;
}
.badge.style-black {
  background-color: black;
  color: white;
  border-color: black !important;
}
.badge.style-black.outline {
  background-color: transparent;
  color: black;
  border-color: black !important;
}
.badge.style-white {
  background-color: white;
  color: black;
  border-color: white !important;
}
.badge.style-white.outline {
  background-color: transparent;
  color: white;
  border-color: white !important;
}
.badge.style-bg {
  background-color: var(--bg);
  color: var(--text);
  border-color: var(--bg) !important;
}
.badge.style-bg.outline {
  background-color: transparent;
  color: var(--bg);
  border-color: var(--bg) !important;
}
.badge.style-contrast {
  background-color: var(--text);
  color: var(--bg);
  border-color: var(--text) !important;
}
.badge.style-contrast.outline {
  background-color: transparent;
  color: var(--text);
  border-color: var(--text) !important;
}
.badge.style-primary {
  background-color: var(--primary);
  color: var(--on_primary);
  border-color: var(--primary);
}
.badge.style-primary.soft {
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.15);
  color: var(--primary);
  border-color: transparent !important;
}
.badge.style-primary.outline {
  background-color: transparent;
  color: var(--primary);
  border-color: var(--primary) !important;
}
.badge.style-secondary {
  background-color: var(--secondary);
  color: var(--on_secondary);
  border-color: var(--secondary) !important;
}
.badge.style-secondary.outline {
  background-color: transparent;
  color: var(--secondary);
  border-color: var(--secondary) !important;
}
.badge.style-note {
  background-color: var(--note);
  color: var(--on_note);
  border-color: var(--note) !important;
}
.badge.style-note.soft {
  background-color: var(--note_bg);
  color: var(--note);
  border-color: var(--note_bg) !important;
}
.badge.style-note.outline {
  background-color: transparent;
  color: var(--note);
  border-color: var(--note) !important;
}
.badge.style-danger {
  background-color: var(--danger);
  color: var(--on_danger);
  border-color: var(--danger) !important;
}
.badge.style-danger.soft {
  background-color: var(--danger_bg);
  color: var(--danger);
  border-color: var(--danger_bg) !important;
}
.badge.style-danger.outline {
  background-color: transparent;
  color: var(--danger);
  border-color: var(--danger) !important;
}
.badge.style-info {
  background-color: var(--info);
  color: var(--on_info);
  border-color: var(--info) !important;
}
.badge.style-info.soft {
  background-color: var(--info_bg);
  color: var(--info);
  border-color: var(--info_bg) !important;
}
.badge.style-info.outline {
  background-color: transparent;
  color: var(--info);
  border-color: var(--info) !important;
}
.badge.style-warning {
  background-color: var(--warning);
  color: var(--on_warning);
  border-color: var(--warning) !important;
}
.badge.style-warning.soft {
  background-color: var(--warning_bg);
  color: var(--warning);
  border-color: var(--warning_bg) !important;
}
.badge.style-warning.outline {
  background-color: transparent;
  color: var(--warning);
  border-color: var(--warning) !important;
}
.badge.style-success {
  background-color: var(--success);
  color: var(--on_success);
  border-color: var(--success) !important;
}
.badge.style-success.soft {
  background-color: var(--success_bg);
  color: var(--success);
  border-color: var(--success_bg) !important;
}
.badge.style-success.outline {
  background-color: transparent;
  color: var(--success);
  border-color: var(--success) !important;
}
.badge.size-xxs {
  font-size: var(--fs1);
  height: 18px;
  line-height: 17px;
  padding: 0 4px;
  border-radius: 3px;
}
.badge.size-xs {
  height: 22px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 4px;
}
.badge.size-s {
  height: 27px;
  line-height: 25px;
  padding: 0 5px;
  border-radius: 5px;
}
.badge.size-default {
  font-size: var(--fs3);
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
}
.badge.size-m {
  font-size: var(--fs3);
  height: 38px;
  line-height: 36px;
  padding: 0 12px;
  border-radius: 8px;
}
.badge.size-l {
  font-size: var(--fs4);
  height: 44px;
  line-height: 42px;
  padding: 0 14px;
  border-radius: 10px;
}

/* 
    #ANCHOR Imports 
*/
.avatar-badges-wrap {
  line-height: 1;
  --size: 48px;
  --padding: 4px;
  --padding-right: 16px;
  --gap: 10px;
  font-weight: 400;
  font-family: "Inter Regular";
  display: flex;
  gap: var(--gap);
}
.avatar-badges-wrap.size-m {
  --size: 32px;
  --padding: 3px;
  --padding-right: 12px;
  --gap: 8px;
  font-size: 16px;
}
.avatar-badges-wrap.size-s {
  --size: 24px;
  --padding: 2px;
  --padding-right: 10px;
  --gap: 6px;
  font-size: 14px;
}
.avatar-badges-wrap abbr {
  text-decoration: none;
  font-weight: 700;
  font-family: "Inter Bold";
}
.avatar-badges-wrap .avatar-badge-link {
  color: var(--text) !important;
}
.avatar-badges-wrap .avatar-badge-link .no-image {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_b), 0.18);
}
.avatar-badges-wrap .avatar-badge-link:hover {
  color: var(--primary) !important;
}
.avatar-badges-wrap .avatar-badge-link:hover .no-image {
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_b), 0.875);
  color: var(--on_primary);
}
.avatar-badges-wrap .avatar-badge-wrap {
  display: inline-block;
  padding: var(--padding) var(--padding-right) var(--padding) var(--padding);
  background: var(--bg);
  height: calc(var(--size) + var(--padding) * 2);
  border-radius: calc(var(--size) * 0.5 + var(--padding));
}
.avatar-badges-wrap .avatar-badge-wrap:hover {
  box-shadow: var(--shadow);
}
.avatar-badges-wrap .avatar-badge {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.avatar-badges-wrap .avatar-badge .avatar-wrap {
  border: 2px solid var(--on_primary);
  width: var(--size);
  height: var(--size);
  border-radius: calc(0.5 * var(--size));
  position: relative;
  overflow: hidden;
  margin-right: calc(2 * var(--padding));
}
.avatar-badges-wrap .avatar-badge .avatar-wrap .no-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 
    #ANCHOR Feed Item
*/
.feed-item {
  background-color: var(--bg);
  display: block;
  position: relative;
  border-left: 2px solid transparent;
  border-left-color: transparent !important;
}
.feed-item:hover {
  cursor: pointer;
  color: var(--primary);
  background-color: var(--grey1);
}
.feed-item:focus-within {
  z-index: 1;
}

a.feed-item-link-area {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* 
    #ANCHOR Table
*/
.table {
  border: 1px solid var(--border_color);
}

.table-row-user {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 0;
  column-gap: 0;
}
.table-row-user > * {
  display: block;
  height: 100%;
  padding: 16px;
  border-right: 1px solid var(--border_color_subtle);
  border-bottom: 1px solid var(--border_color_subtle);
}
@media only screen and (max-width: 1552px) {
  .table-row-user > * {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .table-row-user > * {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .table-row-user > * {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .table-row-user > * {
    padding: 12px;
  }
}
.table-row-user > *.is-last {
  border-right: 0;
}
.table-row-user.clickable:hover {
  background-color: var(--grey2_t);
  cursor: pointer;
}
.table-row-user.is-last > * {
  border-bottom: 0;
}
.table-row-user:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: -2px;
  border-radius: 6px;
}

/* 
    #ANCHOR List Item User
*/
.list-item-user, .list-item-user-selectable {
  display: block;
  line-height: 1;
  padding: 16px;
  background-color: var(--bg);
  border: 1px solid var(--border_color_subtle) !important;
}
@media only screen and (max-width: 1552px) {
  .list-item-user, .list-item-user-selectable {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .list-item-user, .list-item-user-selectable {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .list-item-user, .list-item-user-selectable {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .list-item-user, .list-item-user-selectable {
    padding: 12px;
  }
}
.list-item-user-selectable {
  /* 
  checkbox can be added by adding a .is-checkbox or 
  .is-radio div into the selectable list item. It 
  will be checked and unchecked automatically on click
  (form-like.js)
  Behaviour classes:
  .remote-select-only / .no-remote-select / .no-remote-check / .no-remote-uncheck 
  as modifier classes
  */
}
.list-item-user-selectable.grid {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0;
  padding: 0;
}
.list-item-user-selectable.grid > *:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item-user-selectable.grid > *:nth-child(2) {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .list-item-user-selectable.grid > *:nth-child(2) {
    padding-right: 12px;
  }
}
.list-item-user-selectable:focus-visible {
  outline: 2px solid var(--info) !important;
  outline-offset: 2px;
}
.list-item-user-selectable.is-selected {
  border-color: var(--primary) !important;
}
.list-item-user-selectable:hover {
  cursor: pointer;
  background-color: var(--grey2_t);
}
.list-item-user-selectable.is-selected .checkbox [class^=icon-] {
  display: block;
}

/* 
    #ANCHOR Imports 
*/
.card,
.ds.card,
.ds .card {
  padding: 16px;
  background-color: var(--bg);
}
@media only screen and (max-width: 1552px) {
  .card,
  .ds.card,
  .ds .card {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .card,
  .ds.card,
  .ds .card {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .card,
  .ds.card,
  .ds .card {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .card,
  .ds.card,
  .ds .card {
    padding: 12px;
  }
}
.card:focus-visible, .card:focus,
.ds.card:focus-visible,
.ds.card:focus,
.ds .card:focus-visible,
.ds .card:focus {
  outline: 2px solid var(--primary) !important;
  outline-offset: 2px;
}
.card:focus-within,
.ds.card:focus-within,
.ds .card:focus-within {
  outline: 2px solid var(--grey6_t) !important;
  outline-offset: 2px;
}

.menu-card {
  width: 100%;
  background: var(--bg);
  color: var(--text) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 32px;
}
@media only screen and (max-width: 1552px) {
  .menu-card {
    padding: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .menu-card {
    padding: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .menu-card {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .menu-card {
    padding: 16px;
  }
}
.menu-card:hover {
  color: var(--link) !important;
  box-shadow: var(--shadow);
}
.menu-card .card-icon {
  margin-bottom: 8px;
  font-size: var(--fs10);
}
@media only screen and (max-width: 1552px) {
  .menu-card .card-icon {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .menu-card .card-icon {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .menu-card .card-icon {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .menu-card .card-icon {
    margin-bottom: 6px;
  }
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Modals Container
*/
#oxg-modals-container {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
}
#oxg-modals-container.is-active {
  display: block;
}

/* 
    #ANCHOR Modal
*/
.oxg-modal {
  --modal_box_margin: 32px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
@media only screen and (max-width: 1279px) {
  .oxg-modal {
    --modal_box_margin: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .oxg-modal {
    --modal_box_margin: 16px;
  }
}
.oxg-modal .modal-bg {
  animation: modalBgBlendIn;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1px);
}
.oxg-modal .above-modal-box {
  position: relative;
}
.oxg-modal .modal-box {
  animation: modalBoxBlendIn;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  position: absolute;
  width: calc(100% - 2 * var(--modal_box_margin));
  max-width: 720px;
  min-height: 600px;
  max-height: 800px;
  height: calc(100vh - 2 * var(--modal_box_margin));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--text);
  background-color: var(--bg);
  overflow-y: hidden;
  box-shadow: var(--shadow3);
  border-radius: 16px;
}
.oxg-modal .modal-box .above-modal-box-content {
  position: relative;
}
.oxg-modal .modal-box .modal-box-content {
  position: relative;
}
.oxg-modal .modal-box .header, .oxg-modal .modal-box .footer {
  z-index: 1;
  position: absolute;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 16px;
}
.oxg-modal .modal-box .header {
  top: 0;
  height: 64px;
}
.oxg-modal .modal-box .header.bg-gradient {
  background: linear-gradient(180deg, 0% var(--bg), 75% var(--bg), transparent);
}
.oxg-modal .modal-box .header.bg {
  background: var(--bg);
  border-bottom: 1px solid var(--border_color);
}
.oxg-modal .modal-box .header .user-feedback-box {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 80%;
}
.oxg-modal .modal-box .body {
  z-index: 0;
  padding: 0 16px 16px 16px;
  padding-left: 24px;
  padding-right: 24px;
  min-height: 600px;
  max-height: 800px;
  height: calc(100vh - 2 * var(--modal_box_margin));
  overflow-y: scroll;
}
@media only screen and (max-width: 1552px) {
  .oxg-modal .modal-box .body {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .oxg-modal .modal-box .body {
    padding-left: 19.9992px;
    padding-right: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .oxg-modal .modal-box .body {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .oxg-modal .modal-box .body {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.oxg-modal .modal-box .body.modal-has-header {
  padding-top: 64px;
}
.oxg-modal .modal-box .body.modal-has-header.header-reduced {
  padding-top: 32px;
}
.oxg-modal .modal-box .body.modal-has-header.header-extended {
  padding-top: 128px;
}
.oxg-modal .modal-box .body.modal-has-footer {
  padding-bottom: 64px;
}
.oxg-modal .modal-box .body.modal-has-footer.footer-reduced {
  padding-bottom: 32px;
}
.oxg-modal .modal-box .body.modal-has-footer.footer-extended {
  padding-bottom: 128px;
}
.oxg-modal .modal-box .footer {
  bottom: 0;
  padding: 16px;
  height: 80px;
}
.oxg-modal .modal-box .footer.bg-gradient {
  background: linear-gradient(0deg, 0% var(--bg), 75% var(--bg), transparent);
}
.oxg-modal .modal-box .footer.bg {
  background: var(--bg);
  border-top: 1px solid var(--border_color);
}
.oxg-modal.compact .modal-box {
  height: auto;
  min-height: 144px;
}
.oxg-modal.compact .modal-box .body {
  min-height: 144px;
  height: auto;
}
.oxg-modal.compact .modal-box .body.modal-has-header {
  padding-top: 64px;
}
.oxg-modal.compact .modal-box .body.modal-has-header.header-reduced {
  padding-top: 32px;
}
.oxg-modal.compact .modal-box .body.modal-has-header.header-extended {
  padding-top: 128px;
}
.oxg-modal.compact .modal-box .body.modal-has-footer {
  padding-bottom: 80px;
}
.oxg-modal.compact .modal-box .body.modal-has-footer.footer-reduced {
  padding-bottom: 32px;
}
.oxg-modal.compact .modal-box .body.modal-has-footer.footer-extended {
  padding-bottom: 128px;
}
.oxg-modal.closing .modal-bg {
  animation: modalBgBlendOut;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.1s;
}
.oxg-modal.closing .modal-box {
  animation: modalBoxBlendOut;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.1s;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR cart-item 
*/
.cart-item {
  position: relative;
  transition: 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
  user-select: none;
}
.cart-item .body {
  position: relative;
  position: relative;
  z-index: 0;
}
.cart-item .signal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: newCartItemOverlay;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.cart-item .hover-overlay {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--grey1_t);
  transition: opacity 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
}
.cart-item:hover {
  transition: 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
}
.cart-item:hover .hover-overlay {
  opacity: 1;
  transition: opacity 0s cubic-bezier(0.35, 0.35, 0.4, 1);
}

@media only screen and (max-width: 782px) {
  body.admin-bar.bricks-is-frontend .brxe-nav-nested.brx-open .brx-nav-nested-items {
    top: 46px;
  }
}

/*
    #ANCHOR Flyout Menu
*/
.flyout-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 999995;
}
.flyout-container .close-flyout-link:focus {
  background-color: var(--grey5_t);
}
.flyout-container.second-flyout {
  z-index: 999996;
}
.flyout-container .bg {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  transition: opacity 0.24s cubic-bezier(0.35, 0.35, 0.4, 1);
}
.flyout-container .flyout-wrap {
  position: absolute;
  pointer-events: all;
  z-index: 1;
  right: 0;
  transform: translate(100%);
  width: 90%;
  max-width: 360px;
  min-width: 280px;
  height: 100vh;
  overflow-y: scroll;
  background: var(--bg);
  transition: transform 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
}

/*
    #ANCHOR General Navigation Styling
*/
.nav-wrap .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-wrap .menu .menu-item {
  margin: 0;
}
.nav-wrap .menu .menu-item a.current-link {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.nav-wrap .menu .menu-item.current-link > a {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/*
    #ANCHOR Tree Menu
*/
.tree-menu .nav-wrap {
  border-left: 1px solid transparent;
  transform: translateX(-1px);
}
.tree-menu .menu, .tree-menu .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tree-menu .submenu {
  display: none;
  margin-left: 0.5rem;
}
.tree-menu .toggle-button {
  display: none;
  color: var(--text);
  width: 32px;
  height: 32px;
}
.tree-menu .toggle-button:before {
  font-size: 32px;
}
.tree-menu .toggle-button:hover {
  color: var(--primary);
  cursor: pointer;
}
.tree-menu .menu {
  display: block;
  width: 100%;
}
.tree-menu .menu .submenu.current-branch {
  display: block;
}
.tree-menu .menu .menu-item {
  padding: 1rem 0 0 0;
  width: 100%;
  line-height: 1.2rem;
  width: 100%;
}
.tree-menu .menu .menu-item.current-link .submenu {
  display: none;
}
.tree-menu .menu .menu-item.current-link > .submenu {
  display: block;
}
.tree-menu .menu .menu-item.level-1:not(:last-of-type) {
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--border_color_subtle);
}

.header-left-content-right .tree-menu {
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .header-left-content-right .tree-menu {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .tree-menu {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .header-left-content-right .tree-menu {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .header-left-content-right .tree-menu {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1552px) {
  .header-left-content-right .tree-menu {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .tree-menu {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .header-left-content-right .tree-menu {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .header-left-content-right .tree-menu {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .tree-menu {
    margin: 0;
  }
  .header-left-content-right .tree-menu .menu.level-1:first-of-type {
    margin-top: 32px;
  }
  .header-left-content-right .tree-menu .toggle-button {
    position: fixed;
    right: 0;
    top: 0;
    margin-top: 24px;
    margin-right: 32px;
    z-index: 999996;
    display: block;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1552px) {
  .header-left-content-right .tree-menu .toggle-button {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .header-left-content-right .tree-menu .toggle-button {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 991px) {
  .header-left-content-right .tree-menu .toggle-button {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 478px) {
  .header-left-content-right .tree-menu .toggle-button {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .tree-menu .nav-wrap {
    padding: 32px;
    position: fixed;
    overflow-y: scroll;
    width: 100%;
    max-width: 360px;
    background: var(--bg);
    border-left: 1px solid var(--border_color);
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(361px);
    transition: transform 0.25s cubic-bezier(0.35, 0.35, 0.4, 1);
    z-index: 999995;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1552px) {
  .header-left-content-right .tree-menu .nav-wrap {
    padding: 32px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .header-left-content-right .tree-menu .nav-wrap {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 991px) {
  .header-left-content-right .tree-menu .nav-wrap {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 478px) {
  .header-left-content-right .tree-menu .nav-wrap {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .header-left-content-right .tree-menu .nav-wrap.is-open {
    transform: translateX(0);
  }
  .header-left-content-right .tree-menu .menu-item {
    padding: 1.5rem 0 0 0;
  }
  .header-left-content-right .tree-menu .menu-item.level-1:not(:last-of-type) {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
  }
  .header-left-content-right .tree-menu .menu-item.level-1:last-of-type {
    margin-bottom: 1rem;
  }
}

body.customize-support .header-left-content-right .tree-menu .nav-wrap, body.customize-support .header-left-content-right .tree-menu .toggle-button {
  top: 32px;
}
@media only screen and (max-width: 782px) {
  body.customize-support .header-left-content-right .tree-menu .nav-wrap, body.customize-support .header-left-content-right .tree-menu .toggle-button {
    top: 46px;
  }
}

/* 
    #ANCHOR Imports 
*/
ul.no-list-style {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 
    #ANCHOR Table List 
*/
ul.table-list {
  list-style: none;
  padding: 0;
}
ul.table-list li {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 1px solid var(--border_color_subtle) !important;
}
@media only screen and (max-width: 1552px) {
  ul.table-list li {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.table-list li {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  ul.table-list li {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  ul.table-list li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  ul.table-list li {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.table-list li {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  ul.table-list li {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  ul.table-list li {
    padding-left: 12px;
    padding-right: 12px;
  }
}
ul.table-list li.header {
  padding: 16px;
}
@media only screen and (max-width: 1552px) {
  ul.table-list li.header {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.table-list li.header {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  ul.table-list li.header {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  ul.table-list li.header {
    padding: 12px;
  }
}
ul.table-list li:last-of-type {
  border: none !important;
}

ul.menu-list {
  list-style: none;
  padding: 0;
}
ul.menu-list li {
  padding: 16px;
  margin-bottom: 8px;
  border: 1px solid var(--border_color) !important;
  background-color: var(--grey3_t);
}
@media only screen and (max-width: 1552px) {
  ul.menu-list li {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.menu-list li {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  ul.menu-list li {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  ul.menu-list li {
    padding: 12px;
  }
}
@media only screen and (max-width: 1552px) {
  ul.menu-list li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.menu-list li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  ul.menu-list li {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  ul.menu-list li {
    margin-bottom: 6px;
  }
}
ul.menu-list li:hover {
  background-color: var(--grey5_t);
}

ul.list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.list.type-2 li {
  display: grid;
  grid-template-columns: 320px 1fr;
  column-gap: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border_color_subtle);
}
@media only screen and (max-width: 1552px) {
  ul.list.type-2 li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  ul.list.type-2 li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  ul.list.type-2 li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  ul.list.type-2 li {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
ul.list.type-2 li > div {
  height: 100%;
}
ul.list.type-2 li .stretch {
  grid-column-start: 1;
  grid-column-end: 3;
}
ul.list.type-2 li:first-of-type {
  padding-top: 0;
}
ul.list.type-2 li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 1279px) {
  ul.list.type-2 li {
    grid-template-columns: 240px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  ul.list.type-2 li {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
ul.list li {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media only screen and (max-width: 478px) {
  ul.list li {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }
}
ul.list .list-item-title {
  font-family: "Inter Bold";
  font-weight: 700;
}

.password-security-bar {
  --bar-height: 10px;
  --bar-br: 5px;
  display: block;
  position: relative;
  height: var(--bar-height);
  border-radius: var(--bar-br);
  width: 100%;
  background-color: var(--grey2);
  overflow: hidden;
}
.password-security-bar.docked-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.password-security-bar.docked-bottom .bar {
  border-radius: var(--bar-br);
  border-top-left-radius: 0;
}
.password-security-bar.docked-bottom .bar.strong {
  border-top-right-radius: 0;
}
.password-security-bar.docked-bottom .bar .text {
  padding: 0 var(--bar-br);
}
.password-security-bar.docked-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.password-security-bar.docked-top .bar {
  border-radius: var(--bar-br);
  border-bottom-left-radius: 0;
}
.password-security-bar.docked-top .bar.strong {
  border-bottom-right-radius: 0;
}
.password-security-bar.docked-top .bar .text {
  padding: 0 var(--bar-br);
}
.password-security-bar .text {
  position: absolute;
  line-height: var(--bar-height);
  font-size: 10px;
  padding: 0 3px;
  transition: all 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.password-security-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: inherit;
  transition: all 0.15s cubic-bezier(0.35, 0.35, 0.4, 1);
  color: var(--text_medium);
  padding: 0 4px;
  border-radius: var(--bar-br);
}
.password-security-bar .bar.weak {
  width: 10%;
  background-color: var(--danger_bg);
  color: var(--danger);
}
.password-security-bar .bar.weak .text {
  left: 100%;
  transform: translateX(0);
}
.password-security-bar .bar.medium {
  width: 45%;
  background-color: var(--warning_bg);
  color: var(--on_warning);
}
.password-security-bar .bar.medium .text {
  left: 100%;
  transform: translateX(-100%);
  padding-right: var(--bar-br);
}
.password-security-bar .bar.normal {
  width: 75%;
  background-color: var(--info_bg);
  color: var(--on_info);
}
.password-security-bar .bar.normal .text {
  left: 100%;
  transform: translateX(-100%);
  padding-right: var(--bar-br);
}
.password-security-bar .bar.strong {
  width: 100%;
  background-color: var(--success_bg);
  color: var(--on_success);
}
.password-security-bar .bar.strong .text {
  left: 100%;
  transform: translateX(-100%);
  padding-right: var(--bar-br);
}

#oxg-status-bar {
  position: relative;
  display: block;
  width: 100%;
}
#oxg-status-bar .message-container {
  overflow: hidden;
  height: auto;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.35, 0.35, 0.4, 1);
}
#oxg-status-bar .inner-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 8px);
  width: calc(100vw - 16px);
  max-width: 780px;
  z-index: 9999999999;
  display: grid;
  grid-template-columns: 1fr 32px;
  column-gap: 32px;
  padding: 12px;
  border-radius: 4px;
  line-height: 1.5 !important;
  gap: 32px;
  overflow: hidden;
  margin-top: 8px;
}
#oxg-status-bar .inner-wrap:not(.no-animation) {
  opacity: 0;
  animation: statusMessageFadeIn;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-delay: 0s;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}
#oxg-status-bar .inner-wrap:first-of-type {
  margin-top: 0;
}
#oxg-status-bar .inner-wrap.no-grid {
  grid-template-columns: 1fr;
  column-gap: 0;
  row-gap: 0;
}
#oxg-status-bar .inner-wrap .col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 0;
  height: 100%;
}
#oxg-status-bar .inner-wrap .col.close-btn-container {
  align-items: flex-start;
}
@media only screen and (max-width: 478px) {
  #oxg-status-bar .inner-wrap {
    gap: 16px;
    padding: 8px;
    align-items: flex-start;
    min-height: none;
  }
}
#oxg-status-bar .inner-wrap.info {
  background-color: var(--info);
  color: var(--on_info);
}
#oxg-status-bar .inner-wrap.info .icon-button {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}
#oxg-status-bar .inner-wrap.info .icon-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
#oxg-status-bar .inner-wrap.success {
  background-color: var(--success);
  color: var(--on_success);
}
#oxg-status-bar .inner-wrap.success .icon-button {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}
#oxg-status-bar .inner-wrap.success .icon-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
#oxg-status-bar .inner-wrap.danger {
  background-color: var(--danger);
  color: var(--on_danger);
}
#oxg-status-bar .inner-wrap.danger .icon-button {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}
#oxg-status-bar .inner-wrap.danger .icon-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
#oxg-status-bar .inner-wrap.warning {
  background-color: var(--warning);
  color: var(--on_warning);
}
#oxg-status-bar .inner-wrap.warning .icon-button {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}
#oxg-status-bar .inner-wrap.warning .icon-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
#oxg-status-bar .inner-wrap.note {
  background-color: var(--note_bg);
  color: var(--note);
}
#oxg-status-bar .inner-wrap.note .icon-button {
  background-color: rgba(0, 0, 0, 0.1);
  color: black;
}
#oxg-status-bar .inner-wrap.note .icon-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
#oxg-status-bar.docked {
  height: unset;
}
#oxg-status-bar.docked .inner-wrap {
  position: relative;
  transform: unset;
  z-index: 0;
  width: 100%;
  max-width: none;
  border-radius: 0;
}
#oxg-status-bar.docked .inner-wrap:not(.no-animation) {
  opacity: 1;
  animation: none;
  transform: unset;
  left: 0;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR CSS Variables 
*/
:root {
  --m-xs: 8px;
  --m-s: 16px;
  --m-m: 24px;
  --m-l: 32px;
  --p-xs: 8px;
  --p-s: 16px;
  --p-m: 24px;
  --p-l: 32px;
}
@media only screen and (max-width: 1552px) {
  :root {
    --m-xs: 8px;
    --m-s: 12px;
    --m-m: 20px;
    --m-l: 24px;
    --p-xs: 8px;
    --p-s: 12px;
    --p-m: 20px;
    --p-l: 24px;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --m-xs: 6px;
    --m-s: 8px;
    --m-m: 12px;
    --m-l: 16px;
    --p-xs: 6px;
    --p-s: 8px;
    --p-m: 12px;
    --p-l: 16px;
  }
}

/* 
    #ANCHOR Spacer 
*/
.spacer {
  display: block;
  width: 100%;
}

/* 
    #ANCHOR Margin
*/
.m-content, .m-content-all {
  margin: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content, .m-content-all {
    margin: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content, .m-content-all {
    margin: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content, .m-content-all {
    margin: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content, .m-content-all {
    margin: 40px;
  }
}

.m-content-h {
  margin-left: 80px;
  margin-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-h {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-h {
    margin-left: 64px;
    margin-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-h {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-h {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.m-content-v {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-v {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-v {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-v {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-v {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.m-content-top {
  margin-top: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-top {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-top {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-top {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-top {
    margin-top: 40px;
  }
}

.m-content-right {
  margin-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-right {
    margin-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-right {
    margin-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-right {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-right {
    margin-right: 40px;
  }
}

.m-content-bottom {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-bottom {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-bottom {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-bottom {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-bottom {
    margin-bottom: 40px;
  }
}

.m-content-left {
  margin-left: 80px;
}
@media only screen and (max-width: 1552px) {
  .m-content-left {
    margin-left: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-content-left {
    margin-left: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .m-content-left {
    margin-left: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .m-content-left {
    margin-left: 40px;
  }
}

.m-section, .m-section-all {
  margin: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section, .m-section-all {
    margin: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section, .m-section-all {
    margin: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section, .m-section-all {
    margin: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section, .m-section-all {
    margin: 16px;
  }
}

.m-section-h {
  margin-left: 64px;
  margin-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-h {
    margin-left: 48px;
    margin-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-h {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-h {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.m-section-v {
  margin-top: 64px;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-v {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-v {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-v {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.m-section-top {
  margin-top: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-top {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-top {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-top {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-top {
    margin-top: 16px;
  }
}

.m-section-right {
  margin-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-right {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-right {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-right {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-right {
    margin-right: 16px;
  }
}

.m-section-bottom {
  margin-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-bottom {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-bottom {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-bottom {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-bottom {
    margin-bottom: 16px;
  }
}

.m-section-left {
  margin-left: 64px;
}
@media only screen and (max-width: 1552px) {
  .m-section-left {
    margin-left: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-section-left {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-section-left {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-section-left {
    margin-left: 16px;
  }
}

.m-box, .m-box-all {
  margin: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box, .m-box-all {
    margin: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box, .m-box-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box, .m-box-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box, .m-box-all {
    margin: 16px;
  }
}

.m-box-h {
  margin-left: 32px;
  margin-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-h {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.m-box-v {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-v {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.m-box-top {
  margin-top: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-top {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-top {
    margin-top: 16px;
  }
}

.m-box-right {
  margin-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-right {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-right {
    margin-right: 16px;
  }
}

.m-box-bottom {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-bottom {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-bottom {
    margin-bottom: 16px;
  }
}

.m-box-left {
  margin-left: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-box-left {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-box-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-box-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-box-left {
    margin-left: 16px;
  }
}

.m-xl, .m-xl-all {
  margin: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl, .m-xl-all {
    margin: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl, .m-xl-all {
    margin: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl, .m-xl-all {
    margin: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl, .m-xl-all {
    margin: 16px;
  }
}

.m-xl-h {
  margin-left: 40px;
  margin-right: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-h {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-h {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-h {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.m-xl-v {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-v {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-v {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-v {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.m-xl-top {
  margin-top: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-top {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-top {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-top {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-top {
    margin-top: 16px;
  }
}

.m-xl-right {
  margin-right: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-right {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-right {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-right {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-right {
    margin-right: 16px;
  }
}

.m-xl-bottom {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-bottom {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-bottom {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-bottom {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-bottom {
    margin-bottom: 16px;
  }
}

.m-xl-left {
  margin-left: 40px;
}
@media only screen and (max-width: 1552px) {
  .m-xl-left {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xl-left {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xl-left {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xl-left {
    margin-left: 16px;
  }
}

.m-l, .m-l-all {
  margin: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l, .m-l-all {
    margin: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l, .m-l-all {
    margin: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l, .m-l-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l, .m-l-all {
    margin: 16px;
  }
}

.m-l-h {
  margin-left: 32px;
  margin-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-h {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-h {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.m-l-v {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-v {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-v {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.m-l-top {
  margin-top: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-top {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-top {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-top {
    margin-top: 16px;
  }
}

.m-l-right {
  margin-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-right {
    margin-right: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-right {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-right {
    margin-right: 16px;
  }
}

.m-l-bottom {
  margin-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-bottom {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-bottom {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-bottom {
    margin-bottom: 16px;
  }
}

.m-l-left {
  margin-left: 32px;
}
@media only screen and (max-width: 1552px) {
  .m-l-left {
    margin-left: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-l-left {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .m-l-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-l-left {
    margin-left: 16px;
  }
}

.m, .m-all, .m-m, .m-m-all {
  margin: 24px;
}
@media only screen and (max-width: 1552px) {
  .m, .m-all, .m-m, .m-m-all {
    margin: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m, .m-all, .m-m, .m-m-all {
    margin: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m, .m-all, .m-m, .m-m-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m, .m-all, .m-m, .m-m-all {
    margin: 12px;
  }
}

.m-h, .m-m-h {
  margin-left: 24px;
  margin-right: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-h, .m-m-h {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-h, .m-m-h {
    margin-left: 19.9992px;
    margin-right: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-h, .m-m-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-h, .m-m-h {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.m-v, .m-m-v {
  margin-top: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-v, .m-m-v {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-v, .m-m-v {
    margin-top: 19.9992px;
    margin-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-v, .m-m-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-v, .m-m-v {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.m-top, .m-m-top {
  margin-top: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-top, .m-m-top {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-top, .m-m-top {
    margin-top: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-top, .m-m-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-top, .m-m-top {
    margin-top: 12px;
  }
}

.m-right, .m-m-right {
  margin-right: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-right, .m-m-right {
    margin-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-right, .m-m-right {
    margin-right: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-right, .m-m-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-right, .m-m-right {
    margin-right: 12px;
  }
}

.m-bottom, .m-m-bottom {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-bottom, .m-m-bottom {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-bottom, .m-m-bottom {
    margin-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-bottom, .m-m-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-bottom, .m-m-bottom {
    margin-bottom: 12px;
  }
}

.m-left, .m-m-left {
  margin-left: 24px;
}
@media only screen and (max-width: 1552px) {
  .m-left, .m-m-left {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-left, .m-m-left {
    margin-left: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .m-left, .m-m-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-left, .m-m-left {
    margin-left: 12px;
  }
}

.m-s, .m-s-all {
  margin: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s, .m-s-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s, .m-s-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s, .m-s-all {
    margin: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s, .m-s-all {
    margin: 12px;
  }
}

.m-s-h {
  margin-left: 16px;
  margin-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-h {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-h {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.m-s-v {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-v {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-v {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}

.m-s-top {
  margin-top: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-top {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-top {
    margin-top: 12px;
  }
}

.m-s-right {
  margin-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-right {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-right {
    margin-right: 12px;
  }
}

.m-s-bottom {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-bottom {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-bottom {
    margin-bottom: 12px;
  }
}

.m-s-left {
  margin-left: 16px;
}
@media only screen and (max-width: 1552px) {
  .m-s-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-s-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .m-s-left {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .m-s-left {
    margin-left: 12px;
  }
}

.m-xs, .m-xs-all {
  margin: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs, .m-xs-all {
    margin: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs, .m-xs-all {
    margin: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs, .m-xs-all {
    margin: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs, .m-xs-all {
    margin: 6px;
  }
}

.m-xs-h {
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-h {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-h {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-h {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-h {
    margin-left: 6px;
    margin-right: 6px;
  }
}

.m-xs-v {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-v {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-v {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-v {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-v {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}

.m-xs-top {
  margin-top: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-top {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-top {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-top {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-top {
    margin-top: 6px;
  }
}

.m-xs-right {
  margin-right: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-right {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-right {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-right {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-right {
    margin-right: 6px;
  }
}

.m-xs-bottom {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-bottom {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-bottom {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-bottom {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-bottom {
    margin-bottom: 6px;
  }
}

.m-xs-left {
  margin-left: 8px;
}
@media only screen and (max-width: 1552px) {
  .m-xs-left {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xs-left {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xs-left {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xs-left {
    margin-left: 6px;
  }
}

.m-xxs, .m-xxs-all {
  margin: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs, .m-xxs-all {
    margin: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs, .m-xxs-all {
    margin: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs, .m-xxs-all {
    margin: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs, .m-xxs-all {
    margin: 4px;
  }
}

.m-xxs-h {
  margin-left: 4px;
  margin-right: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-h {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-h {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-h {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-h {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.m-xxs-v {
  margin-top: 4px;
  margin-bottom: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-v {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-v {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-v {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-v {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}

.m-xxs-top {
  margin-top: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-top {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-top {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-top {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-top {
    margin-top: 4px;
  }
}

.m-xxs-right {
  margin-right: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-right {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-right {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-right {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-right {
    margin-right: 4px;
  }
}

.m-xxs-bottom {
  margin-bottom: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-bottom {
    margin-bottom: 4px;
  }
}

.m-xxs-left {
  margin-left: 4px;
}
@media only screen and (max-width: 1552px) {
  .m-xxs-left {
    margin-left: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .m-xxs-left {
    margin-left: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .m-xxs-left {
    margin-left: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .m-xxs-left {
    margin-left: 4px;
  }
}

/* 
    #ANCHOR Padding 
*/
.p-content, .p-content-all {
  padding: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content, .p-content-all {
    padding: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content, .p-content-all {
    padding: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content, .p-content-all {
    padding: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content, .p-content-all {
    padding: 40px;
  }
}

.p-content-h {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-h {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-h {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-h {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-h {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.p-content-v {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-v {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-v {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-v {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-v {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.p-content-top {
  padding-top: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-top {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-top {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-top {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-top {
    padding-top: 40px;
  }
}

.p-content-right {
  padding-right: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-right {
    padding-right: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-right {
    padding-right: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-right {
    padding-right: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-right {
    padding-right: 40px;
  }
}

.p-content-bottom {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-bottom {
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-bottom {
    padding-bottom: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-bottom {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-bottom {
    padding-bottom: 40px;
  }
}

.p-content-left {
  padding-left: 80px;
}
@media only screen and (max-width: 1552px) {
  .p-content-left {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-content-left {
    padding-left: 64px;
  }
}
@media only screen and (max-width: 991px) {
  .p-content-left {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 478px) {
  .p-content-left {
    padding-left: 40px;
  }
}

.p-section, .p-section-all {
  padding: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section, .p-section-all {
    padding: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section, .p-section-all {
    padding: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section, .p-section-all {
    padding: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section, .p-section-all {
    padding: 16px;
  }
}

.p-section-h {
  padding-left: 64px;
  padding-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-h {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-h {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-section-v {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-v {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-v {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.p-section-top {
  padding-top: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-top {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-top {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-top {
    padding-top: 16px;
  }
}

.p-section-right {
  padding-right: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-right {
    padding-right: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-right {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-right {
    padding-right: 16px;
  }
}

.p-section-bottom {
  padding-bottom: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-bottom {
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-bottom {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-bottom {
    padding-bottom: 16px;
  }
}

.p-section-left {
  padding-left: 64px;
}
@media only screen and (max-width: 1552px) {
  .p-section-left {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-section-left {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-section-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-section-left {
    padding-left: 16px;
  }
}

.p-box, .p-box-all {
  padding: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box, .p-box-all {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box, .p-box-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box, .p-box-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box, .p-box-all {
    padding: 16px;
  }
}

.p-box-h {
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-box-v {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.p-box-top {
  padding-top: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-top {
    padding-top: 16px;
  }
}

.p-box-right {
  padding-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-right {
    padding-right: 16px;
  }
}

.p-box-bottom {
  padding-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-bottom {
    padding-bottom: 16px;
  }
}

.p-box-left {
  padding-left: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-box-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-box-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-box-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-box-left {
    padding-left: 16px;
  }
}

.p-xl, .p-xl-all {
  padding: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl, .p-xl-all {
    padding: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl, .p-xl-all {
    padding: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl, .p-xl-all {
    padding: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl, .p-xl-all {
    padding: 16px;
  }
}

.p-xl-h {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-h {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-h {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-xl-v {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-v {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-v {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.p-xl-top {
  padding-top: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-top {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-top {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-top {
    padding-top: 16px;
  }
}

.p-xl-right {
  padding-right: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-right {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-right {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-right {
    padding-right: 16px;
  }
}

.p-xl-bottom {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-bottom {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-bottom {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-bottom {
    padding-bottom: 16px;
  }
}

.p-xl-left {
  padding-left: 40px;
}
@media only screen and (max-width: 1552px) {
  .p-xl-left {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xl-left {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xl-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xl-left {
    padding-left: 16px;
  }
}

.p-l, .p-l-all {
  padding: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l, .p-l-all {
    padding: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l, .p-l-all {
    padding: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l, .p-l-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l, .p-l-all {
    padding: 16px;
  }
}

.p-l-h {
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-h {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.p-l-v {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-v {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.p-l-top {
  padding-top: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-top {
    padding-top: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-top {
    padding-top: 16px;
  }
}

.p-l-right {
  padding-right: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-right {
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-right {
    padding-right: 16px;
  }
}

.p-l-bottom {
  padding-bottom: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-bottom {
    padding-bottom: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-bottom {
    padding-bottom: 16px;
  }
}

.p-l-left {
  padding-left: 32px;
}
@media only screen and (max-width: 1552px) {
  .p-l-left {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-l-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .p-l-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-l-left {
    padding-left: 16px;
  }
}

.p, .p-all, .p-m, .p-m-all {
  padding: 24px;
}
@media only screen and (max-width: 1552px) {
  .p, .p-all, .p-m, .p-m-all {
    padding: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p, .p-all, .p-m, .p-m-all {
    padding: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p, .p-all, .p-m, .p-m-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p, .p-all, .p-m, .p-m-all {
    padding: 12px;
  }
}

.p-h, .p-m-h {
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-h, .p-m-h {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-h, .p-m-h {
    padding-left: 19.9992px;
    padding-right: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-h, .p-m-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-h, .p-m-h {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.p-v, .p-m-v {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-v, .p-m-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-v, .p-m-v {
    padding-top: 19.9992px;
    padding-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-v, .p-m-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-v, .p-m-v {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.p-top, .p-m-top {
  padding-top: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-top, .p-m-top {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-top, .p-m-top {
    padding-top: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-top, .p-m-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-top, .p-m-top {
    padding-top: 12px;
  }
}

.p-right, .p-m-right {
  padding-right: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-right, .p-m-right {
    padding-right: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-right, .p-m-right {
    padding-right: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-right, .p-m-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-right, .p-m-right {
    padding-right: 12px;
  }
}

.p-bottom, .p-m-bottom {
  padding-bottom: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-bottom, .p-m-bottom {
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-bottom, .p-m-bottom {
    padding-bottom: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-bottom, .p-m-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-bottom, .p-m-bottom {
    padding-bottom: 12px;
  }
}

.p-left, .p-m-left {
  padding-left: 24px;
}
@media only screen and (max-width: 1552px) {
  .p-left, .p-m-left {
    padding-left: 24px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-left, .p-m-left {
    padding-left: 19.9992px;
  }
}
@media only screen and (max-width: 991px) {
  .p-left, .p-m-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-left, .p-m-left {
    padding-left: 12px;
  }
}

.p-s, .p-s-all {
  padding: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s, .p-s-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s, .p-s-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s, .p-s-all {
    padding: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s, .p-s-all {
    padding: 12px;
  }
}

.p-s-h {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-h {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-h {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.p-s-v {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-v {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-v {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.p-s-top {
  padding-top: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-top {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-top {
    padding-top: 12px;
  }
}

.p-s-right {
  padding-right: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-right {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-right {
    padding-right: 12px;
  }
}

.p-s-bottom {
  padding-bottom: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-bottom {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-bottom {
    padding-bottom: 12px;
  }
}

.p-s-left {
  padding-left: 16px;
}
@media only screen and (max-width: 1552px) {
  .p-s-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-s-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .p-s-left {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 478px) {
  .p-s-left {
    padding-left: 12px;
  }
}

.p-xs, .p-xs-all {
  padding: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs, .p-xs-all {
    padding: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs, .p-xs-all {
    padding: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs, .p-xs-all {
    padding: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs, .p-xs-all {
    padding: 6px;
  }
}

.p-xs-h {
  padding-left: 8px;
  padding-right: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-h {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-h {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-h {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-h {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.p-xs-v {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-v {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-v {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-v {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-v {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.p-xs-top {
  padding-top: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-top {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-top {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-top {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-top {
    padding-top: 6px;
  }
}

.p-xs-right {
  padding-right: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-right {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-right {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-right {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-right {
    padding-right: 6px;
  }
}

.p-xs-bottom {
  padding-bottom: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-bottom {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-bottom {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-bottom {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-bottom {
    padding-bottom: 6px;
  }
}

.p-xs-left {
  padding-left: 8px;
}
@media only screen and (max-width: 1552px) {
  .p-xs-left {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xs-left {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xs-left {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xs-left {
    padding-left: 6px;
  }
}

.p-xxs, .p-xxs-all {
  padding: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs, .p-xxs-all {
    padding: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs, .p-xxs-all {
    padding: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs, .p-xxs-all {
    padding: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs, .p-xxs-all {
    padding: 4px;
  }
}

.p-xxs-h {
  padding-left: 4px;
  padding-right: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-h {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-h {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-h {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-h {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.p-xxs-v {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-v {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-v {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-v {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-v {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.p-xxs-top {
  padding-top: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-top {
    padding-top: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-top {
    padding-top: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-top {
    padding-top: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-top {
    padding-top: 4px;
  }
}

.p-xxs-right {
  padding-right: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-right {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-right {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-right {
    padding-right: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-right {
    padding-right: 4px;
  }
}

.p-xxs-bottom {
  padding-bottom: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-bottom {
    padding-bottom: 4px;
  }
}

.p-xxs-left {
  padding-left: 4px;
}
@media only screen and (max-width: 1552px) {
  .p-xxs-left {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 1279px) {
  .p-xxs-left {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 991px) {
  .p-xxs-left {
    padding-left: 4px;
  }
}
@media only screen and (max-width: 478px) {
  .p-xxs-left {
    padding-left: 4px;
  }
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR is-hidden 
*/
.is-hidden {
  display: none !important;
}

/* 
    #ANCHOR is-visible 
*/
.is-visible {
  display: unset;
  animation: blendIn;
  animation-timing-function: cubic-bezier(0.35, 0.35, 0.4, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}

/* 
    #ANCHOR Imports 
*/
/* 
    #ANCHOR Block
*/
.block {
  display: block;
}

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

/* 
    #ANCHOR Shadows
*/
.shadow0 {
  box-shadow: var(--shadow0);
  outline: 1px solid var(--shadow_outline);
}

.shadow {
  box-shadow: var(--shadow);
  outline: 1px solid var(--shadow_outline);
}

.shadow1 {
  box-shadow: var(--shadow1);
  outline: 1px solid var(--shadow_outline);
}

.shadow2 {
  box-shadow: var(--shadow2);
  outline: 1px solid var(--shadow_outline);
}

.shadow3 {
  box-shadow: var(--shadow3);
  outline: 1px solid var(--shadow_outline);
}

/* 
    #ANCHOR Headlines
*/
.ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6, .ds .tc-headline {
  color: var(--headline);
}

/* 
    #ANCHOR Text Color Classes 
*/
.tc-default {
  color: var(--text) !important;
}

.tc-strong {
  color: var(--text_strong) !important;
}

.tc-medium {
  color: var(--text_medium) !important;
}

.tc-subtle {
  color: var(--text_subtle) !important;
}

.tc-primary {
  color: var(--primary) !important;
}

.tc-secondary {
  color: var(--secondary) !important;
}

.tc-color1 {
  color: var(--color1) !important;
}

.tc-color2 {
  color: var(--color2) !important;
}

.tc-color3 {
  color: var(--color3) !important;
}

.tc-color4 {
  color: var(--color4) !important;
}

.tc-color5 {
  color: var(--color5) !important;
}

.tc-color6 {
  color: var(--color6) !important;
}

.tc-info {
  color: var(--info) !important;
}

.tc-success {
  color: var(--success) !important;
}

.tc-warning {
  color: var(--warning) !important;
}

.tc-danger {
  color: var(--danger) !important;
}

.tc-note {
  color: var(--note) !important;
}

/* 
    #ANCHOR Background Classes 
*/
.bg, .bg-i, .bg-default-i, .bg1-i, .bg-default, .bg1 {
  background-color: var(--bg);
}
.bg-i, .bg-default-i, .bg1-i {
  background-color: var(--bg) !important;
}

.bg2, .bg2-i {
  background-color: var(--bg2);
}
.bg2-i {
  background-color: var(--bg2) !important;
}

.bg2t, .bg2t-i {
  background-color: var(--bg2_t);
}
.bg2t-i {
  background-color: var(--bg2_t) !important;
}

.bg3, .bg3-i {
  background-color: var(--bg3);
}
.bg3-i {
  background-color: var(--bg3) !important;
}

.bg3t, .bg3t-i {
  background-color: var(--bg3_t);
}
.bg3t-i {
  background-color: var(--bg3_t) !important;
}

.bg-primary, .bg-primary-i {
  background-color: var(--primary);
}
.bg-primary-i {
  background-color: var(--primary) !important;
}

.bg-secondary, .bg-secondary-i {
  background-color: var(--secondary);
}
.bg-secondary-i {
  background-color: var(--secondary) !important;
}

.bg-info, .bg-info-i {
  background-color: var(--info_bg);
}
.bg-info-i {
  background-color: var(--info_bg) !important;
}

.bg-success, .bg-success-i {
  background-color: var(--success_bg);
}
.bg-success-i {
  background-color: var(--success_bg) !important;
}

.bg-warning, .bg-warning-i {
  background-color: var(--warning_bg);
}
.bg-warning-i {
  background-color: var(--warning_bg) !important;
}

.bg-danger, .bg-danger-i {
  background-color: var(--danger_bg);
}
.bg-danger-i {
  background-color: var(--danger_bg) !important;
}

.bg-note, .bg-note-i {
  background-color: var(--note_bg);
}
.bg-note-i {
  background-color: var(--note_bg) !important;
}

.bg-info-strong, .bg-info-strong-i {
  background-color: var(--info);
}
.bg-info-strong-i {
  background-color: var(--info) !important;
}

.bg-success-strong, .bg-success-strong-i {
  background-color: var(--success);
}
.bg-success-strong-i {
  background-color: var(--success) !important;
}

.bg-warning-strong, .bg-warning-strong-i {
  background-color: var(--warning);
}
.bg-warning-strong-i {
  background-color: var(--warning) !important;
}

.bg-danger-strong, .bg-danger-strong-i {
  background-color: var(--danger);
}
.bg-danger-strong-i {
  background-color: var(--danger) !important;
}

.bg-note-strong, .bg-note-strong-i {
  background-color: var(--note);
}
.bg-note-strong-i {
  background-color: var(--note) !important;
}

/* 
    #ANCHOR Style Classes 
*/
.style-default {
  color: var(--text);
  background-color: var(--bg);
}
.style-default h1, .style-default h2, .style-default h3, .style-default h4, .style-default h5, .style-default h6, .style-default .tc-headline {
  color: var(--headline_color);
}

.style-primary {
  --bg: var(--primary);
  --text: var(--text_on_primary);
  --text_strong: var(--text_on_primary_strong);
  --text_medium: var(--text_on_primary_medium);
  --text_subtle: var(--text_on_primary_subtle);
  --border_color: var(--border_color_on_primary);
  --border_color_strongest: var(--border_color_on_primary_strongest);
  --border_color_strong: var(--border_color_on_primary_strong);
  --border_color_medium: var(--border_color_on_primary_medium);
  --border_color_subtle: var(--border_color_on_primary_subtle);
  color: var(--text_on_primary);
  background-color: var(--primary);
}
.style-primary h1, .style-primary h2, .style-primary h3, .style-primary h4, .style-primary h5, .style-primary h6, .style-primary .tc-headline {
  color: var(--text_on_primary);
}
.style-primary a:not(.bricks-button):not(.icon-button).button,
.style-primary a.link:not(.bricks-button):not(.icon-button).button {
  color: var(--primary) !important;
  background-color: var(--on_primary) !important;
}
.style-primary .ds a:not(.bricks-button):not(.icon-button),
.style-primary a.ds:not(.bricks-button):not(.icon-button),
.style-primary a.link:not(.bricks-button):not(.icon-button),
.style-primary .ds input[type=submit].button {
  color: var(--link_on_primary);
  text-decoration: none;
}
.style-primary .ds a:not(.bricks-button):not(.icon-button):hover,
.style-primary a.ds:not(.bricks-button):not(.icon-button):hover,
.style-primary a.link:not(.bricks-button):not(.icon-button):hover,
.style-primary .ds input[type=submit].button:hover {
  color: var(--link_on_primary_hover);
  text-decoration: none;
}
.style-primary a.icon-button,
.style-primary button.icon-button {
  color: var(--link_on_primary);
}
.style-primary a.icon-button:hover,
.style-primary button.icon-button:hover {
  color: var(--link_on_primary_hover);
}
.style-primary .b, .style-primary .b-top, .style-primary .b-right, .style-primary .b-bottom, .style-primary .b-left {
  border-color: var(--border_color_on_primary_medium);
}
.style-primary.b, .style-primary.b-top, .style-primary.b-right, .style-primary.b-bottom, .style-primary.b-left {
  border-color: var(--border_color_on_primary_medium);
}
.style-primary .b-strongest, .style-primary .b-strongest-top, .style-primary .b-strongest-right, .style-primary .b-strongest-bottom, .style-primary .b-strongest-left {
  border-color: var(--border_color_on_primary_strongest);
}
.style-primary.b-strongest, .style-primary.b-strongest-top, .style-primary.b-strongest-right, .style-primary.b-strongest-bottom, .style-primary.b-strongest-left {
  border-color: var(--border_color_on_primary_strongest);
}
.style-primary .b-strong, .style-primary .b-strong-top, .style-primary .b-strong-right, .style-primary .b-strong-bottom, .style-primary .b-strong-left {
  border-color: var(--border_color_on_primary_strong);
}
.style-primary.b-strong, .style-primary.b-strong-top, .style-primary.b-strong-right, .style-primary.b-strong-bottom, .style-primary.b-strong-left {
  border-color: var(--border_color_on_primary_strong);
}
.style-primary .b-medium, .style-primary .b-medium-top, .style-primary .b-medium-right, .style-primary .b-medium-bottom, .style-primary .b-medium-left {
  border-color: var(--border_color_on_primary_medium);
}
.style-primary.b-medium, .style-primary.b-medium-top, .style-primary.b-medium-right, .style-primary.b-medium-bottom, .style-primary.b-medium-left {
  border-color: var(--border_color_on_primary_medium);
}
.style-primary .b-subtle, .style-primary .b-subtle-top, .style-primary .b-subtle-right, .style-primary .b-subtle-bottom, .style-primary .b-subtle-left {
  border-color: var(--border_color_on_primary_subtle);
}
.style-primary.b-subtle, .style-primary.b-subtle-top, .style-primary.b-subtle-right, .style-primary.b-subtle-bottom, .style-primary.b-subtle-left {
  border-color: var(--border_color_on_primary_subtle);
}

.style-primary-soft {
  color: var(--primary);
  background-color: rgba(var(--primary_r), var(--primary_g), var(--primary_g), 0.1);
}
.style-primary-soft h1, .style-primary-soft h2, .style-primary-soft h3, .style-primary-soft h4, .style-primary-soft h5, .style-primary-soft h6, .style-primary-soft .tc-headline {
  color: var(--primary);
}

.style-secondary {
  --bg: var(--secondary);
  --text: var(--text_on_secondary);
  --text_strong: var(--text_on_secondary_strong);
  --text_medium: var(--text_on_secondary_medium);
  --text_subtle: var(--text_on_secondary_subtle);
  --border_color: var(--border_color_on_primary);
  --border_color_strongest: var(--border_color_on_primary_strongest);
  --border_color_strong: var(--border_color_on_primary_strong);
  --border_color_medium: var(--border_color_on_primary_medium);
  --border_color_subtle: var(--border_color_on_primary_subtle);
  color: var(--text_on_secondary);
  background-color: var(--secondary);
}
.style-secondary h1, .style-secondary h2, .style-secondary h3, .style-secondary h4, .style-secondary h5, .style-secondary h6, .style-secondary .tc-headline {
  color: var(--text_on_secondary);
}
.style-secondary a:not(.bricks-button):not(.icon-button).button,
.style-secondary a.link:not(.bricks-button):not(.icon-button).button {
  color: var(--secondary) !important;
  background-color: var(--on_secondary) !important;
}
.style-secondary .ds a:not(.bricks-button):not(.icon-button),
.style-secondary a.ds:not(.bricks-button):not(.icon-button),
.style-secondary a.link:not(.bricks-button):not(.icon-button),
.style-secondary .ds input[type=submit].button {
  color: var(--link_on_secondary);
  text-decoration: none;
}
.style-secondary .ds a:not(.bricks-button):not(.icon-button):hover,
.style-secondary a.ds:not(.bricks-button):not(.icon-button):hover,
.style-secondary a.link:not(.bricks-button):not(.icon-button):hover,
.style-secondary .ds input[type=submit].button:hover {
  color: var(--link_on_secondary_hover);
  text-decoration: none;
}
.style-secondary a.icon-button,
.style-secondary button.icon-button {
  color: var(--link_on_secondary);
}
.style-secondary a.icon-button:hover,
.style-secondary button.icon-button:hover {
  color: var(--link_on_secondary_hover);
}
.style-secondary .b, .style-secondary .b-top, .style-secondary .b-right, .style-secondary .b-bottom, .style-secondary .b-left {
  border-color: var(--border_color_on_secondary_medium);
}
.style-secondary.b, .style-secondary.b-top, .style-secondary.b-right, .style-secondary.b-bottom, .style-secondary.b-left {
  border-color: var(--border_color_on_secondary_medium);
}
.style-secondary .b-strongest, .style-secondary .b-strongest-top, .style-secondary .b-strongest-right, .style-secondary .b-strongest-bottom, .style-secondary .b-strongest-left {
  border-color: var(--border_color_on_secondary_strongest);
}
.style-secondary.b-strongest, .style-secondary.b-strongest-top, .style-secondary.b-strongest-right, .style-secondary.b-strongest-bottom, .style-secondary.b-strongest-left {
  border-color: var(--border_color_on_secondary_strongest);
}
.style-secondary .b-strong, .style-secondary .b-strong-top, .style-secondary .b-strong-right, .style-secondary .b-strong-bottom, .style-secondary .b-strong-left {
  border-color: var(--border_color_on_secondary_strong);
}
.style-secondary.b-strong, .style-secondary.b-strong-top, .style-secondary.b-strong-right, .style-secondary.b-strong-bottom, .style-secondary.b-strong-left {
  border-color: var(--border_color_on_secondary_strong);
}
.style-secondary .b-medium, .style-secondary .b-medium-top, .style-secondary .b-medium-right, .style-secondary .b-medium-bottom, .style-secondary .b-medium-left {
  border-color: var(--border_color_on_secondary_medium);
}
.style-secondary.b-medium, .style-secondary.b-medium-top, .style-secondary.b-medium-right, .style-secondary.b-medium-bottom, .style-secondary.b-medium-left {
  border-color: var(--border_color_on_secondary_medium);
}
.style-secondary .b-subtle, .style-secondary .b-subtle-top, .style-secondary .b-subtle-right, .style-secondary .b-subtle-bottom, .style-secondary .b-subtle-left {
  border-color: var(--border_color_on_secondary_subtle);
}
.style-secondary.b-subtle, .style-secondary.b-subtle-top, .style-secondary.b-subtle-right, .style-secondary.b-subtle-bottom, .style-secondary.b-subtle-left {
  border-color: var(--border_color_on_secondary_subtle);
}

.style-info {
  color: var(--info);
  background-color: var(--info_bg);
}
.style-info h1, .style-info h2, .style-info h3, .style-info h4, .style-info h5, .style-info h6, .style-info .tc-headline {
  color: var(--info);
}

a.style-info {
  color: var(--info) !important;
}
a.style-info:hover {
  text-decoration: underline !important;
}

.style-success {
  color: var(--success);
  background-color: var(--success_bg);
}
.style-success h1, .style-success h2, .style-success h3, .style-success h4, .style-success h5, .style-success h6, .style-success .tc-headline {
  color: var(--success);
}

.style-warning {
  color: var(--warning);
  background-color: var(--warning_bg);
}
.style-warning h1, .style-warning h2, .style-warning h3, .style-warning h4, .style-warning h5, .style-warning h6, .style-warning .tc-headline {
  color: var(--warning);
}

.style-danger {
  color: var(--danger);
  background-color: var(--danger_bg);
}
.style-danger h1, .style-danger h2, .style-danger h3, .style-danger h4, .style-danger h5, .style-danger h6, .style-danger .tc-headline {
  color: var(--danger);
}

.style-note {
  color: var(--note);
  background-color: var(--note_bg);
}
.style-note h1, .style-note h2, .style-note h3, .style-note h4, .style-note h5, .style-note h6, .style-note .tc-headline {
  color: var(--note);
}

.style-neutral {
  color: var(--grey11);
  background-color: var(--grey3);
}
.style-neutral h1, .style-neutral h2, .style-neutral h3, .style-neutral h4, .style-neutral h5, .style-neutral h6, .style-neutral .tc-headline {
  color: var(--grey11);
}

/*
    #ANCHOR Imports
*/
/*
    #ANCHOR Asset Briefing Grid
*/
.oxg-asset-briefing-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
@media only screen and (max-width: 991px) {
  .oxg-asset-briefing-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .oxg-asset-briefing-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* 
    #ANCHOR Imports
*/
/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/
.qs-datepicker-container {
  font-size: 1rem;
  font-family: sans-serif;
  color: black;
  position: absolute;
  width: 15.625em;
  display: flex;
  flex-direction: column;
  z-index: 9001;
  user-select: none;
  border: 1px solid gray;
  border-radius: 0.263921875em;
  overflow: hidden;
  background: white;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
}
.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}
.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}
.qs-overlay .qs-overlay-year {
  border: none;
  background: transparent;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.qs-overlay .qs-submit {
  border: 1px solid white;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.4);
}
.qs-overlay .qs-submit.qs-disabled {
  color: gray;
  border-color: gray;
  cursor: not-allowed;
}
.qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.qs-overlay .qs-overlay-month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 3);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: lightgray;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.263921875em;
  transition: background 0.15s;
}
.qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.qs-arrow:hover.qs-left:after {
  border-right-color: black;
}
.qs-arrow:hover.qs-right:after {
  border-left-color: black;
}
.qs-arrow:after {
  content: "";
  border: 0.390625em solid transparent;
  position: absolute;
  top: 50%;
  transition: border 0.2s;
}
.qs-arrow.qs-left:after {
  border-right-color: gray;
  right: 50%;
  transform: translate(25%, -50%);
}
.qs-arrow.qs-right:after {
  border-left-color: gray;
  left: 50%;
  transform: translate(-25%, -50%);
}

.qs-month-year {
  font-weight: bold;
  transition: border 0.2s;
  border-bottom: 1px solid transparent;
}
.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}
.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom: 1px solid gray;
}
.qs-month-year:focus, .qs-month-year:active:focus {
  outline: none;
}

.qs-month {
  padding-right: 0.5ex;
}

.qs-year {
  padding-left: 0.5ex;
}

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  width: calc(100% / 7);
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s;
  border-radius: 0.263921875em;
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-current {
  font-weight: bold;
  text-decoration: underline;
}

/*
  3 possibilities:
    1. Single, active date.
    2. Daterange start selection.
    3. Daterange end selection.
*/
.qs-active,
.qs-range-start,
.qs-range-end {
  background: lightblue;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: #d4ebf2;
}
.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}
.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-range-end:not(.qs-range-0) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled,
.qs-outside-current-month {
  opacity: 0.2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-empty {
  cursor: default;
}

.qs-day {
  cursor: default;
  font-weight: bold;
  color: gray;
}

.qs-event {
  position: relative;
}
.qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

/* 
    #ANCHOR Font Default
*/
.font-default {
  font-family: "Inter Regular", Helvetica, Arial, sans-serif !important;
}
.font-default.fw300 {
  font-family: "Inter Light", Helvetica, Arial, sans-serif !important;
}
.font-default.fw500 {
  font-family: "Inter Medium", Helvetica, Arial, sans-serif !important;
}
.font-default.fw700 {
  font-family: "Inter Bold", Helvetica, Arial, sans-serif !important;
}

/* 
    #ANCHOR Display
*/
.is-block {
  display: block;
}

.is-inline-block {
  display: inline-block;
}

.is-inline {
  display: inline;
}

/* 
    #ANCHOR Position
*/
.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

/* 
    #ANCHOR No Overflow
*/
.overflow-hidden, .overflow-hidden-i {
  overflow: hidden;
}
.overflow-hidden-i {
  overflow: hidden !important;
}

.no-overflow, .no-overflow-i {
  overflow: visible !important;
}
.no-overflow-i {
  overflow: visible !important;
}

/* 
    #ANCHOR No Border
*/
.no-b, .no-b-i {
  border: none;
}
.no-b-i {
  border: none !important;
}

/* 
    #ANCHOR No Padding
*/
.no-p, .no-p-i {
  padding: 0;
}
.no-p-i {
  padding: 0 !important;
}

/* 
    #ANCHOR No Margin
*/
.no-m, .no-m-i {
  margin: 0;
}
.no-m-i {
  margin: 0 !important;
}

/* 
    #ANCHOR No Border Radius
*/
.no-br, .no-br-i {
  border-radius: 0;
}
.no-br-i {
  border-radius: 0 !important;
}

/* 
    #ANCHOR Margin & Padding
*/
.omit-p-top {
  padding-top: 0 !important;
}
.omit-p-right {
  padding-right: 0 !important;
}
.omit-p-bottom {
  padding-bottom: 0 !important;
}
.omit-p-left {
  padding-left: 0 !important;
}
.omit-p-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.omit-p-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.omit-p {
  padding: 0 !important;
}
.omit-m-top {
  margin-top: 0 !important;
}
.omit-m-right {
  margin-right: 0 !important;
}
.omit-m-bottom {
  margin-bottom: 0 !important;
}
.omit-m-left {
  margin-left: 0 !important;
}
.omit-m-h {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.omit-m-v {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.omit-m {
  margin: 0 !important;
}

/* 
    #ANCHOR JS Datepicker
*/
.qs-datepicker-container {
  border: 1px solid var(--grey6_t);
  box-shadow: var(--shadow);
  font-family: "Inter Bold", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.qs-controls {
  background: var(--bg);
  color: var(--link);
  padding: 4px;
  border-bottom: 1px solid var(--grey6_t);
}

.qs-datepicker-container:not(.qs-hidden) .qs-arrow.qs-right:after {
  border-left-color: var(--link);
}
.qs-datepicker-container:not(.qs-hidden) .qs-arrow.qs-left:after {
  border-right-color: var(--link);
}
.qs-datepicker-container:not(.qs-hidden) .qs-arrow:hover {
  background: var(--bg3);
}

.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom-color: var(--on_primary);
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: var(--bg3);
}

.qs-active, .qs-range-start, .qs-range-end {
  background: var(--primary);
  color: var(--on_primary);
}

.qs-overlay {
  background: var(--bg);
  color: var(--primary);
}
.qs-overlay .qs-overlay-month-container {
  margin-bottom: 8px;
}
.qs-overlay .qs-overlay-year {
  background: var(--grey4);
  border-bottom: 0;
  color: var(--text);
  padding: 0;
  border-radius: 8px;
  margin-bottom: 8px;
}
.qs-overlay .qs-overlay-year:focus {
  background: var(--bg);
  outline: 2px solid var(--primary);
  border-radius: 4px;
  border-bottom: 0;
}
.qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  color: var(--button_text);
  background: var(--button);
}
.qs-overlay .qs-submit.qs-disabled {
  border-color: var(--grey4);
  color: var(--grey6);
}
.qs-overlay .qs-submit.qs-disabled:hover {
  border-color: var(--grey4);
  color: var(--grey6);
}
.qs-overlay .qs-submit:hover {
  color: var(--button_hover_text);
  background: var(--button_hover);
}
.qs-overlay .qs-close {
  color: var(--link);
}
.qs-overlay .qs-close:hover {
  color: var(--link_hover);
}
.qs-overlay .qs-overlay-month {
  opacity: 1;
  color: var(--link);
}
.qs-overlay .qs-overlay-month:hover {
  color: var(--link_hover);
}

html {
  scroll-behavior: smooth;
}

/*# sourceMappingURL=main.css.map*/