/* apps/ecommerce-02/src/styles.scss */
:root {
  --primary1: #101b19;
  --primary2: #006cff;
  --accent1: #f9f8f2;
  --blue-gray: #e2e8f0;
  --secondary1: #101b1908;
  --secondary2: #101b190d;
  --secondary3: #e7e8e8;
  --secondary4: #101b1933;
  --secondary5: #b7bbba;
  --secondary6: #101b1966;
  --secondary1-p2: #f7fbff;
  --secondary2-p2: #101b190d;
  --secondary3-p2: #101b191a;
  --secondary4-p2: #101b1933;
  --secondary5-p2: #101b194d;
  --secondary6-p2: #101b1966;
  --success: #2e7d32;
  --failure: #c62828;
  --warning: #f9a825;
  --information: #0277bd;
  --success2: #f5f8f5;
  --failure2: #fcf4f4;
  --warning2: #fffbf4;
  --information2: #f2f8fc;
  --text-hint: #878d8c;
  --text-white: #ffffff;
  --text-secondary: #e3ddd8;
  --status-pending: #e3ddd8;
  --status-declined: #f0d6cc;
  --status-accepted: #ccd7da;
  --status-delayed: #f0d6a5;
  --status-shipped: #c7bfc9;
  --status-delivered: #c7eea2;
  --status-rejected: #ea0e120d;
}
:root {
  --header1: 2rem;
  --header2: 1.5rem;
  --header3: 1.25rem;
  --header4: 16px;
  --header5: 0.875rem;
  --header6: 0.75rem;
  --paragraph-regular: 16px;
  --paragraph-small: 0.875rem;
  --paragraph-extra-small: 0.75rem;
  --paragraph-mega-small: 0.625rem;
  --font-family-main: "Helvetica Neue", sans-serif;
  --font-family-semi-bold: "Helvetica Neue 500", sans-serif;
  --font-family-bold: "Helvetica Neue 700", sans-serif;
}
:root {
  --shadow-xsmall: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  --shadow-small: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1);
  --shadow-medium: 0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1);
  --shadow-large: 0 10px 15px -3px rgba(16, 24, 40, 0.1), 0 4px 6px -4px rgba(16, 24, 40, 0.1);
  --shadow-xlarge: 0 20px 25px -5px rgba(16, 24, 40, 0.1), 0 8px 10px -6px rgba(16, 24, 40, 0.1);
  --shadow-mega-large: 0 25px 40px -12px rgba(16, 24, 40, 0.25);
  --shadow-auth-card: 0 9px 24px 0 rgba(0, 0, 0, 0.18);
}
button {
  border: 0;
  background: transparent;
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.75;
}
a {
  text-decoration: none;
  color: var(--primary1);
}
.at-rounded-pill {
  border-radius: 50rem;
}
.at-rounded-circle {
  border-radius: 50%;
}
.at-rounded-1 {
  border-radius: 0.25rem;
}
.at-rounded-2 {
  border-radius: 0.5rem;
}
.at-rounded-4 {
  border-radius: 1rem;
}
.at-rounded-5 {
  border-radius: 1.25rem;
}
.at-rounded-6 {
  border-radius: 1.5rem;
}
.at-top-rounded-2 {
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
}
.at-top-rounded-4 {
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
}
.at-bottom-rounded-4 {
  border-end-start-radius: 1rem;
  border-end-end-radius: 1rem;
}
.at-text-center {
  text-align: center;
}
.at-text-start {
  text-align: start;
}
.at-text-end {
  text-align: end;
}
.at-d-block {
  display: block;
}
.at-d-inline-block {
  display: inline-block;
}
.at-d-flex {
  display: flex;
}
.at-d-none {
  display: none;
}
.at-w-25 {
  width: 25%;
}
.at-w-50 {
  width: 50%;
}
.at-w-75 {
  width: 75%;
}
.at-w-100 {
  width: 100%;
}
.at-w-auto {
  width: auto;
}
.at-position-relative {
  position: relative;
}
.at-position-absolute {
  position: absolute;
}
.at-tooltip {
  position: relative;
}
.at-tooltip .at-tooltip-text {
  visibility: hidden;
  min-width: 11rem;
  border-radius: 0.25rem;
  padding: 0.375rem;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: var(--paragraph-extra-small);
  text-align: start;
}
.at-tooltip .at-tooltip-text::after {
  content: "";
  position: absolute;
  border-width: 0.25rem;
  border-style: solid;
}
.at-tooltip.top .at-tooltip-text {
  bottom: 125%;
  inset-inline-start: 50%;
  margin-inline-start: -5.5rem;
}
.at-tooltip.top .at-tooltip-text::after {
  top: 100%;
  inset-inline-start: 50%;
  margin-inline-start: -0.25rem;
  border-color: var(--primary1) transparent transparent transparent;
}
.at-tooltip.start .at-tooltip-text {
  bottom: -100%;
  inset-inline-end: 150%;
}
.at-tooltip.start .at-tooltip-text::after {
  top: 50%;
  inset-inline-end: -4%;
  border-color: transparent transparent transparent var(--primary1);
}
.at-tooltip.bottom .at-tooltip-text {
  top: 125%;
  inset-inline-start: 50%;
  margin-inline-start: -5.5rem;
}
.at-tooltip.bottom .at-tooltip-text::after {
  bottom: 100%;
  inset-inline-start: 50%;
  margin-inline-start: -0.25rem;
  border-color: transparent transparent var(--primary1) transparent;
}
.at-tooltip.end .at-tooltip-text {
  bottom: -125%;
  inset-inline-start: 150%;
}
.at-tooltip.end .at-tooltip-text::after {
  top: 50%;
  inset-inline-start: -4%;
  border-color: transparent var(--primary1) transparent transparent;
}
.at-tooltip.no-tail .at-tooltip-text::after {
  border-color: transparent;
}
.at-tooltip:hover .at-tooltip-text {
  visibility: visible;
  opacity: 1;
}
.field-info {
  position: absolute;
  inset-inline-start: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.at-pointer {
  cursor: pointer;
}
.at-toast {
  padding: 1rem;
  border-radius: 0.5rem;
  color: var(--text-white);
  font-size: var(--paragraph-extra-small);
  font-weight: 400;
  position: fixed;
  top: 0.5rem;
  inset-inline-end: 0.5rem;
  display: none;
  transition: 0.5s opacity ease-in;
  opacity: 0;
  z-index: 3;
}
.at-toast.show {
  display: flex;
  align-items: center;
  opacity: 1;
  z-index: 1001;
}
.at-toast .at-toast-message {
  max-width: 17.5rem;
}
.at-object-contain {
  object-fit: contain;
  -o-object-fit: contain;
}
.at-object-cover {
  object-fit: cover;
  -o-object-fit: cover;
}
.at-text-decoration-underline {
  text-decoration: underline;
}
.at-h-75 {
  height: calc(75vh - 60px);
}
.at-h-100 {
  height: calc(100vh - 60px);
}
.at-opacity-0 {
  opacity: 0;
}
.at-opacity-50 {
  opacity: 50%;
}
.at-of-hidden {
  overflow: hidden;
}
.at-line-height-100 {
  line-height: 100%;
}
.at-line-height-150 {
  line-height: 150%;
}
.at-text-capitalize {
  text-transform: capitalize;
}
.at-appearance-none {
  appearance: none;
}
.at-outline-unset {
  outline: unset;
}
.at-cursor-pointer {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .at-d-md-none {
    display: none;
  }
  .at-d-md-block {
    display: block;
  }
  .at-d-md-inline-block {
    display: inline-block;
  }
  .at-d-md-flex {
    display: flex;
  }
  .at-text-md-center {
    text-align: center;
  }
  .at-text-md-start {
    text-align: start;
  }
  .at-text-md-end {
    text-align: end;
  }
}
@media screen and (min-width: 992px) {
  .at-d-lg-none {
    display: none;
  }
  .at-d-lg-block {
    display: block;
  }
  .at-d-lg-inline-block {
    display: inline-block;
  }
  .at-d-lg-flex {
    display: flex;
  }
  .at-text-lg-center {
    text-align: center;
  }
  .at-text-lg-start {
    text-align: start;
  }
  .at-text-lg-end {
    text-align: end;
  }
}
@media screen and (min-width: 1200px) {
  .at-d-xl-none {
    display: none;
  }
  .at-d-xl-block {
    display: block;
  }
  .at-d-xl-inline-block {
    display: inline-block;
  }
  .at-d-xl-flex {
    display: flex;
  }
  .at-text-xl-center {
    text-align: center;
  }
  .at-text-xl-start {
    text-align: start;
  }
  .at-text-xl-end {
    text-align: end;
  }
  .at-w-xl-100 {
    width: 100%;
  }
  .at-w-xl-auto {
    width: auto;
  }
}
.at-row {
  display: flex;
  flex-wrap: wrap;
}
.at-flex-wrap {
  flex-wrap: wrap;
}
.at-flex-column {
  flex-direction: column;
}
.at-flex-row {
  flex-direction: row;
}
.at-justify-center {
  justify-content: center;
}
.at-justify-between {
  justify-content: space-between;
}
.at-justify-end {
  justify-content: flex-end;
}
.at-align-items-center {
  align-items: center;
}
.at-align-items-start {
  align-items: flex-start;
}
.at-align-items-end {
  align-items: flex-end;
}
.at-align-self-stretch {
  align-self: stretch;
}
.at-col {
  flex: 1 0 0%;
}
.at-col-auto {
  flex: 0 0 auto;
}
.at-col-2 {
  flex: 0 0 auto;
  width: 20%;
}
.at-col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.at-col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.at-col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.at-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.at-col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.at-col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.at-col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.at-gap-1 {
  gap: 0.25rem;
}
.at-gap-2 {
  gap: 0.5rem;
}
.at-gap-4 {
  gap: 1rem;
}
.at-gap-6 {
  gap: 1.5rem;
}
.at-gap-8 {
  gap: 2rem;
}
.at-gap-9 {
  gap: 2.5rem;
}
.at-order-2 {
  order: 2;
}
.at-order-1 {
  order: 1;
}
.at-order-0 {
  order: 0;
}
@media screen and (min-width: 576px) {
  .at-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .at-flex-sm-column {
    flex-direction: column;
  }
  .at-flex-sm-row {
    flex-direction: row;
  }
  .at-justify-sm-center {
    justify-content: center;
  }
  .at-justify-sm-between {
    justify-content: space-between;
  }
  .at-justify-sm-end {
    justify-content: flex-end;
  }
  .at-align-sm-items-center {
    align-items: center;
  }
  .at-align-sm-items-start {
    align-items: flex-start;
  }
  .at-align-sm-items-end {
    align-items: flex-end;
  }
  .at-align-sm-self-stretch {
    align-self: stretch;
  }
  .at-col-sm {
    flex: 1 0 0%;
  }
  .at-col-sm-auto {
    flex: 0 0 auto;
  }
  .at-col-sm-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .at-col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .at-col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .at-col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .at-col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .at-col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .at-col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .at-col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .at-gap-sm-1 {
    gap: 0.25rem;
  }
  .at-gap-sm-2 {
    gap: 0.5rem;
  }
  .at-gap-sm-4 {
    gap: 1rem;
  }
  .at-gap-sm-6 {
    gap: 1.5rem;
  }
  .at-gap-sm-8 {
    gap: 2rem;
  }
  .at-gap-sm-9 {
    gap: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .at-flex-md-wrap {
    flex-wrap: wrap;
  }
  .at-flex-md-column {
    flex-direction: column;
  }
  .at-flex-md-row {
    flex-direction: row;
  }
  .at-justify-md-center {
    justify-content: center;
  }
  .at-justify-md-between {
    justify-content: space-between;
  }
  .at-justify-md-end {
    justify-content: flex-end;
  }
  .at-align-md-items-center {
    align-items: center;
  }
  .at-align-md-items-start {
    align-items: flex-start;
  }
  .at-align-md-items-end {
    align-items: flex-end;
  }
  .at-align-md-self-stretch {
    align-self: stretch;
  }
  .at-col-md {
    flex: 1 0 0%;
  }
  .at-col-md-auto {
    flex: 0 0 auto;
  }
  .at-col-md-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .at-col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .at-col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .at-col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .at-col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .at-col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .at-col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .at-col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .at-gap-md-1 {
    gap: 0.25rem;
  }
  .at-gap-md-2 {
    gap: 0.5rem;
  }
  .at-gap-md-4 {
    gap: 1rem;
  }
  .at-gap-md-6 {
    gap: 1.5rem;
  }
  .at-gap-md-8 {
    gap: 2rem;
  }
  .at-gap-md-9 {
    gap: 2.5rem;
  }
  .at-order-md-2 {
    order: 2;
  }
  .at-order-md-1 {
    order: 1;
  }
  .at-order-md-0 {
    order: 0;
  }
}
@media screen and (min-width: 1200px) {
  .at-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .at-flex-xl-column {
    flex-direction: column;
  }
  .at-flex-xl-row {
    flex-direction: row;
  }
  .at-col-xl {
    flex: 1 0 0%;
  }
  .at-col-xl-auto {
    flex: 0 0 auto;
  }
  .at-col-xl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .at-col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .at-col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .at-col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .at-col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .at-col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .at-col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .at-col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .at-order-xl-2 {
    order: 2;
  }
  .at-order-xl-1 {
    order: 1;
  }
  .at-order-xl-0 {
    order: 0;
  }
}
@media screen and (min-width: 1400px) {
  .at-col-xxl {
    flex: 1 0 0%;
  }
  .at-col-xxl-auto {
    flex: 0 0 auto;
  }
  .at-col-xxl-2 {
    flex: 0 0 auto;
    width: 20%;
  }
  .at-col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .at-col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .at-col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .at-col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .at-col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .at-col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .at-col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
.at-shadow-xsmall {
  box-shadow: var(--shadow-xsmall);
}
.at-shadow-small {
  box-shadow: var(--shadow-small);
}
.at-shadow-medium {
  box-shadow: var(--shadow-medium);
}
.at-shadow-large {
  box-shadow: var(--shadow-large);
}
.at-shadow-xlarge {
  box-shadow: var(--shadow-xlarge);
}
.at-shadow-mega-large {
  box-shadow: var(--shadow-mega-large);
}
.at-shadow-auth-card {
  box-shadow: var(--shadow-auth-card);
}
.at-border {
  border: 1px solid transparent;
}
.at-border-4 {
  border: 4px solid transparent;
}
.at-border-top {
  border-block-start-width: 1px;
  border-block-start-style: solid;
}
.at-border-bottom {
  border-block-end-width: 1px;
  border-block-end-style: solid;
}
.at-border-start {
  border-inline-start: 1px solid transparent;
}
.at-border-end {
  border-inline-end: 1px solid transparent;
}
.at-border-bottom-2 {
  border-block-end: 2px solid transparent;
}
.at-border-unset {
  border: unset;
}
.at-border-none {
  border: 0 !important;
}
@media screen and (min-width: 768px) {
  .at-border-md-bottom {
    border-block-end-width: 1px;
    border-block-end-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .at-border-xl-bottom {
    border-block-end-width: 1px;
    border-block-end-style: solid;
  }
}
.at-border-primary1 {
  border-color: var(--primary1) !important;
}
.at-border-primary2 {
  border-color: var(--primary2);
}
.at-border-secondary1 {
  border-color: var(--secondary1);
}
.at-border-secondary2 {
  border-color: var(--secondary2);
}
.at-border-secondary3 {
  border-color: var(--secondary3);
}
.at-border-secondary4 {
  border-color: var(--secondary4) !important;
}
.at-border-secondary5 {
  border-color: var(--secondary5);
}
.at-border-secondary6 {
  border-color: var(--secondary6);
}
.at-border-success {
  border-color: var(--success);
}
.at-border-failure {
  border-color: var(--failure);
}
.at-border-warning {
  border-color: var(--warning);
}
.at-border-information {
  border-color: var(--information);
}
.at-border-status-pending {
  border-color: var(--status-pending);
}
.at-border-status-declined {
  border-color: var(--status-declined);
}
.at-border-status-accepted {
  border-color: var(--status-accepted);
}
.at-border-status-delayed {
  border-color: var(--status-delayed);
}
.at-border-status-shipped {
  border-color: var(--status-shipped);
}
.at-border-status-delivered {
  border-color: var(--status-delivered);
}
.at-border-blue-gray {
  border-color: var(--blue-gray);
}
.at-text-primary1 {
  color: var(--primary1);
}
.at-text-primary2 {
  color: var(--primary2);
}
.at-text-secondary1 {
  color: var(--secondary1);
}
.at-text-secondary2 {
  color: var(--secondary2);
}
.at-text-secondary3 {
  color: var(--secondary3);
}
.at-text-secondary4 {
  color: var(--secondary4);
}
.at-text-secondary5 {
  color: var(--secondary5);
}
.at-text-secondary6 {
  color: var(--secondary6);
}
.at-text-success {
  color: var(--success);
}
.at-text-failure {
  color: var(--failure);
}
.at-text-warning {
  color: var(--warning);
}
.at-text-information {
  color: var(--information);
}
.at-text-hint {
  color: var(--text-hint);
}
.at-text-white {
  color: var(--text-white);
}
.at-text-secondary {
  color: var(--text-secondary);
}
.at-text-status-pending {
  color: var(--status-pending);
}
.at-text-status-declined {
  color: var(--status-declined);
}
.at-text-status-accepted {
  color: var(--status-accepted);
}
.at-text-status-delayed {
  color: var(--status-delayed);
}
.at-text-status-shipped {
  color: var(--status-shipped);
}
.at-text-status-delivered {
  color: var(--status-delivered);
}
.at-text-primary1-hover:hover {
  color: var(--primary1);
}
.at-text-primary2-hover:hover {
  color: var(--primary2);
}
.at-text-hint-hover:hover {
  color: var(--text-hint);
}
.at-bg-primary1 {
  background: var(--primary1);
}
.at-bg-primary2 {
  background: var(--primary2);
}
.at-bg-secondary1 {
  background: var(--secondary1);
}
.at-bg-secondary2 {
  background: var(--secondary2);
}
.at-bg-secondary3 {
  background: var(--secondary3);
}
.at-bg-secondary4 {
  background: var(--secondary4);
}
.at-bg-secondary5 {
  background: var(--secondary5);
}
.at-bg-secondary6 {
  background: var(--secondary6);
}
.at-bg-secondary1-p2 {
  background: var(--secondary1-p2);
}
.at-bg-success {
  background: var(--success);
}
.at-bg-failure {
  background: var(--failure);
}
.at-bg-warning {
  background: var(--warning);
}
.at-bg-information {
  background: var(--information);
}
.at-bg-status-pending {
  background: var(--status-pending);
}
.at-bg-status-declined {
  background: var(--status-declined);
}
.at-bg-status-accepted {
  background: var(--status-accepted);
}
.at-bg-status-delayed {
  background: var(--status-delayed);
}
.at-bg-status-shipped {
  background: var(--status-shipped);
}
.at-bg-status-delivered {
  background: var(--status-delivered);
}
.at-bg-status-rejected {
  background: var(--status-rejected);
}
.at-bg-success2 {
  background: var(--success2);
}
.at-bg-failure2 {
  background: var(--failure2);
}
.at-bg-warning2 {
  background: var(-warning2);
}
.at-bg-information2 {
  background: var(--information2);
}
.at-bg-white {
  background: #ffffff;
}
.at-bg-transparent {
  background: transparent;
}
.at-bg-accent1 {
  background: var(--accent1);
}
.at-bg-blue-gray {
  background: var(--blue-gray);
}
.at-header1 {
  font-size: var(--header1);
}
.at-header2 {
  font-size: var(--header2);
}
.at-header3 {
  font-size: var(--header3);
}
.at-header4 {
  font-size: var(--header4);
}
.at-header5 {
  font-size: var(--header5);
}
.at-header6 {
  font-size: var(--header6);
}
.at-paragraph-regular {
  font-size: var(--paragraph-regular);
}
.at-paragraph-small {
  font-size: var(--paragraph-small);
}
.at-paragraph-extra-small {
  font-size: var(--paragraph-extra-small);
}
.at-paragraph-mega-small {
  font-size: var(--paragraph-mega-small);
}
@media screen and (min-width: 576px) {
  .at-header1-sm {
    font-size: var(--header1);
  }
  .at-header2-sm {
    font-size: var(--header2);
  }
  .at-header3-sm {
    font-size: var(--header3);
  }
  .at-header4-sm {
    font-size: var(--header4);
  }
  .at-header5-sm {
    font-size: var(--header5);
  }
  .at-header6-sm {
    font-size: var(--header6);
  }
  .at-paragraph-sm-regular {
    font-size: var(--paragraph-regular);
  }
  .at-paragraph-sm-small {
    font-size: var(--paragraph-small);
  }
  .at-paragraph-sm-extra-small {
    font-size: var(--paragraph-extra-small);
  }
  .at-paragraph-sm-mega-small {
    font-size: var(--paragraph-mega-small);
  }
}
@media screen and (min-width: 768px) {
  .at-header1-md {
    font-size: var(--header1);
  }
  .at-header2-md {
    font-size: var(--header2);
  }
  .at-header3-md {
    font-size: var(--header3);
  }
  .at-header4-md {
    font-size: var(--header4);
  }
  .at-header5-md {
    font-size: var(--header5);
  }
  .at-header6-md {
    font-size: var(--header6);
  }
  .at-paragraph-md-regular {
    font-size: var(--paragraph-regular);
  }
  .at-paragraph-md-small {
    font-size: var(--paragraph-small);
  }
  .at-paragraph-md-extra-small {
    font-size: var(--paragraph-extra-small);
  }
  .at-paragraph-md-mega-small {
    font-size: var(--paragraph-mega-small);
  }
}
@media screen and (min-width: 768px) {
  .at-header1-xl {
    font-size: var(--header1);
  }
  .at-header2-xl {
    font-size: var(--header2);
  }
  .at-header3-xl {
    font-size: var(--header3);
  }
  .at-header4-xl {
    font-size: var(--header4);
  }
  .at-header5-xl {
    font-size: var(--header5);
  }
  .at-header6-xl {
    font-size: var(--header6);
  }
  .at-paragraph-xl-regular {
    font-size: var(--paragraph-regular);
  }
  .at-paragraph-xl-small {
    font-size: var(--paragraph-small);
  }
  .at-paragraph-xl-extra-small {
    font-size: var(--paragraph-extra-small);
  }
  .at-paragraph-xl-mega-small {
    font-size: var(--paragraph-mega-small);
  }
}
.at-fw-400 {
  font-weight: 400;
}
.at-fw-500 {
  font-weight: 500;
}
.at-fw-700 {
  font-weight: 700;
}
.at-p-1 {
  padding: 0.25rem;
}
.at-p-2 {
  padding: 0.5rem;
}
.at-p-3 {
  padding: 0.75rem;
}
.at-p-4 {
  padding: 1rem;
}
.at-p-5 {
  padding: 1.25rem;
}
.at-p-6 {
  padding: 1.5rem;
}
.at-p-8 {
  padding: 2rem;
}
.at-p-10 {
  padding: 3rem;
}
.at-p-0 {
  padding: 0;
}
.at-px-1 {
  padding-inline: 0.25rem;
}
.at-px-2 {
  padding-inline: 0.5rem;
}
.at-px-3 {
  padding-inline: 0.75rem;
}
.at-px-4 {
  padding-inline: 1rem;
}
.at-px-5 {
  padding-inline: 1.25rem;
}
.at-px-6 {
  padding-inline: 1.5rem;
}
.at-px-7 {
  padding-inline: 1.75rem;
}
.at-px-8 {
  padding-inline: 2rem;
}
.at-px-9 {
  padding-inline: 2.5rem;
}
.at-px-10 {
  padding-inline: 3rem;
}
.at-px-0 {
  padding-inline: 0;
}
.at-py-1 {
  padding-block: 0.25rem;
}
.at-py-2 {
  padding-block: 0.5rem;
}
.at-py-3 {
  padding-block: 0.75rem;
}
.at-py-4 {
  padding-block: 1rem;
}
.at-py-5 {
  padding-block: 1.25rem;
}
.at-py-6 {
  padding-block: 1.5rem;
}
.at-py-8 {
  padding-block: 2rem;
}
.at-py-9 {
  padding-block: 2.5rem;
}
.at-py-10 {
  padding-block: 3rem;
}
.at-ps-1 {
  padding-inline-start: 0.25rem;
}
.at-ps-2 {
  padding-inline-start: 0.5rem;
}
.at-ps-3 {
  padding-inline-start: 0.75rem;
}
.at-ps-4 {
  padding-inline-start: 1rem;
}
.at-ps-5 {
  padding-inline-start: 1.25rem;
}
.at-ps-6 {
  padding-inline-start: 1.5rem;
}
.at-ps-8 {
  padding-inline-start: 2rem;
}
.at-ps-9 {
  padding-inline-start: 2.5rem;
}
.at-ps-10 {
  padding-inline-start: 3rem;
}
.at-pe-1 {
  padding-inline-end: 0.25rem;
}
.at-pe-2 {
  padding-inline-end: 0.5rem;
}
.at-pe-3 {
  padding-inline-end: 0.75rem;
}
.at-pe-4 {
  padding-inline-end: 1rem;
}
.at-pe-5 {
  padding-inline-end: 1.25rem;
}
.at-pe-6 {
  padding-inline-end: 1.5rem;
}
.at-pe-8 {
  padding-inline-end: 2rem;
}
.at-pe-10 {
  padding-inline-end: 3rem;
}
.at-pt-1 {
  padding-block-start: 0.25rem;
}
.at-pt-2 {
  padding-block-start: 0.5rem;
}
.at-pt-3 {
  padding-block-start: 0.75rem;
}
.at-pt-4 {
  padding-block-start: 1rem;
}
.at-pt-5 {
  padding-block-start: 1.25rem;
}
.at-pt-6 {
  padding-block-start: 1.5rem;
}
.at-pt-8 {
  padding-block-start: 2rem;
}
.at-pt-9 {
  padding-block-start: 2.5rem;
}
.at-pt-10 {
  padding-block-start: 3rem;
}
.at-pb-1 {
  padding-block-end: 0.25rem;
}
.at-pb-2 {
  padding-block-end: 0.5rem;
}
.at-pb-3 {
  padding-block-end: 0.75rem;
}
.at-pb-4 {
  padding-block-end: 1rem;
}
.at-pb-5 {
  padding-block-end: 1.25rem;
}
.at-pb-6 {
  padding-block-end: 1.5rem;
}
.at-pb-8 {
  padding-block-end: 2rem;
}
.at-pb-9 {
  padding-block-end: 2.5rem;
}
.at-pb-10 {
  padding-block-end: 3rem;
}
@media screen and (min-width: 768px) {
  .at-p-md-1 {
    padding: 0.25rem;
  }
  .at-p-md-2 {
    padding: 0.5rem;
  }
  .at-p-md-3 {
    padding: 0.75rem;
  }
  .at-p-md-4 {
    padding: 1rem;
  }
  .at-p-md-5 {
    padding: 1.25rem;
  }
  .at-p-md-6 {
    padding: 1.5rem;
  }
  .at-p-md-8 {
    padding: 2rem;
  }
  .at-p-md-10 {
    padding: 3rem;
  }
  .at-p-md-0 {
    padding: 0;
  }
  .at-px-md-1 {
    padding-inline: 0.25rem;
  }
  .at-px-md-2 {
    padding-inline: 0.5rem;
  }
  .at-px-md-3 {
    padding-inline: 0.75rem;
  }
  .at-px-md-4 {
    padding-inline: 1rem;
  }
  .at-px-md-5 {
    padding-inline: 1.25rem;
  }
  .at-px-md-6 {
    padding-inline: 1.5rem;
  }
  .at-px-md-7 {
    padding-inline: 1.75rem;
  }
  .at-px-md-8 {
    padding-inline: 2rem;
  }
  .at-px-md-9 {
    padding-inline: 2.5rem;
  }
  .at-px-md-10 {
    padding-inline: 3rem;
  }
  .at-px-md-0 {
    padding-inline: 0;
  }
  .at-py-md-1 {
    padding-block: 0.25rem;
  }
  .at-py-md-2 {
    padding-block: 0.5rem;
  }
  .at-py-md-3 {
    padding-block: 0.75rem;
  }
  .at-py-md-4 {
    padding-block: 1rem;
  }
  .at-py-md-5 {
    padding-block: 1.25rem;
  }
  .at-py-md-6 {
    padding-block: 1.5rem;
  }
  .at-py-md-8 {
    padding-block: 2rem;
  }
  .at-py-md-9 {
    padding-block: 2.5rem;
  }
  .at-py-md-10 {
    padding-block: 3rem;
  }
  .at-ps-md-1 {
    padding-inline-start: 0.25rem;
  }
  .at-ps-md-2 {
    padding-inline-start: 0.5rem;
  }
  .at-ps-md-3 {
    padding-inline-start: 0.75rem;
  }
  .at-ps-md-4 {
    padding-inline-start: 1rem;
  }
  .at-ps-md-5 {
    padding-inline-start: 1.25rem;
  }
  .at-ps-md-6 {
    padding-inline-start: 1.5rem;
  }
  .at-ps-md-8 {
    padding-inline-start: 2rem;
  }
  .at-ps-md-9 {
    padding-inline-start: 2.5rem;
  }
  .at-ps-md-10 {
    padding-inline-start: 3rem;
  }
  .at-pe-md-1 {
    padding-inline-end: 0.25rem;
  }
  .at-pe-md-2 {
    padding-inline-end: 0.5rem;
  }
  .at-pe-md-3 {
    padding-inline-end: 0.75rem;
  }
  .at-pe-md-4 {
    padding-inline-end: 1rem;
  }
  .at-pe-md-5 {
    padding-inline-end: 1.25rem;
  }
  .at-pe-md-6 {
    padding-inline-end: 1.5rem;
  }
  .at-pe-md-8 {
    padding-inline-end: 2rem;
  }
  .at-pe-md-10 {
    padding-inline-end: 3rem;
  }
  .at-pt-md-1 {
    padding-block-start: 0.25rem;
  }
  .at-pt-md-2 {
    padding-block-start: 0.5rem;
  }
  .at-pt-md-3 {
    padding-block-start: 0.75rem;
  }
  .at-pt-md-4 {
    padding-block-start: 1rem;
  }
  .at-pt-md-5 {
    padding-block-start: 1.25rem;
  }
  .at-pt-md-6 {
    padding-block-start: 1.5rem;
  }
  .at-pt-md-8 {
    padding-block-start: 2rem;
  }
  .at-pt-md-9 {
    padding-block-start: 2.5rem;
  }
  .at-pt-md-10 {
    padding-block-start: 3rem;
  }
  .at-pb-md-1 {
    padding-block-end: 0.25rem;
  }
  .at-pb-md-2 {
    padding-block-end: 0.5rem;
  }
  .at-pb-md-3 {
    padding-block-end: 0.75rem;
  }
  .at-pb-md-4 {
    padding-block-end: 1rem;
  }
  .at-pb-md-5 {
    padding-block-end: 1.25rem;
  }
  .at-pb-md-6 {
    padding-block-end: 1.5rem;
  }
  .at-pb-md-8 {
    padding-block-end: 2rem;
  }
  .at-pb-md-9 {
    padding-block-end: 2.5rem;
  }
  .at-pb-md-10 {
    padding-block-end: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .at-p-xl-1 {
    padding: 0.25rem;
  }
  .at-p-xl-2 {
    padding: 0.5rem;
  }
  .at-p-xl-3 {
    padding: 0.75rem;
  }
  .at-p-xl-4 {
    padding: 1rem;
  }
  .at-p-xl-5 {
    padding: 1.25rem;
  }
  .at-p-xl-6 {
    padding: 1.5rem;
  }
  .at-p-xl-8 {
    padding: 2rem;
  }
  .at-p-xl-10 {
    padding: 3rem;
  }
  .at-p-xl-0 {
    padding: 0;
  }
  .at-px-xl-1 {
    padding-inline: 0.25rem;
  }
  .at-px-xl-2 {
    padding-inline: 0.5rem;
  }
  .at-px-xl-3 {
    padding-inline: 0.75rem;
  }
  .at-px-xl-4 {
    padding-inline: 1rem;
  }
  .at-px-xl-5 {
    padding-inline: 1.25rem;
  }
  .at-px-xl-6 {
    padding-inline: 1.5rem;
  }
  .at-px-xl-7 {
    padding-inline: 1.75rem;
  }
  .at-px-xl-8 {
    padding-inline: 2rem;
  }
  .at-px-xl-9 {
    padding-inline: 2.5rem;
  }
  .at-px-xl-10 {
    padding-inline: 3rem;
  }
  .at-px-xl-0 {
    padding-inline: 0;
  }
  .at-py-xl-1 {
    padding-block: 0.25rem;
  }
  .at-py-xl-2 {
    padding-block: 0.5rem;
  }
  .at-py-xl-3 {
    padding-block: 0.75rem;
  }
  .at-py-xl-4 {
    padding-block: 1rem;
  }
  .at-py-xl-5 {
    padding-block: 1.25rem;
  }
  .at-py-xl-6 {
    padding-block: 1.5rem;
  }
  .at-py-xl-8 {
    padding-block: 2rem;
  }
  .at-py-xl-9 {
    padding-block: 2.5rem;
  }
  .at-py-xl-10 {
    padding-block: 3rem;
  }
  .at-ps-xl-1 {
    padding-inline-start: 0.25rem;
  }
  .at-ps-xl-2 {
    padding-inline-start: 0.5rem;
  }
  .at-ps-xl-3 {
    padding-inline-start: 0.75rem;
  }
  .at-ps-xl-4 {
    padding-inline-start: 1rem;
  }
  .at-ps-xl-5 {
    padding-inline-start: 1.25rem;
  }
  .at-ps-xl-6 {
    padding-inline-start: 1.5rem;
  }
  .at-ps-xl-8 {
    padding-inline-start: 2rem;
  }
  .at-ps-xl-9 {
    padding-inline-start: 2.5rem;
  }
  .at-ps-xl-10 {
    padding-inline-start: 3rem;
  }
  .at-pe-xl-1 {
    padding-inline-end: 0.25rem;
  }
  .at-pe-xl-2 {
    padding-inline-end: 0.5rem;
  }
  .at-pe-xl-3 {
    padding-inline-end: 0.75rem;
  }
  .at-pe-xl-4 {
    padding-inline-end: 1rem;
  }
  .at-pe-xl-5 {
    padding-inline-end: 1.25rem;
  }
  .at-pe-xl-6 {
    padding-inline-end: 1.5rem;
  }
  .at-pe-xl-8 {
    padding-inline-end: 2rem;
  }
  .at-pe-xl-10 {
    padding-inline-end: 3rem;
  }
  .at-pt-xl-1 {
    padding-block-start: 0.25rem;
  }
  .at-pt-xl-2 {
    padding-block-start: 0.5rem;
  }
  .at-pt-xl-3 {
    padding-block-start: 0.75rem;
  }
  .at-pt-xl-4 {
    padding-block-start: 1rem;
  }
  .at-pt-xl-5 {
    padding-block-start: 1.25rem;
  }
  .at-pt-xl-6 {
    padding-block-start: 1.5rem;
  }
  .at-pt-xl-8 {
    padding-block-start: 2rem;
  }
  .at-pt-xl-9 {
    padding-block-start: 2.5rem;
  }
  .at-pt-xl-10 {
    padding-block-start: 3rem;
  }
  .at-pb-xl-1 {
    padding-block-end: 0.25rem;
  }
  .at-pb-xl-2 {
    padding-block-end: 0.5rem;
  }
  .at-pb-xl-3 {
    padding-block-end: 0.75rem;
  }
  .at-pb-xl-4 {
    padding-block-end: 1rem;
  }
  .at-pb-xl-5 {
    padding-block-end: 1.25rem;
  }
  .at-pb-xl-6 {
    padding-block-end: 1.5rem;
  }
  .at-pb-xl-8 {
    padding-block-end: 2rem;
  }
  .at-pb-xl-9 {
    padding-block-end: 2.5rem;
  }
  .at-pb-xl-10 {
    padding-block-end: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .at-p-xxl-1 {
    padding: 0.25rem;
  }
  .at-p-xxl-2 {
    padding: 0.5rem;
  }
  .at-p-xxl-3 {
    padding: 0.75rem;
  }
  .at-p-xxl-4 {
    padding: 1rem;
  }
  .at-p-xxl-5 {
    padding: 1.25rem;
  }
  .at-p-xxl-6 {
    padding: 1.5rem;
  }
  .at-p-xxl-8 {
    padding: 2rem;
  }
  .at-p-xxl-10 {
    padding: 3rem;
  }
  .at-p-xxl-0 {
    padding: 0;
  }
  .at-px-xxl-1 {
    padding-inline: 0.25rem;
  }
  .at-px-xxl-2 {
    padding-inline: 0.5rem;
  }
  .at-px-xxl-3 {
    padding-inline: 0.75rem;
  }
  .at-px-xxl-4 {
    padding-inline: 1rem;
  }
  .at-px-xxl-5 {
    padding-inline: 1.25rem;
  }
  .at-px-xxl-6 {
    padding-inline: 1.5rem;
  }
  .at-px-xxl-7 {
    padding-inline: 1.75rem;
  }
  .at-px-xxl-8 {
    padding-inline: 2rem;
  }
  .at-px-xxl-9 {
    padding-inline: 2.5rem;
  }
  .at-px-xxl-10 {
    padding-inline: 3rem;
  }
  .at-px-xxl-0 {
    padding-inline: 0;
  }
  .at-py-xxl-1 {
    padding-block: 0.25rem;
  }
  .at-py-xxl-2 {
    padding-block: 0.5rem;
  }
  .at-py-xxl-3 {
    padding-block: 0.75rem;
  }
  .at-py-xxl-4 {
    padding-block: 1rem;
  }
  .at-py-xxl-5 {
    padding-block: 1.25rem;
  }
  .at-py-xxl-6 {
    padding-block: 1.5rem;
  }
  .at-py-xxl-8 {
    padding-block: 2rem;
  }
  .at-py-xxl-9 {
    padding-block: 2.5rem;
  }
  .at-py-xxl-10 {
    padding-block: 3rem;
  }
  .at-ps-xxl-1 {
    padding-inline-start: 0.25rem;
  }
  .at-ps-xxl-2 {
    padding-inline-start: 0.5rem;
  }
  .at-ps-xxl-3 {
    padding-inline-start: 0.75rem;
  }
  .at-ps-xxl-4 {
    padding-inline-start: 1rem;
  }
  .at-ps-xxl-5 {
    padding-inline-start: 1.25rem;
  }
  .at-ps-xxl-6 {
    padding-inline-start: 1.5rem;
  }
  .at-ps-xxl-8 {
    padding-inline-start: 2rem;
  }
  .at-ps-xxl-9 {
    padding-inline-start: 2.5rem;
  }
  .at-ps-xxl-10 {
    padding-inline-start: 3rem;
  }
  .at-pe-xxl-1 {
    padding-inline-end: 0.25rem;
  }
  .at-pe-xxl-2 {
    padding-inline-end: 0.5rem;
  }
  .at-pe-xxl-3 {
    padding-inline-end: 0.75rem;
  }
  .at-pe-xxl-4 {
    padding-inline-end: 1rem;
  }
  .at-pe-xxl-5 {
    padding-inline-end: 1.25rem;
  }
  .at-pe-xxl-6 {
    padding-inline-end: 1.5rem;
  }
  .at-pe-xxl-8 {
    padding-inline-end: 2rem;
  }
  .at-pe-xxl-10 {
    padding-inline-end: 3rem;
  }
  .at-pt-xxl-1 {
    padding-block-start: 0.25rem;
  }
  .at-pt-xxl-2 {
    padding-block-start: 0.5rem;
  }
  .at-pt-xxl-3 {
    padding-block-start: 0.75rem;
  }
  .at-pt-xxl-4 {
    padding-block-start: 1rem;
  }
  .at-pt-xxl-5 {
    padding-block-start: 1.25rem;
  }
  .at-pt-xxl-6 {
    padding-block-start: 1.5rem;
  }
  .at-pt-xxl-8 {
    padding-block-start: 2rem;
  }
  .at-pt-xxl-9 {
    padding-block-start: 2.5rem;
  }
  .at-pt-xxl-10 {
    padding-block-start: 3rem;
  }
  .at-pb-xxl-1 {
    padding-block-end: 0.25rem;
  }
  .at-pb-xxl-2 {
    padding-block-end: 0.5rem;
  }
  .at-pb-xxl-3 {
    padding-block-end: 0.75rem;
  }
  .at-pb-xxl-4 {
    padding-block-end: 1rem;
  }
  .at-pb-xxl-5 {
    padding-block-end: 1.25rem;
  }
  .at-pb-xxl-6 {
    padding-block-end: 1.5rem;
  }
  .at-pb-xxl-8 {
    padding-block-end: 2rem;
  }
  .at-pb-xxl-9 {
    padding-block-end: 2.5rem;
  }
  .at-pb-xxl-10 {
    padding-block-end: 3rem;
  }
}
.at-m-1 {
  margin: 0.25rem;
}
.at-m-2 {
  margin: 0.5rem;
}
.at-m-3 {
  margin: 0.75rem;
}
.at-m-4 {
  margin: 1rem;
}
.at-m-5 {
  margin: 1.25rem;
}
.at-m-6 {
  margin: 1.5rem;
}
.at-m-8 {
  margin: 2rem;
}
.at-m-10 {
  margin: 3rem;
}
.at-mx-1 {
  margin-inline: 0.25rem;
}
.at-mx-2 {
  margin-inline: 0.5rem;
}
.at-mx-3 {
  margin-inline: 0.75rem;
}
.at-mx-4 {
  margin-inline: 1rem;
}
.at-mx-5 {
  margin-inline: 1.25rem;
}
.at-mx-6 {
  margin-inline: 1.5rem;
}
.at-mx-8 {
  margin-inline: 2rem;
}
.at-mx-10 {
  margin-inline: 3rem;
}
.at-my-1 {
  margin-block: 0.25rem;
}
.at-my-2 {
  margin-block: 0.5rem;
}
.at-my-3 {
  margin-block: 0.75rem;
}
.at-my-4 {
  margin-block: 1rem;
}
.at-my-5 {
  margin-block: 1.25rem;
}
.at-my-6 {
  margin-block: 1.5rem;
}
.at-my-8 {
  margin-block: 2rem;
}
.at-my-10 {
  margin-block: 3rem;
}
.at-ms-1 {
  margin-inline-start: 0.25rem;
}
.at-ms-2 {
  margin-inline-start: 0.5rem;
}
.at-ms-3 {
  margin-inline-start: 0.75rem;
}
.at-ms-4 {
  margin-inline-start: 1rem;
}
.at-ms-5 {
  margin-inline-start: 1.25rem;
}
.at-ms-6 {
  margin-inline-start: 1.5rem;
}
.at-ms-7 {
  margin-inline-start: 1.75rem;
}
.at-ms-8 {
  margin-inline-start: 2rem;
}
.at-ms-9 {
  margin-inline-start: 2.5rem;
}
.at-ms-10 {
  margin-inline-start: 3rem;
}
.at-me-1 {
  margin-inline-end: 0.25rem;
}
.at-me-2 {
  margin-inline-end: 0.5rem;
}
.at-me-3 {
  margin-inline-end: 0.75rem;
}
.at-me-4 {
  margin-inline-end: 1rem;
}
.at-me-5 {
  margin-inline-end: 1.25rem;
}
.at-me-6 {
  margin-inline-end: 1.5rem;
}
.at-me-8 {
  margin-inline-end: 2rem;
}
.at-me-10 {
  margin-inline-end: 3rem;
}
.at-mt-1 {
  margin-block-start: 0.25rem;
}
.at-mt-2 {
  margin-block-start: 0.5rem;
}
.at-mt-3 {
  margin-block-start: 0.75rem;
}
.at-mt-4 {
  margin-block-start: 1rem;
}
.at-mt-5 {
  margin-block-start: 1.25rem;
}
.at-mt-6 {
  margin-block-start: 1.5rem;
}
.at-mt-8 {
  margin-block-start: 2rem;
}
.at-mt-10 {
  margin-block-start: 3rem;
}
.at-mb-1 {
  margin-block-end: 0.25rem;
}
.at-mb-2 {
  margin-block-end: 0.5rem;
}
.at-mb-3 {
  margin-block-end: 0.75rem;
}
.at-mb-4 {
  margin-block-end: 1rem;
}
.at-mb-5 {
  margin-block-end: 1.25rem;
}
.at-mb-6 {
  margin-block-end: 1.5rem;
}
.at-mb-8 {
  margin-block-end: 2rem;
}
.at-mb-9 {
  margin-block-end: 2.5rem;
}
.at-mb-10 {
  margin-block-end: 3rem;
}
.at-mb-0 {
  margin-block-end: 0rem;
}
@media screen and (min-width: 768px) {
  .at-m-md-1 {
    margin: 0.25rem;
  }
  .at-m-md-2 {
    margin: 0.5rem;
  }
  .at-m-md-3 {
    margin: 0.75rem;
  }
  .at-m-md-4 {
    margin: 1rem;
  }
  .at-m-md-5 {
    margin: 1.25rem;
  }
  .at-m-md-6 {
    margin: 1.5rem;
  }
  .at-m-md-8 {
    margin: 2rem;
  }
  .at-m-md-10 {
    margin: 3rem;
  }
  .at-mx-md-1 {
    margin-inline: 0.25rem;
  }
  .at-mx-md-2 {
    margin-inline: 0.5rem;
  }
  .at-mx-md-3 {
    margin-inline: 0.75rem;
  }
  .at-mx-md-4 {
    margin-inline: 1rem;
  }
  .at-mx-md-5 {
    margin-inline: 1.25rem;
  }
  .at-mx-md-6 {
    margin-inline: 1.5rem;
  }
  .at-mx-md-8 {
    margin-inline: 2rem;
  }
  .at-mx-md-10 {
    margin-inline: 3rem;
  }
  .at-my-md-1 {
    margin-block: 0.25rem;
  }
  .at-my-md-2 {
    margin-block: 0.5rem;
  }
  .at-my-md-3 {
    margin-block: 0.75rem;
  }
  .at-my-md-4 {
    margin-block: 1rem;
  }
  .at-my-md-5 {
    margin-block: 1.25rem;
  }
  .at-my-md-6 {
    margin-block: 1.5rem;
  }
  .at-my-md-8 {
    margin-block: 2rem;
  }
  .at-my-md-10 {
    margin-block: 3rem;
  }
  .at-ms-md-1 {
    margin-inline-start: 0.25rem;
  }
  .at-ms-md-2 {
    margin-inline-start: 0.5rem;
  }
  .at-ms-md-3 {
    margin-inline-start: 0.75rem;
  }
  .at-ms-md-4 {
    margin-inline-start: 1rem;
  }
  .at-ms-md-5 {
    margin-inline-start: 1.25rem;
  }
  .at-ms-md-6 {
    margin-inline-start: 1.5rem;
  }
  .at-ms-md-7 {
    margin-inline-start: 1.75rem;
  }
  .at-ms-md-8 {
    margin-inline-start: 2rem;
  }
  .at-ms-md-9 {
    margin-inline-start: 2.5rem;
  }
  .at-ms-md-10 {
    margin-inline-start: 3rem;
  }
  .at-me-md-1 {
    margin-inline-end: 0.25rem;
  }
  .at-me-md-2 {
    margin-inline-end: 0.5rem;
  }
  .at-me-md-3 {
    margin-inline-end: 0.75rem;
  }
  .at-me-md-4 {
    margin-inline-end: 1rem;
  }
  .at-me-md-5 {
    margin-inline-end: 1.25rem;
  }
  .at-me-md-6 {
    margin-inline-end: 1.5rem;
  }
  .at-me-md-8 {
    margin-inline-end: 2rem;
  }
  .at-me-md-10 {
    margin-inline-end: 3rem;
  }
  .at-mt-md-1 {
    margin-block-start: 0.25rem;
  }
  .at-mt-md-2 {
    margin-block-start: 0.5rem;
  }
  .at-mt-md-3 {
    margin-block-start: 0.75rem;
  }
  .at-mt-md-4 {
    margin-block-start: 1rem;
  }
  .at-mt-md-5 {
    margin-block-start: 1.25rem;
  }
  .at-mt-md-6 {
    margin-block-start: 1.5rem;
  }
  .at-mt-md-8 {
    margin-block-start: 2rem;
  }
  .at-mt-md-10 {
    margin-block-start: 3rem;
  }
  .at-mb-md-1 {
    margin-block-end: 0.25rem;
  }
  .at-mb-md-2 {
    margin-block-end: 0.5rem;
  }
  .at-mb-md-3 {
    margin-block-end: 0.75rem;
  }
  .at-mb-md-4 {
    margin-block-end: 1rem;
  }
  .at-mb-md-5 {
    margin-block-end: 1.25rem;
  }
  .at-mb-md-6 {
    margin-block-end: 1.5rem;
  }
  .at-mb-md-8 {
    margin-block-end: 2rem;
  }
  .at-mb-md-9 {
    margin-block-end: 2.5rem;
  }
  .at-mb-md-10 {
    margin-block-end: 3rem;
  }
  .at-mb-md-0 {
    margin-block-end: 0rem;
  }
}
@media screen and (min-width: 1200px) {
  .at-m-xl-1 {
    margin: 0.25rem;
  }
  .at-m-xl-2 {
    margin: 0.5rem;
  }
  .at-m-xl-3 {
    margin: 0.75rem;
  }
  .at-m-xl-4 {
    margin: 1rem;
  }
  .at-m-xl-5 {
    margin: 1.25rem;
  }
  .at-m-xl-6 {
    margin: 1.5rem;
  }
  .at-m-xl-8 {
    margin: 2rem;
  }
  .at-m-xl-10 {
    margin: 3rem;
  }
  .at-mx-xl-1 {
    margin-inline: 0.25rem;
  }
  .at-mx-xl-2 {
    margin-inline: 0.5rem;
  }
  .at-mx-xl-3 {
    margin-inline: 0.75rem;
  }
  .at-mx-xl-4 {
    margin-inline: 1rem;
  }
  .at-mx-xl-5 {
    margin-inline: 1.25rem;
  }
  .at-mx-xl-6 {
    margin-inline: 1.5rem;
  }
  .at-mx-xl-8 {
    margin-inline: 2rem;
  }
  .at-mx-xl-10 {
    margin-inline: 3rem;
  }
  .at-my-xl-1 {
    margin-block: 0.25rem;
  }
  .at-my-xl-2 {
    margin-block: 0.5rem;
  }
  .at-my-xl-3 {
    margin-block: 0.75rem;
  }
  .at-my-xl-4 {
    margin-block: 1rem;
  }
  .at-my-xl-5 {
    margin-block: 1.25rem;
  }
  .at-my-xl-6 {
    margin-block: 1.5rem;
  }
  .at-my-xl-8 {
    margin-block: 2rem;
  }
  .at-my-xl-10 {
    margin-block: 3rem;
  }
  .at-ms-xl-1 {
    margin-inline-start: 0.25rem;
  }
  .at-ms-xl-2 {
    margin-inline-start: 0.5rem;
  }
  .at-ms-xl-3 {
    margin-inline-start: 0.75rem;
  }
  .at-ms-xl-4 {
    margin-inline-start: 1rem;
  }
  .at-ms-xl-5 {
    margin-inline-start: 1.25rem;
  }
  .at-ms-xl-6 {
    margin-inline-start: 1.5rem;
  }
  .at-ms-xl-7 {
    margin-inline-start: 1.75rem;
  }
  .at-ms-xl-8 {
    margin-inline-start: 2rem;
  }
  .at-ms-xl-9 {
    margin-inline-start: 2.5rem;
  }
  .at-ms-xl-10 {
    margin-inline-start: 3rem;
  }
  .at-me-xl-1 {
    margin-inline-end: 0.25rem;
  }
  .at-me-xl-2 {
    margin-inline-end: 0.5rem;
  }
  .at-me-xl-3 {
    margin-inline-end: 0.75rem;
  }
  .at-me-xl-4 {
    margin-inline-end: 1rem;
  }
  .at-me-xl-5 {
    margin-inline-end: 1.25rem;
  }
  .at-me-xl-6 {
    margin-inline-end: 1.5rem;
  }
  .at-me-xl-8 {
    margin-inline-end: 2rem;
  }
  .at-me-xl-10 {
    margin-inline-end: 3rem;
  }
  .at-mt-xl-1 {
    margin-block-start: 0.25rem;
  }
  .at-mt-xl-2 {
    margin-block-start: 0.5rem;
  }
  .at-mt-xl-3 {
    margin-block-start: 0.75rem;
  }
  .at-mt-xl-4 {
    margin-block-start: 1rem;
  }
  .at-mt-xl-5 {
    margin-block-start: 1.25rem;
  }
  .at-mt-xl-6 {
    margin-block-start: 1.5rem;
  }
  .at-mt-xl-8 {
    margin-block-start: 2rem;
  }
  .at-mt-xl-10 {
    margin-block-start: 3rem;
  }
  .at-mb-xl-1 {
    margin-block-end: 0.25rem;
  }
  .at-mb-xl-2 {
    margin-block-end: 0.5rem;
  }
  .at-mb-xl-3 {
    margin-block-end: 0.75rem;
  }
  .at-mb-xl-4 {
    margin-block-end: 1rem;
  }
  .at-mb-xl-5 {
    margin-block-end: 1.25rem;
  }
  .at-mb-xl-6 {
    margin-block-end: 1.5rem;
  }
  .at-mb-xl-8 {
    margin-block-end: 2rem;
  }
  .at-mb-xl-9 {
    margin-block-end: 2.5rem;
  }
  .at-mb-xl-10 {
    margin-block-end: 3rem;
  }
  .at-mb-xl-0 {
    margin-block-end: 0rem;
  }
}
@media screen and (min-width: 1400px) {
  .at-m-xxl-1 {
    margin: 0.25rem;
  }
  .at-m-xxl-2 {
    margin: 0.5rem;
  }
  .at-m-xxl-3 {
    margin: 0.75rem;
  }
  .at-m-xxl-4 {
    margin: 1rem;
  }
  .at-m-xxl-5 {
    margin: 1.25rem;
  }
  .at-m-xxl-6 {
    margin: 1.5rem;
  }
  .at-m-xxl-8 {
    margin: 2rem;
  }
  .at-m-xxl-10 {
    margin: 3rem;
  }
  .at-mx-xxl-1 {
    margin-inline: 0.25rem;
  }
  .at-mx-xxl-2 {
    margin-inline: 0.5rem;
  }
  .at-mx-xxl-3 {
    margin-inline: 0.75rem;
  }
  .at-mx-xxl-4 {
    margin-inline: 1rem;
  }
  .at-mx-xxl-5 {
    margin-inline: 1.25rem;
  }
  .at-mx-xxl-6 {
    margin-inline: 1.5rem;
  }
  .at-mx-xxl-8 {
    margin-inline: 2rem;
  }
  .at-mx-xxl-10 {
    margin-inline: 3rem;
  }
  .at-my-xxl-1 {
    margin-block: 0.25rem;
  }
  .at-my-xxl-2 {
    margin-block: 0.5rem;
  }
  .at-my-xxl-3 {
    margin-block: 0.75rem;
  }
  .at-my-xxl-4 {
    margin-block: 1rem;
  }
  .at-my-xxl-5 {
    margin-block: 1.25rem;
  }
  .at-my-xxl-6 {
    margin-block: 1.5rem;
  }
  .at-my-xxl-8 {
    margin-block: 2rem;
  }
  .at-my-xxl-10 {
    margin-block: 3rem;
  }
  .at-ms-xxl-1 {
    margin-inline-start: 0.25rem;
  }
  .at-ms-xxl-2 {
    margin-inline-start: 0.5rem;
  }
  .at-ms-xxl-3 {
    margin-inline-start: 0.75rem;
  }
  .at-ms-xxl-4 {
    margin-inline-start: 1rem;
  }
  .at-ms-xxl-5 {
    margin-inline-start: 1.25rem;
  }
  .at-ms-xxl-6 {
    margin-inline-start: 1.5rem;
  }
  .at-ms-xxl-7 {
    margin-inline-start: 1.75rem;
  }
  .at-ms-xxl-8 {
    margin-inline-start: 2rem;
  }
  .at-ms-xxl-9 {
    margin-inline-start: 2.5rem;
  }
  .at-ms-xxl-10 {
    margin-inline-start: 3rem;
  }
  .at-ms-xxl-0 {
    margin-inline-start: 0;
  }
  .at-me-xxl-1 {
    margin-inline-end: 0.25rem;
  }
  .at-me-xxl-2 {
    margin-inline-end: 0.5rem;
  }
  .at-me-xxl-3 {
    margin-inline-end: 0.75rem;
  }
  .at-me-xxl-4 {
    margin-inline-end: 1rem;
  }
  .at-me-xxl-5 {
    margin-inline-end: 1.25rem;
  }
  .at-me-xxl-6 {
    margin-inline-end: 1.5rem;
  }
  .at-me-xxl-8 {
    margin-inline-end: 2rem;
  }
  .at-me-xxl-10 {
    margin-inline-end: 3rem;
  }
  .at-mt-xxl-1 {
    margin-block-start: 0.25rem;
  }
  .at-mt-xxl-2 {
    margin-block-start: 0.5rem;
  }
  .at-mt-xxl-3 {
    margin-block-start: 0.75rem;
  }
  .at-mt-xxl-4 {
    margin-block-start: 1rem;
  }
  .at-mt-xxl-5 {
    margin-block-start: 1.25rem;
  }
  .at-mt-xxl-6 {
    margin-block-start: 1.5rem;
  }
  .at-mt-xxl-8 {
    margin-block-start: 2rem;
  }
  .at-mt-xxl-10 {
    margin-block-start: 3rem;
  }
  .at-mb-xxl-1 {
    margin-block-end: 0.25rem;
  }
  .at-mb-xxl-2 {
    margin-block-end: 0.5rem;
  }
  .at-mb-xxl-3 {
    margin-block-end: 0.75rem;
  }
  .at-mb-xxl-4 {
    margin-block-end: 1rem;
  }
  .at-mb-xxl-5 {
    margin-block-end: 1.25rem;
  }
  .at-mb-xxl-6 {
    margin-block-end: 1.5rem;
  }
  .at-mb-xxl-8 {
    margin-block-end: 2rem;
  }
  .at-mb-xxl-9 {
    margin-block-end: 2.5rem;
  }
  .at-mb-xxl-10 {
    margin-block-end: 3rem;
  }
  .at-mb-xxl-0 {
    margin-block-end: 0rem;
  }
}
@font-face {
  font-family: "Helvetica Neue";
  font-style: normal;
  font-weight: 400;
  src: local("Helvetica Neue"), url(https://fonts.cdnfonts.com/s/14188/HelveticaNeue-Roman.woff) format("woff");
}
@font-face {
  font-family: "Helvetica Neue 500";
  font-style: normal;
  font-weight: 500;
  src: local("Helvetica Neue 500"), url(https://fonts.cdnfonts.com/s/14188/HelveticaNeueMedium.woff) format("woff");
}
@font-face {
  font-family: "Helvetica Neue 700";
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue 700"), url(https://fonts.cdnfonts.com/s/14188/HelveticaNeueBold.woff) format("woff");
}
:root {
  --font-family-main: "Helvetica Neue", sans-serif;
  --font-family-semi-bold: "Helvetica Neue 500", sans-serif;
  --font-family-bold: "Helvetica Neue 700", sans-serif;
  --header-height: 5.5rem;
}
* {
  font-family: var(--font-family-main);
  padding: 0;
  margin: 0;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body#ecommerce-02 {
  font-size: var(--paragraph-regular);
  color: var(--primary1);
  width: 100vw;
  overflow-x: hidden;
  min-height: 100%;
}
.boxo-logo {
  aspect-ratio: 184/40;
  height: auto;
  width: 11.5rem;
}
.at-fw-500 {
  font-family: var(--font-family-semi-bold);
}
.at-fw-700 {
  font-family: var(--font-family-bold);
}
.body-no-scroll {
  overflow: hidden;
}
.page-container {
  padding-top: calc(var(--header-height) + 3.75rem);
  margin-inline: 6.5rem;
  padding-bottom: 3rem;
  min-height: 100vh;
}
@media screen and (min-width: 1920px) {
  .page-container {
    max-width: calc(1920px - 6.5rem);
    margin-inline: auto;
  }
}
.less-than-w-50 {
  width: calc(50% - 0.5rem);
}
.public-page-container {
  padding: 9.25rem 8.25rem;
}
@media screen and (min-width: 1920px) {
  .public-page-container {
    max-width: calc(1920px - 8.25rem);
    margin-inline: auto;
  }
}
.trade-page-container {
  padding: 4.75rem 2rem;
  height: calc(100vh - 3.75rem + 1px);
  background-color: white;
}
@media screen and (min-width: 768px) {
  .trade-page-container {
    padding-inline: 3.5rem;
  }
}
@media screen and (min-width: 1360px) {
  .trade-page-container {
    padding-inline: 10rem;
  }
}
@media screen and (min-width: 1920px) {
  .trade-page-container {
    max-width: calc(1920px - 13rem);
    margin-inline: auto;
  }
}
.at-mb-2_5rem {
  margin-bottom: 2.5rem;
}
.header-4rem {
  font-size: 4rem;
}
.public-page-card {
  padding: 2.5rem 5rem;
}
.flip-vertical {
  transform: scaleY(-1);
  -o-transform: scaleY(-1);
}
.btn:disabled {
  cursor: not-allowed;
  border: 1px solid var(--secondary2);
  background: var(--secondary2);
  color: var(--secondary4);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-2KV7HLRT.css.map */