:root {
  --sticky-h: 0px;
  --font-family:
    "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
    "Noto Sans Khmer", "Noto Sans Myanmar", "Noto Sans", sans-serif;
  --right: right;
  --left: left;
  --base-min-width: 981px;
  --base-max-width: 980px;
  --pale-gray: #f2f2f2;
  --medium-gray: #cccccc;
  --dark-gray: #1f1f1f;
  --standard-red: #fc1921;
  --dark-red: #b50000;
  --standard-green: #4fad26;
  --dark-green: #1f6600;
  --panasonic-blue: #0041c0;
}
:root {
  --line-color-light: hsl(0, 0%, 80%);
  --line-color-dark: hsl(0, 0%, 40%);
}
:root {
  --text-color-normal: hsl(0, 0%, 10%);
  --text-color-normal-sub: hsl(0, 0%, 40%);
  --text-color-normal-disable: hsl(0, 0%, 70%);
  --text-color-light: hsl(0, 0%, 90%);
  --text-color-light-sub: hsl(0, 0%, 60%);
  --text-color-light-disable: hsl(0, 0%, 30%);
}
:root {
  --btn-hover-color-normal: hsl(0, 0%, 90%);
  --btn-hover-color-dark: hsl(0, 0%, 20%);
}
:root {
  --icn-color-filter-normal: none;
  --icn-color-filter-light: brightness(0.9) invert(100%);
}
:root {
  --text-shadow-white:
    0 0 3px rgba(255, 255, 255, 1), 0 0 3px rgba(255, 255, 255, 1);
  --text-shadow-white-hard:
    0 0 5px rgba(255, 255, 255, 1), 0 0 4px rgba(255, 255, 255, 1),
    0 0 3px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1),
    0 0 1px rgba(255, 255, 255, 1);
  --text-shadow-white-exhard:
    -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1),
    1px 1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1),
    0 0 7px rgba(255, 255, 255, 1), 0 0 6px rgba(255, 255, 255, 1),
    0 0 5px rgba(255, 255, 255, 1), 0 0 4px rgba(255, 255, 255, 1),
    0 0 3px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1),
    0 0 1px rgba(255, 255, 255, 1);
  --text-shadow-black: 0 0 3px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1);
  --text-shadow-black-hard:
    0 0 5px rgba(0, 0, 0, 1), 0 0 4px rgba(0, 0, 0, 1),
    0 0 3px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1);
  --text-shadow-black-exhard:
    -1px -1px 0 rgba(0, 0, 0, 1), 1px -1px 0 rgba(0, 0, 0, 1),
    1px 1px 0 rgba(0, 0, 0, 1), -1px 1px 0 rgba(0, 0, 0, 1),
    0 0 7px rgba(0, 0, 0, 1), 0 0 6px rgba(0, 0, 0, 1),
    0 0 5px rgba(0, 0, 0, 1), 0 0 4px rgba(0, 0, 0, 1),
    0 0 3px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1);
}
@media (min-width: 768px) {
  :root {
    --gap-block-xl: 120px;
    --gap-block-l: 80px;
    --gap-block-l-1: 64px;
    --gap-block-m: 48px;
    --gap-block-s: 32px;
    --gap-block-xs: 16px;
    --gap-block-xxs: 8px;
  }
}
@media (max-width: 767px) {
  :root {
    --gap-block-xl: 80px;
    --gap-block-l: 48px;
    --gap-block-l-1: 48px;
    --gap-block-m: 32px;
    --gap-block-s: 24px;
    --gap-block-xs: 16px;
    --gap-block-xxs: 8px;
  }
}
@media (min-width: 768px) {
  :root {
    --gap-inline-m: 20px;
  }
}
@media (max-width: 767px) {
  :root {
    --gap-inline-m: 16px;
  }
}
@media (min-width: 768px) {
  :root {
    --column-gap: 10px;
  }
}
@media (max-width: 767px) {
  :root {
    --column-gap: 8px;
  }
}
footer {
  *:where(
    :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)
  ) {
    all: unset;
    display: revert;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  :where(pre) {
    all: revert;
    box-sizing: border-box;
  }
  ::placeholder {
    color: unset;
  }
  ::marker {
    content: initial;
  }
  :where([hidden]) {
    display: none;
  }
  :where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
  }
  :where([draggable="true"]) {
    -webkit-user-drag: element;
  }
  :where(dialog:modal) {
    all: revert;
    box-sizing: border-box;
  }
  .large_Strong_150 {
    --font-weight: 500;
  }
  .big-number-xl {
    --font-weight: 100;
  }
  .big-number-l,
  .big-number-s,
  .big-number-xs {
    --font-weight: 300;
  }
  .big-number-xl,
  .big-number-l,
  .big-number-s,
  .big-number-xs {
    --line-height: 1.2;
  }
  .bodycopy_large_170,
  .bodycopy_170 {
    --line-height: 1.7;
  }
  @media (min-width: 768px) {
    .heading_1_cf {
      --font-size: 44px;
    }
    .heading_2_regular {
      --font-size: 32px;
    }
    .heading_3_regular {
      --font-size: 22px;
    }
    .large_Strong_150 {
      --font-size: 32px;
    }
    .big-number-xl {
      --font-size: 72px;
    }
    .big-number-l {
      --font-size: 58px;
    }
    .big-number-s {
      --font-size: 40px;
    }
    .big-number-xs {
      --font-size: 32px;
    }
  }
  @media (max-width: 767px) {
    .heading_1_cf {
      --font-size: 28px;
    }
    .heading_2_regular {
      --font-size: 24px;
    }
    .heading_3_regular {
      --font-size: 20px;
    }
    .large_Strong_150 {
      --font-size: 24px;
    }
    .big-number-xl {
      --font-size: 48px;
    }
    .big-number-l {
      --font-size: 40px;
    }
    .big-number-s {
      --font-size: 32px;
    }
    .big-number-xs {
      --font-size: 24px;
    }
  }
  .heading_1_regular_index {
    --font-size: 20px;
  }
  .heading_4_regular {
    --font-size: 16px;
  }
  .bodycopy_large_170,
  .bodycopy_large_150 {
    --font-size: 18px;
  }
  .bodycopy_170,
  .bodycopy_150 {
    --font-size: 16px;
  }
  .caption_1_cf {
    --font-size: 14px;
  }
  .caption_2_cf {
    --font-size: 12px;
  }
  .caption_3_cf {
    --font-size: 11px;
  }
  html[lang="ar"] {
    direction: rtl;
  }
  body {
    background: #f2f2f2 !important;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    font-family: var(--font-family);
    line-height: 1.5;
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: var(--sticky-h);
  }
  pre {
    font-family: var(--font-family);
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  img {
    height: auto;
  }
  sup {
    vertical-align: super;
    font-size: 0.7em;
    line-height: 1;
  }
  sub {
    vertical-align: sub;
    font-size: 0.7em;
    line-height: 1;
  }
  button:not(:disabled) {
    cursor: pointer;
  }
  *:focus-visible {
    outline: auto;
  }
  body,
  input[type="text"] {
    font-family: var(--font-family);
  }
  .holdings-header,
  .holdings-titlenav,
  .holdings-footer,
  .holdings-cta {
    box-sizing: border-box;
  }
  .holdings-header a,
  .holdings-titlenav a,
  .holdings-footer a,
  .holdings-cta a {
    color: inherit;
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  .holdings-header button,
  .holdings-titlenav button,
  .holdings-footer button,
  .holdings-cta button {
    appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    display: flex;
    color: inherit;
  }
  .copyguard {
    position: relative;
    pointer-events: none;
  }
  .copyguard::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
  }
  body.page-grayscale {
    position: relative;
  }
  body.page-grayscale::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-backdrop-filter: grayscale(1);
    backdrop-filter: grayscale(1);
    z-index: 10000;
    pointer-events: none;
  }
  @media (min-width: 768px) {
    .hid-lg {
      display: none !important;
    }
  }
  @media (max-width: 767px) {
    .hid-sm {
      display: none !important;
    }
  }
  @media print {
    body {
      width: 980px;
    }
  }
  .holdings-breadcrumbs {
    background-color: var(--pale-gray);
    color: #666;
    font-size: 12px;
  }
  .holdings-breadcrumbs a:hover {
    color: #1a1a1a;
  }
  .holdings-breadcrumbs a:hover .icon img {
    filter: brightness(0.14);
  }
  .holdings-breadcrumbs__in {
    box-sizing: border-box;
    max-width: 1280px;
    margin: auto;
  }
  .holdings-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
  }
  .holdings-breadcrumbs__list__item {
    display: flex;
    align-items: center;
  }
  .holdings-breadcrumbs__list__item:not(:last-child) {
    margin-inline-end: 4px;
  }
  .holdings-breadcrumbs__list__item:not(:last-child)::after {
    content: "";
    background: url(/hvac-cc/corp/assets/common/images/holdings-icn-arrowhead-r.svg)
      no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin: 0 8px;
    display: block;
  }
  html[lang="ar"] .holdings-breadcrumbs__list__item:not(:last-child)::after {
    transform: scaleX(-1);
  }
  @media (min-width: 981px) {
    .holdings-breadcrumbs__in {
      padding: 12px 20px;
    }
  }
  @media (max-width: 980px) {
    .holdings-breadcrumbs {
      padding: 12px 15px;
    }
  }
  .cmp-container {
    position: relative;
  }
  .cmp-container--max-width-xl {
    max-width: 1920px;
    margin-inline: auto;
    float: none !important;
    clear: both;
  }
  .cmp-container--max-width-l {
    max-width: 1280px;
    margin-inline: auto;
    float: none !important;
    clear: both;
  }
  .cmp-container--max-width-m {
    max-width: 976px;
    margin-inline: auto;
    float: none !important;
    clear: both;
  }
  .cmp-container--grid-column-gap > .cmp-container {
    --grid-column-gap: var(--column-gap);
  }
  .cmp-container--grid-column-gap-none > .cmp-container {
    --grid-column-gap: 0;
  }
  .cmp-container--margin-top-xl {
    margin-top: var(--gap-block-xl);
  }
  .cmp-container--margin-top-l {
    margin-top: var(--gap-block-l);
  }
  .cmp-container--margin-top-m {
    margin-top: var(--gap-block-m);
  }
  .cmp-container--margin-top-s {
    margin-top: var(--gap-block-s);
  }
  .cmp-container--margin-top-xs {
    margin-top: var(--gap-block-xs);
  }
  @media (max-width: 767px) {
    .cmp-container--margin-top-sm-xl {
      margin-top: var(--gap-block-xl);
    }
    .cmp-container--margin-top-sm-l {
      margin-top: var(--gap-block-l);
    }
    .cmp-container--margin-top-sm-m {
      margin-top: var(--gap-block-m);
    }
    .cmp-container--margin-top-sm-s {
      margin-top: var(--gap-block-s);
    }
    .cmp-container--margin-top-sm-xs {
      margin-top: var(--gap-block-xs);
    }
    .cmp-container--margin-top-sm-none {
      margin-top: 0;
    }
  }
  .cmp-container--margin-bottom-xl {
    margin-bottom: var(--gap-block-xl);
  }
  .cmp-container--margin-bottom-l {
    margin-bottom: var(--gap-block-l);
  }
  .cmp-container--margin-bottom-m {
    margin-bottom: var(--gap-block-m);
  }
  .cmp-container--margin-bottom-s {
    margin-bottom: var(--gap-block-s);
  }
  .cmp-container--margin-bottom-xs {
    margin-bottom: var(--gap-block-xs);
  }
  @media (max-width: 767px) {
    .cmp-container--margin-bottom-sm-xl {
      margin-bottom: var(--gap-block-xl);
    }
    .cmp-container--margin-bottom-sm-l {
      margin-bottom: var(--gap-block-l);
    }
    .cmp-container--margin-bottom-sm-m {
      margin-bottom: var(--gap-block-m);
    }
    .cmp-container--margin-bottom-sm-s {
      margin-bottom: var(--gap-block-s);
    }
    .cmp-container--margin-bottom-sm-xs {
      margin-bottom: var(--gap-block-xs);
    }
    .cmp-container--margin-bottom-sm-none {
      margin-bottom: 0;
    }
  }
  .cmp-container--padding-top-xl > .cmp-container {
    padding-top: var(--gap-block-xl);
  }
  .cmp-container--padding-top-l > .cmp-container {
    padding-top: var(--gap-block-l);
  }
  .cmp-container--padding-top-m > .cmp-container {
    padding-top: var(--gap-block-m);
  }
  .cmp-container--padding-top-s > .cmp-container {
    padding-top: var(--gap-block-s);
  }
  .cmp-container--padding-top-xs > .cmp-container {
    padding-top: var(--gap-block-xs);
  }
  .cmp-container--padding-bottom-xl > .cmp-container {
    padding-bottom: var(--gap-block-xl);
  }
  .cmp-container--padding-bottom-l > .cmp-container {
    padding-bottom: var(--gap-block-l);
  }
  .cmp-container--padding-bottom-m > .cmp-container {
    padding-bottom: var(--gap-block-m);
  }
  .cmp-container--padding-bottom-s > .cmp-container {
    padding-bottom: var(--gap-block-s);
  }
  .cmp-container--padding-bottom-xs > .cmp-container {
    padding-bottom: var(--gap-block-xs);
  }
  @media (max-width: 980px) {
    .cmp-titlenavigation .holdings-header__subchild {
      display: none;
    }
  }
  .holdings-titlenav {
    --fix-offset-y: 0px;
    line-height: 1.5;
  }
  .holdings-titlenav__in {
    top: var(--fix-offset-y);
  }
  .holdings-titlenav.fix .holdings-titlenav__in {
    position: fixed;
    width: 100%;
    z-index: 110;
  }
  @media (min-width: 768px) {
    .holdings-titlenav.fix
      .holdings-titlenav__in:has(
        .holdings-header__sub__nav__list.off-panel.has-opened
      ) {
      z-index: 200;
    }
  }
  @media (max-width: 767px) {
    .holdings-titlenav.fix
      .holdings-titlenav__in:has(
        .holdings-header__sub__nav__panel[aria-hidden="false"]
      ) {
      z-index: 200;
    }
  }
  @media (max-width: 980px) {
    .holdings-titlenav .holdings-header__sub__in {
      height: 100%;
    }
    .holdings-titlenav .holdings-header__sub__mobile {
      display: flex;
      align-items: center;
      height: 40px;
      font-size: 12px;
    }
    .holdings-titlenav
      .holdings-header__sub__mobile
      .holdings-header__sub__nav__label:only-child {
      padding: 0 15px;
    }
    .holdings-titlenav .holdings-header__sub .holdings-header__sub__nav {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav {
      height: 40px;
      font-size: 12px;
      color: var(--text-color-normal-sub);
      border-bottom: 1px solid var(--line-color-light);
    }
    .holdings-titlenav .holdings-header__sub__nav.style-fix {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav__label:last-child {
      padding: 0 15px;
    }
    .holdings-titlenav
      .holdings-header__sub__nav
      .holdings-header__sub__nav__tglbtn {
      order: -1;
      height: 100%;
      align-items: center;
      padding: 0 16px 0 15px;
    }
    .holdings-titlenav
      .holdings-header__sub__nav
      .holdings-header__sub__nav__tglbtn:not([aria-expanded="true"])
      .close {
      display: none;
    }
    .holdings-titlenav
      .holdings-header__sub__nav
      .holdings-header__sub__nav__tglbtn[aria-expanded="true"]
      .open {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav__in {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 100%;
      position: relative;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__in
      > .holdings-header__sub__nav__list {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav__label {
      color: #4d4d4d;
    }
    .holdings-titlenav .holdings-header__sub__nav__panel {
      position: absolute;
      width: 100%;
      height: 0;
      left: 0;
      right: 0;
      top: 100%;
      background-color: var(--pale-gray);
      z-index: 1000;
      overflow: hidden;
      transition: height 0.3s;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__panel:not([aria-hidden="false"]) {
      visibility: hidden;
    }
    .holdings-titlenav .holdings-header__sub__nav__panel[aria-hidden="false"] {
      overflow: auto;
    }
    .holdings-titlenav .holdings-header__sub__nav .childlist__header {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav__list {
      display: flex;
      box-sizing: border-box;
      font-weight: 400;
      flex-direction: column;
      background-color: var(--bg-color);
    }
    .holdings-titlenav .holdings-header__sub__nav__list a {
      color: inherit;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item {
      box-sizing: border-box;
      width: 100%;
      border-top: 1px solid var(--line-color-light);
      font-size: 16px;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      [aria-current="page"] {
      color: var(--text-color-normal);
      font-weight: 500;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l2 {
      color: hsl(0, 0%, 30%);
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l3,
    .holdings-titlenav .holdings-header__sub__nav__list__item.l4,
    .holdings-titlenav .holdings-header__sub__nav__list__item.l5 {
      color: #666;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item .item-box {
      box-sizing: border-box;
      min-height: 48px;
      padding-block: 8px;
      padding-inline-end: 16px;
      display: flex;
      align-items: center;
      position: relative;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l2 > .item-box {
      padding-inline-start: 16px;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l3 > .item-box {
      padding-inline-start: 32px;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l4 > .item-box {
      padding-inline-start: 48px;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item.l5 > .item-box {
      padding-inline-start: 64px;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item .item-link {
      flex-grow: 1;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[aria-current="page"] {
      font-weight: 500;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[role="button"] {
      display: flex;
      align-items: center;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[role="button"]
      :first-child {
      flex-grow: 1;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[role="button"]::after {
      content: "";
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[role="button"][aria-expanded="false"]::after {
      filter: invert(0.4);
      background-image: url(/hvac-cc/corp/assets/common/images/icon_add_line.svg);
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[role="button"][aria-expanded="true"]::after {
      filter: invert(0.1);
      background-image: url(/hvac-cc/corp/assets/common/images/icon_close_line.svg);
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item .item-link.tgl {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item .item-link .icn {
      display: inline-block;
      margin-inline-start: 0.5em;
      height: 1.5em;
      vertical-align: top;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link
      .icn
      img {
      display: block;
      margin-block: 0.25em;
      width: 1em;
      height: 1em;
      filter: brightness(60%);
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-link[href=""]
      + .item-tglbtn::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }
    .holdings-titlenav .holdings-header__sub__nav__list__item .item-tglbtn {
      width: 16px;
      height: 16px;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-tglbtn
      .close {
      filter: invert(0.1);
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-tglbtn
      .open {
      filter: invert(0.4);
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-tglbtn[aria-expanded="false"]
      .close {
      display: none;
    }
    .holdings-titlenav
      .holdings-header__sub__nav__list__item
      .item-tglbtn[aria-expanded="true"]
      .open {
      display: none;
    }
    .holdings-titlenav .holdings-header__sub.fix .holdings-header__sub__in {
      position: fixed;
      top: 42px;
      width: 100%;
      z-index: 1001;
    }
  }
  .aem-Grid {
    --float-direction: left;
  }
  html[lang="ar"] .aem-Grid {
    --float-direction: right;
  }
  .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 25%;
  }
  .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 75%;
  }
  .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 20%;
  }
  .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 40%;
  }
  .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 60%;
  }
  .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 80%;
  }
  .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 25%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 75%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: var(--float-direction);
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 10%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 20%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 30%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 40%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 60%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 70%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: var(--float-direction);
    width: 80%;
  }
  .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: var(--float-direction);
    width: 90%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--default--10 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: var(--float-direction);
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: var(--float-direction);
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--default--10 {
    float: var(--float-direction);
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--default--11 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
    float: var(--float-direction);
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
    float: var(--float-direction);
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
    float: var(--float-direction);
    width: 25%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
    float: var(--float-direction);
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
    float: var(--float-direction);
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
    float: var(--float-direction);
    width: 50%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
    float: var(--float-direction);
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
    float: var(--float-direction);
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
    float: var(--float-direction);
    width: 75%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--default--10 {
    float: var(--float-direction);
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--default--11 {
    float: var(--float-direction);
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--default--12 {
    float: var(--float-direction);
    width: 100%;
  }
  .aem-Grid.aem-Grid--default--1
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--1
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--2
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--2
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--2
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--3
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--3
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--3
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--3
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--4
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--4
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 25%;
  }
  .aem-Grid.aem-Grid--default--4
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--4
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 75%;
  }
  .aem-Grid.aem-Grid--default--4
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 20%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 40%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 60%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 80%;
  }
  .aem-Grid.aem-Grid--default--5
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--default--6
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--default--7
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 12.5%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 25%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 37.5%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 62.5%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 75%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 87.5%;
  }
  .aem-Grid.aem-Grid--default--8
    > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 0;
    margin-inline-start: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--default--9
    > .aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 10%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 20%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 30%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 40%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 60%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 70%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 0;
    margin-inline-start: 80%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 0;
    margin-inline-start: 90%;
  }
  .aem-Grid.aem-Grid--default--10
    > .aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 0;
    margin-inline-start: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 0;
    margin-inline-start: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 0;
    margin-inline-start: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--default--11
    > .aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0;
    margin-inline-start: 0%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 0;
    margin-inline-start: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 0;
    margin-inline-start: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 0;
    margin-inline-start: 25%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 0;
    margin-inline-start: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 0;
    margin-inline-start: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 0;
    margin-inline-start: 50%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 0;
    margin-inline-start: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 0;
    margin-inline-start: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 0;
    margin-inline-start: 75%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 0;
    margin-inline-start: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 0;
    margin-inline-start: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 0;
    margin-inline-start: 100%;
  }
  @media (max-width: 767px) {
    .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 20%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 40%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 60%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 80%;
    }
    .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 14.2857142857%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 28.5714285714%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 42.8571428571%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 57.1428571429%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 71.4285714286%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 85.7142857143%;
    }
    .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 12.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 37.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 62.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 87.5%;
    }
    .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 11.1111111111%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 22.2222222222%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 44.4444444444%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 55.5555555556%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 77.7777777778%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
      float: var(--float-direction);
      width: 88.8888888889%;
    }
    .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 10%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 20%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 30%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 40%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 60%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 70%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
      float: var(--float-direction);
      width: 80%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
      float: var(--float-direction);
      width: 90%;
    }
    .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 9.0909090909%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 18.1818181818%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 27.2727272727%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 36.3636363636%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 45.4545454545%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 54.5454545455%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 63.6363636364%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
      float: var(--float-direction);
      width: 72.7272727273%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
      float: var(--float-direction);
      width: 81.8181818182%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
      float: var(--float-direction);
      width: 90.9090909091%;
    }
    .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
      float: var(--float-direction);
      width: 8.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
      float: var(--float-direction);
      width: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
      float: var(--float-direction);
      width: 41.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
      float: var(--float-direction);
      width: 58.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
      float: var(--float-direction);
      width: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
      float: var(--float-direction);
      width: 91.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--phone--1
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--1
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--2
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--2
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--2
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--3
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--3
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--3
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--3
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--4
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--4
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--phone--4
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--4
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--phone--4
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 20%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 40%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 60%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 80%;
    }
    .aem-Grid.aem-Grid--phone--5
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--6
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 14.2857142857%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 28.5714285714%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 42.8571428571%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 57.1428571429%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 71.4285714286%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 85.7142857143%;
    }
    .aem-Grid.aem-Grid--phone--7
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 12.5%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 37.5%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 62.5%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 87.5%;
    }
    .aem-Grid.aem-Grid--phone--8
      > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 11.1111111111%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 22.2222222222%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 44.4444444444%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 55.5555555556%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 77.7777777778%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
      margin-left: 0;
      margin-inline-start: 88.8888888889%;
    }
    .aem-Grid.aem-Grid--phone--9
      > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 10%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 20%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 30%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 40%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 60%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 70%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
      margin-left: 0;
      margin-inline-start: 80%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
      margin-left: 0;
      margin-inline-start: 90%;
    }
    .aem-Grid.aem-Grid--phone--10
      > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 9.0909090909%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 18.1818181818%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 27.2727272727%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 36.3636363636%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 45.4545454545%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 54.5454545455%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 63.6363636364%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
      margin-left: 0;
      margin-inline-start: 72.7272727273%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
      margin-left: 0;
      margin-inline-start: 81.8181818182%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
      margin-left: 0;
      margin-inline-start: 90.9090909091%;
    }
    .aem-Grid.aem-Grid--phone--11
      > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
      margin-left: 0;
      margin-inline-start: 8.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
      margin-left: 0;
      margin-inline-start: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
      margin-left: 0;
      margin-inline-start: 41.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
      margin-left: 0;
      margin-inline-start: 58.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
      margin-left: 0;
      margin-inline-start: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
      margin-left: 0;
      margin-inline-start: 91.6666666667%;
    }
    .aem-Grid.aem-Grid--phone--12
      > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 20%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 40%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 60%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 80%;
    }
    .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 14.2857142857%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 28.5714285714%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 42.8571428571%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 57.1428571429%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 71.4285714286%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 85.7142857143%;
    }
    .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 12.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 37.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 62.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 87.5%;
    }
    .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 11.1111111111%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 22.2222222222%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 44.4444444444%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 55.5555555556%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 77.7777777778%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
      float: var(--float-direction);
      width: 88.8888888889%;
    }
    .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 10%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 20%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 30%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 40%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 60%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 70%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
      float: var(--float-direction);
      width: 80%;
    }
    .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
      float: var(--float-direction);
      width: 90%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--tablet--10 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 9.0909090909%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 18.1818181818%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 27.2727272727%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 36.3636363636%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 45.4545454545%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 54.5454545455%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 63.6363636364%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
      float: var(--float-direction);
      width: 72.7272727273%;
    }
    .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
      float: var(--float-direction);
      width: 81.8181818182%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--tablet--10 {
      float: var(--float-direction);
      width: 90.9090909091%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--tablet--11 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
      float: var(--float-direction);
      width: 8.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
      float: var(--float-direction);
      width: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
      float: var(--float-direction);
      width: 25%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
      float: var(--float-direction);
      width: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
      float: var(--float-direction);
      width: 41.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
      float: var(--float-direction);
      width: 50%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
      float: var(--float-direction);
      width: 58.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
      float: var(--float-direction);
      width: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
      float: var(--float-direction);
      width: 75%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--tablet--10 {
      float: var(--float-direction);
      width: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--tablet--11 {
      float: var(--float-direction);
      width: 91.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--tablet--12 {
      float: var(--float-direction);
      width: 100%;
    }
    .aem-Grid.aem-Grid--tablet--1
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--1
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--2
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--2
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--2
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--3
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--3
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--3
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--3
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--4
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--4
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--tablet--4
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--4
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--tablet--4
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 20%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 40%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 60%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 80%;
    }
    .aem-Grid.aem-Grid--tablet--5
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--6
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 14.2857142857%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 28.5714285714%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 42.8571428571%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 57.1428571429%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 71.4285714286%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 85.7142857143%;
    }
    .aem-Grid.aem-Grid--tablet--7
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 12.5%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 37.5%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 62.5%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 87.5%;
    }
    .aem-Grid.aem-Grid--tablet--8
      > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 11.1111111111%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 22.2222222222%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 44.4444444444%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 55.5555555556%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 77.7777777778%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
      margin-left: 0;
      margin-inline-start: 88.8888888889%;
    }
    .aem-Grid.aem-Grid--tablet--9
      > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 10%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 20%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 30%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 40%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 60%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 70%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
      margin-left: 0;
      margin-inline-start: 80%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
      margin-left: 0;
      margin-inline-start: 90%;
    }
    .aem-Grid.aem-Grid--tablet--10
      > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 9.0909090909%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 18.1818181818%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 27.2727272727%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 36.3636363636%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 45.4545454545%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 54.5454545455%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 63.6363636364%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
      margin-left: 0;
      margin-inline-start: 72.7272727273%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
      margin-left: 0;
      margin-inline-start: 81.8181818182%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
      margin-left: 0;
      margin-inline-start: 90.9090909091%;
    }
    .aem-Grid.aem-Grid--tablet--11
      > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
      margin-left: 0;
      margin-inline-start: 0%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
      margin-left: 0;
      margin-inline-start: 8.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
      margin-left: 0;
      margin-inline-start: 16.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
      margin-left: 0;
      margin-inline-start: 25%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
      margin-left: 0;
      margin-inline-start: 33.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
      margin-left: 0;
      margin-inline-start: 41.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
      margin-left: 0;
      margin-inline-start: 50%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
      margin-left: 0;
      margin-inline-start: 58.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
      margin-left: 0;
      margin-inline-start: 66.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
      margin-left: 0;
      margin-inline-start: 75%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
      margin-left: 0;
      margin-inline-start: 83.3333333333%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
      margin-left: 0;
      margin-inline-start: 91.6666666667%;
    }
    .aem-Grid.aem-Grid--tablet--12
      > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
      margin-left: 0;
      margin-inline-start: 100%;
    }
  }
  .aem-GridColumn {
    padding-inline: var(--grid-column-gap);
  }
  main.container {
    padding-inline: 0;
    overflow-x: clip;
  }
  :where(main.container) img {
    max-width: 100%;
    height: auto;
  }
  .holdings-footer {
    --bg-color: #f2f2f2;
    line-height: 1.5;
    background-color: var(--bg-color);
  }
  .holdings-footer.bg-white {
    --bg-color: #fff;
  }
  .holdings-footer-link-icn {
    width: 1em;
    height: 1em;
    vertical-align: top;
    margin-block-start: 0.25em;
    margin-inline-start: 0.5em;
    filter: brightness(60%);
  }
  .holdings-footer__main {
    color: #666;
    font-size: 12px;
  }
  .holdings-footer__main__in {
    box-sizing: border-box;
    max-width: 1280px;
    margin: auto;
  }
  .holdings-footer__main__in {
    display: flex;
    flex-direction: column;
  }
  .holdings-footer__main__in > *:not(:first-child) {
    margin-top: 10px;
  }
  .holdings-footer__sns {
    display: flex;
    white-space: nowrap;
  }
  .holdings-footer__sns__label {
    margin-inline-end: 12px;
  }
  .holdings-footer__sns__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -4px;
  }
  .holdings-footer__sns__list > * {
    margin-top: 4px;
  }
  .holdings-footer__sns__list > *:not(:last-child) {
    margin-inline-end: 12px;
  }
  .holdings-footer__links {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .holdings-footer__links__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -4px;
  }
  .holdings-footer__links__list > * {
    margin-top: 4px;
  }
  .holdings-footer__links__list > *:not(:last-child) {
    margin-inline-end: 25px;
  }
  .holdings-footer__links__list__item {
    position: relative;
  }
  .holdings-footer__links__list__item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-block: auto;
    margin-inline: auto -12px;
  }
  .holdings-footer__locale a {
    display: flex;
    align-items: center;
  }
  .holdings-footer__locale .icon {
    margin-inline-end: 8px;
  }
  .holdings-footer__locale .icon img {
    display: block;
  }
  .holdings-footer__copyright {
    display: flex;
  }
  @media (hover: hover) {
    .holdings-footer__main a:hover {
      color: #1a1a1a;
    }
    .holdings-footer__main a:hover .icon img {
      filter: brightness(0.14);
    }
  }
  @media (min-width: 981px) {
    .holdings-footer__main__in {
      padding: 13px 20px;
    }
    .holdings-footer__links {
      width: 100%;
    }
    .holdings-footer__locale {
      margin-inline-start: auto;
    }
    .holdings-footer__copyright > *:not(:first-child) {
      margin-inline-start: 12px;
    }
  }
  @media (max-width: 980px) {
    .holdings-footer__main__in {
      align-items: center;
      padding: 13px 15px;
    }
    .holdings-footer__sns {
      margin-inline: auto;
      width: fit-content;
    }
    .holdings-footer__links {
      flex-direction: column;
    }
    .holdings-footer__links__list {
      justify-content: center;
    }
    .holdings-footer__locale {
      margin-top: 10px;
    }
    .holdings-footer__copyright {
      flex-direction: column;
      align-items: center;
    }
    .holdings-footer__copyright > *:not(:first-child) {
      margin-top: 4px;
    }
  }
  .holdings-footer.fix .holdings-footer__pagetop {
    position: fixed;
  }
  .holdings-footer__pagetop {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    pointer-events: none;
    z-index: 5;
  }
  .holdings-footer__pagetop.show a {
    pointer-events: auto;
  }
  .holdings-footer__pagetop:not(.show) {
    display: none;
  }
  .holdings-footer__pagetop__in {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1280px;
  }
  .holdings-footer__pagetop a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6e6e6;
    border-radius: 4px;
  }
  .holdings-footer__pagetop a img {
    display: block;
  }
  @media (hover: hover) {
    .holdings-footer__pagetop a:hover {
      background-color: #ccc;
    }
  }
  @media (min-width: 981px) {
    .holdings-footer.fix .holdings-footer__pagetop {
      bottom: 20px;
    }
    .holdings-footer__pagetop {
      padding: 0 20px;
      bottom: calc(100% + 20px);
    }
    .holdings-footer__pagetop a {
      width: 40px;
      height: 40px;
    }
  }
  @media (max-width: 980px) {
    .holdings-footer.fix .holdings-footer__pagetop {
      bottom: calc(8px + var(--sticky-h));
    }
    .holdings-footer__pagetop {
      padding: 0 8px;
      bottom: calc(100% + 16px);
    }
    .holdings-footer__pagetop a {
      width: 32px;
      height: 32px;
    }
    .holdings-footer__pagetop a img {
      width: 16px;
      height: 16px;
    }
  }
  @media print {
    .holdings-footer__pagetop {
      display: none !important;
    }
  }
  .cmp-experiencefragment--footer {
    position: relative;
    border-top: 1px solid #ccc;
  }
  .holdings-header {
    --bg-color: #f2f2f2;
    line-height: 1.5;
  }
  .holdings-header.bg-white {
    --bg-color: #fff;
  }
  .holdings-header__main {
    background: var(--bg-color);
    position: relative;
  }
  .holdings-header__main::before {
    content: "";
    display: block;
    top: 0;
    background: var(--bg-color);
    width: 100%;
  }
  .holdings-header__main__in {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: auto;
  }
  .holdings-header__fixarea {
    background: var(--bg-color);
    box-sizing: border-box;
    top: 0;
  }
  .holdings-header__fixarea.clone {
    visibility: hidden;
  }
  .holdings-header__fixareaclone {
    visibility: hidden;
    position: absolute;
    top: 0;
  }
  .holdings-header__company {
    display: flex;
    align-items: center;
    font-size: 12px;
    box-sizing: border-box;
    color: #666;
  }
  .holdings-header .holdings-header__fixarea.fix {
    position: fixed;
    width: 100%;
    z-index: 1002;
  }
  .holdings-header
    .holdings-header__fixarea.fix
    + .holdings-header__fixareaclone {
    position: static;
  }
  @media print {
    .holdings-header__fixarea.fix {
      display: none;
    }
    .holdings-header__fixarea.fix + .holdings-header__fixareaclone {
      visibility: visible;
    }
  }
  @media (hover: hover) {
    .holdings-header__company a:hover {
      color: #1a1a1a;
    }
  }
  @media (min-width: 981px) {
    .holdings-header__main__in {
      align-items: center;
      padding: 12px 20px;
    }
    .holdings-header__company {
      margin-inline-end: auto;
    }
    .holdings-header
      .holdings-header__fixarea:not(.fix)
      .holdings-header__main__in {
      min-height: 111px;
    }
    .holdings-header
      .holdings-header__fixarea:not(.fix)
      .holdings-header__main__in::before {
      content: "";
      width: 100%;
      height: 18px;
      order: -1;
    }
    .holdings-header
      .holdings-header__fixarea:not(.fix)
      .holdings-header__company,
    .holdings-header
      .holdings-header__fixarea:not(.fix)
      .holdings-header__relnav,
    .holdings-header
      .holdings-header__fixarea:not(.fix)
      .holdings-header__search {
      margin-top: -18px;
      min-height: 18px;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main {
      height: 0;
      overflow: hidden;
      transition: height 0.3s;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main.show {
      height: 42px;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:not(.show) {
      visibility: hidden;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main__in {
      padding: 0 20px;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__company {
      display: none;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__search {
      order: 3;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:has(.link-headernavpanel-click.active),
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:has(
        .link-headernavpanel-hover:hover,
        .link-headernavpanel-click:hover
      ),
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:has(
        .link-headernavpanel-hover:focus-within,
        .link-headernavpanel-click:focus-within
      ),
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:has(.headernavpanel:hover),
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:has(
        .headernavpanel__wrapper[data-inprogress="true"]
      ) {
      overflow: visible;
      visibility: visible;
      height: 42px;
    }
  }
  @media (max-width: 980px) {
    .holdings-header__main__in::after {
      content: "";
      display: block;
      box-sizing: border-box;
      position: absolute;
      top: 100%;
      width: 100%;
      height: 1px;
      border-bottom: 1px solid #ccc;
    }
    .holdings-header__company {
      order: 3;
      width: 100%;
      min-height: 36px;
      padding: 5px 15px;
      border-top: 1px solid #ccc;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main {
      height: 0;
      top: -42px;
      position: relative;
      transition:
        top 0.3s,
        height 0.3s;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main.show {
      height: 42px;
      top: 0;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__main:not(.show) {
      visibility: hidden;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__company:not(.inpanel) {
      visibility: hidden;
      height: 0;
      min-height: 0;
      padding: 0 15px;
      border: none;
    }
  }
  .holdings-header__brand {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    line-height: 0;
    pointer-events: none;
  }
  .holdings-header__brand a {
    pointer-events: auto;
  }
  .holdings-header__brand img {
    width: auto;
  }
  @media (min-width: 981px) {
    .holdings-header__brand {
      width: 100%;
      height: 80px;
      margin: -15px 0 6px;
      order: 1;
    }
    .holdings-header__brand img {
      height: 80px;
    }
    .holdings-header__brand img.style-horizontal {
      display: none;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__brand {
      width: auto;
      padding: 0;
      justify-content: flex-start;
      align-items: center;
      height: 42px;
      margin-top: 0;
      margin-bottom: 0;
      margin-inline-start: 0;
      margin-inline-end: auto;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__brand img {
      height: 36px;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__brand
      img:not(:last-child) {
      display: none;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__brand
      img.style-horizontal {
      display: initial;
    }
  }
  @media (max-width: 980px) {
    .holdings-header__brand {
      margin: 0 auto;
      height: 48px;
      order: 1;
    }
    .holdings-header__brand img {
      height: 46px;
    }
    .holdings-header__brand img:not(:last-child) {
      display: none;
    }
    .holdings-header__brand img.style-horizontal {
      display: initial;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__brand {
      height: 42px;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__brand img {
      height: 36px;
    }
  }
  .holdings-header {
    --secondary-bg-xs: hsl(0, 0%, 90%);
  }
  .holdings-header__nav.pulldown {
    position: absolute;
    height: 48px;
    max-height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 1002;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__tglbtn {
    height: 100%;
    align-items: center;
    padding: 0 15px;
    margin-inline-end: auto;
    pointer-events: auto;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__tglbtn:not([aria-expanded="true"])
    .close {
    display: none;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__tglbtn[aria-expanded="true"]
    .open {
    display: none;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__tglbtn img {
    width: 16px;
    height: 16px;
  }
  .holdings-header__nav.pulldown .holdings-header__company {
    background-color: var(--bg-color);
  }
  .holdings-header__nav.pulldown .childlist {
    transition: height 0.3s;
    overflow: hidden;
    height: 0;
  }
  .holdings-header__nav.pulldown .childlist[aria-hidden="true"] {
    visibility: hidden;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__panel {
    box-sizing: border-box;
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    width: 100%;
    transition: height 0.3s;
    z-index: 10;
    background-color: var(--secondary-bg-xs);
    pointer-events: auto;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__panel:not([aria-hidden="false"]) {
    visibility: hidden;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__panel[aria-hidden="false"] {
    visibility: visible;
    overflow: auto;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list {
    display: flex;
    box-sizing: border-box;
    font-weight: 400;
    flex-direction: column;
    background-color: var(--bg-color);
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list a {
    color: inherit;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list__item {
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid var(--line-color-light);
    font-size: 16px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    [aria-current="page"] {
    color: var(--text-color-normal);
    font-weight: 500;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list__item.l2 {
    color: hsl(0, 0%, 30%);
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list__item.l3,
  .holdings-header__nav.pulldown .holdings-header__nav__list__item.l4,
  .holdings-header__nav.pulldown .holdings-header__nav__list__item.l5 {
    color: #666;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list__item .item-box {
    box-sizing: border-box;
    min-height: 48px;
    padding-block: 8px;
    padding-inline-end: 16px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item.l2
    > .item-box {
    padding-inline-start: 16px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item.l3
    > .item-box {
    padding-inline-start: 32px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item.l4
    > .item-box {
    padding-inline-start: 48px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item.l5
    > .item-box {
    padding-inline-start: 64px;
  }
  .holdings-header__nav.pulldown .holdings-header__nav__list__item .item-link {
    flex-grow: 1;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link[aria-current="page"] {
    font-weight: 500;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link
    .icn {
    display: inline-block;
    margin-inline-start: 0.5em;
    height: 1.5em;
    vertical-align: top;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link
    .icn
    img {
    display: block;
    margin-block: 0.25em;
    width: 1em;
    height: 1em;
    filter: brightness(60%);
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link[href=""]
    + .item-tglbtn::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-tglbtn {
    width: 16px;
    height: 16px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-tglbtn
    .close {
    filter: invert(0.1);
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-tglbtn
    .open {
    filter: invert(0.4);
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-tglbtn[aria-expanded="false"]
    .close {
    display: none;
  }
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-tglbtn[aria-expanded="true"]
    .open {
    display: none;
  }
  .holdings-header__nav.pulldown .holdings-header__rel {
    background: var(--secondary-bg-xs);
    color: #666;
    padding: 16px;
    font-size: 14px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__rel__list__item:not(:first-child) {
    margin-top: 8px;
  }
  .holdings-header__nav.pulldown .holdings-header__rel__list__item.lang {
    padding-top: 8px;
    border-top: 1px solid hsl(0, 0%, 70%);
  }
  .holdings-header__nav.pulldown
    .holdings-header__rel__list__item
    .item-link
    .icn {
    display: inline-block;
    margin-inline-start: 0.5em;
    height: 1.5em;
    vertical-align: top;
  }
  .holdings-header__nav.pulldown
    .holdings-header__rel__list__item
    .item-link
    .icn
    img {
    display: block;
    margin-block: 0.25em;
    width: 1em;
    height: 1em;
    filter: brightness(60%);
  }
  .holdings-header__nav.pulldown .holdings-header__rel__list__item .listmenu {
    padding-inline-start: 20px;
  }
  .holdings-header__nav.pulldown
    .holdings-header__rel__list__item
    .listmenu
    li {
    padding: 5px 0;
  }
  .holdings-header__nav.pulldown
    .holdings-header__rel__list__item
    .listmenu-icn {
    width: 1em;
    height: 1em;
    vertical-align: top;
    margin-block-start: 0.25em;
    margin-inline-start: 0.5em;
  }
  .holdings-header
    .holdings-header__fixarea.fix
    .holdings-header__nav.pulldown {
    height: 42px;
  }
  @media (hover: hover) {
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link:hover {
      color: #000;
    }
    .holdings-header__relnav .holdings-header__rel__list a:hover {
      color: #1a1a1a;
    }
  }
  @media (min-width: 981px) {
    .holdings-header__nav.pulldown {
      display: none;
    }
    .holdings-header__nav.horizontal {
      order: 2;
      width: 100%;
    }
    .holdings-header__nav.horizontal .holdings-header__nav__list {
      display: flex;
      box-sizing: border-box;
      color: #4d4d4d;
      font-size: 15px;
      font-weight: 400;
      justify-content: center;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item:not(:last-child) {
      margin-inline-end: 26px;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box {
      height: 100%;
      display: flex;
      align-items: center;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link {
      display: flex;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link[aria-current="page"],
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link[aria-expanded="true"] {
      color: #000;
      font-weight: 500;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link
      .icn {
      align-self: center;
      line-height: 0;
      margin-inline-start: 0.5em;
    }
    .holdings-header__nav.horizontal
      .holdings-header__nav__list__item
      .item-box
      .item-link
      .icn
      img {
      width: 1em;
      height: 1em;
    }
    .holdings-header__relnav {
      margin-inline-start: auto;
      min-width: 1px;
    }
    .holdings-header__relnav .holdings-header__rel__list {
      display: flex;
      align-items: center;
      font-size: 12px;
      color: #666;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item:not(:last-child) {
      margin-inline-end: 20px;
    }
    .holdings-header__relnav .holdings-header__rel__list__item.withlistmenu {
      position: relative;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu::before {
      content: "";
      display: none;
      position: absolute;
      height: 10px;
      width: 100%;
      top: 100%;
      left: 0;
      right: 0;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu::after {
      content: "";
      width: 11.6959064327px;
      height: 10px;
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      margin-inline: auto;
      background-color: #e6e6e6;
      clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:hover::after,
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:hover::before,
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:focus-within::after,
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:focus-within::before {
      display: block;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:hover
      .listmenu,
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu:focus-within
      .listmenu {
      visibility: visible;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu
      .listmenu {
      margin-top: 10px;
      visibility: hidden;
      position: absolute;
      right: 0;
      left: 0;
      width: fit-content;
      margin-inline: auto 0;
      background-color: #e6e6e6;
      padding: 15px;
      display: flex;
      gap: 10px;
      z-index: 1002;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu
      .listmenu
      > ul {
      width: 160px;
      display: flex;
      flex-direction: column;
      gap: 0.5em;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.withlistmenu
      .listmenu-icn {
      width: 1em;
      height: 1em;
      vertical-align: top;
      margin-block-start: 0.25em;
      margin-inline-start: 0.5em;
      filter: brightness(60%);
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.lang:not(:first-child) {
      padding-inline-start: 20px;
      position: relative;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item.lang:not(:first-child)::before {
      content: "";
      width: 1px;
      height: 12px;
      position: absolute;
      background-color: #ccc;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-inline-end: 0;
      margin-block: auto;
    }
    .holdings-header__relnav .holdings-header__rel__list__item .item-link {
      display: flex;
    }
    .holdings-header__relnav .holdings-header__rel__list__item .item-link .icn {
      line-height: 0;
      align-self: center;
      margin-inline-start: 0.5em;
    }
    .holdings-header__relnav
      .holdings-header__rel__list__item
      .item-link
      .icn
      img {
      width: 1em;
      height: 1em;
      filter: brightness(60%);
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__nav.horizontal {
      width: auto;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__nav.horizontal
      .holdings-header__nav__list {
      width: auto;
      font-size: 12px;
    }
    .holdings-header
      .holdings-header__fixarea.fix
      .holdings-header__nav.horizontal
      .holdings-header__nav__list__item:not(:last-child) {
      margin-inline-end: 20px;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__relnav {
      display: none !important;
    }
  }
  @media (max-width: 980px) {
    .holdings-header__nav.horizontal,
    .holdings-header__relnav {
      display: none !important;
    }
  }
  .holdings-header__search__tglbtn {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .holdings-header__search__tglbtn:not([aria-expanded="true"]) .close {
    display: none;
  }
  .holdings-header__search__tglbtn[aria-expanded="true"] .open {
    display: none;
  }
  .holdings-header__search__tglbtn img {
    width: 16px;
    height: 16px;
  }
  .holdings-header__search__panel {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    transition:
      width 0.3s,
      height 0.3s;
  }
  .holdings-header__search__panel:not([aria-hidden="false"]) {
    visibility: hidden;
  }
  .holdings-header__search__panel[aria-hidden="false"] {
    z-index: 11;
  }
  .holdings-header__search__form {
    width: 100%;
    height: 100%;
    display: flex;
  }
  .holdings-header__search__in {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    border-radius: 4px;
    width: 100%;
    padding: 0 8px;
    background: #e6e6e6;
    color: #1a1a1a;
  }
  .holdings-header__search__txbox {
    margin-inline-start: 12px;
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
  .holdings-header__search__inputtx {
    box-sizing: border-box;
    background: none;
    padding: 0;
    border: none;
    width: 100%;
    color: #1a1a1a;
  }
  .holdings-header__search__inputtx::placeholder {
    color: #666;
    opacity: 1;
  }
  .holdings-header__search__button {
    cursor: pointer;
  }
  @media (hover: hover) {
    .holdings-header__search__tglbtn:hover img {
      filter: brightness(0.14);
    }
    .holdings-header__search__button:hover img {
      filter: brightness(0.14);
    }
  }
  @media (min-width: 600px) {
    .holdings-header__search__form {
      justify-content: flex-end;
    }
    .holdings-header__search__in {
      width: 240px;
    }
    .holdings-header__search__inputtx {
      font-size: 12px;
    }
  }
  @media (max-width: 599px) {
    .holdings-header__search__inputtx {
      font-size: 16px;
    }
  }
  @media (min-width: 981px) {
    .holdings-header__search {
      box-sizing: border-box;
      position: relative;
      margin-inline-start: auto;
      padding: 1px 0;
    }
    .holdings-header__relnav + .holdings-header__search,
    .holdings-header__fixarea.fix .holdings-header__search {
      margin-inline-start: 20px;
    }
    .holdings-header__search__in {
      height: 32px;
    }
    .holdings-header__search__form {
      align-items: center;
    }
    .holdings-header__search__panel {
      left: 0;
      right: 0;
      top: -8px;
      margin-inline: auto -8px;
    }
    .holdings-header__search__panel:not([aria-hidden="false"]) {
      width: 0;
    }
    .holdings-header__search__panel[aria-hidden="false"] {
      width: 240px;
    }
  }
  @media (max-width: 980px) {
    .holdings-header__search {
      position: absolute;
      width: 100%;
      height: 48px;
      max-height: 100%;
      pointer-events: none;
      z-index: 1001;
    }
    .holdings-header__search .holdings-header__search__tglbtn {
      padding: 0 15px;
      margin-inline-start: auto;
      pointer-events: auto;
    }
    .holdings-header__search__in {
      height: 40px;
    }
    .holdings-header__search__panel {
      background-color: var(--pale-gray);
      width: 100%;
      height: 47px;
      right: 0;
      left: 0;
      padding: 0 7px;
      pointer-events: auto;
    }
    .holdings-header__search__panel:not([aria-hidden="false"]) {
      height: 0;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__search {
      height: 42px;
    }
  }
  .holdings-header__sub__nav,
  .holdings-header__sub__mobile {
    background-color: var(--pale-gray);
    box-sizing: border-box;
  }
  .holdings-header__sub__nav a,
  .holdings-header__sub__mobile a {
    color: inherit;
  }
  .holdings-header__sub__nav a[aria-current="page"],
  .holdings-header__sub__mobile a[aria-current="page"] {
    font-weight: 500;
  }
  .holdings-header__sub__mobile {
    color: #999;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .holdings-header__sub__nav {
    border-top: 1px solid #ccc;
  }
  .holdings-header__sub__nav a[aria-current="page"] {
    color: #1a1a1a;
  }
  .holdings-header__sub__nav a[aria-current="page"] {
    font-weight: 500;
  }
  .holdings-header__sub__nav__label {
    font-weight: 500;
  }
  .holdings-header__sub__nav__label .link-icn {
    width: 1em;
    height: 1em;
    vertical-align: top;
    margin-inline-start: 0.5em;
    margin-block-start: 0.25em;
  }
  .holdings-header__sub__nav__in {
    box-sizing: border-box;
  }
  .holdings-header__sub__nav .childlist {
    transition: height 0.3s;
    overflow: hidden;
    height: 0;
  }
  .holdings-header__sub__nav .childlist[aria-hidden="true"] {
    visibility: hidden;
  }
  .holdings-header .holdings-header__fixarea:not(.clone) .holdings-header__sub {
    position: relative;
    top: 0;
    transition: top 0.3s;
  }
  .holdings-header
    .holdings-header__fixarea.fix:not(.clone)
    .holdings-header__sub {
    position: absolute;
    width: 100%;
  }
  .holdings-header
    .holdings-header__fixarea.fix:not(.clone)
    .holdings-header__main.show
    + .holdings-header__sub {
    top: 42px;
  }
  @media (hover: hover) and (min-width: 981px) {
    .holdings-header__sub__nav a:hover {
      color: #1a1a1a;
    }
    .holdings-header__sub__nav .childlist__header__closebtn:hover img {
      filter: brightness(0.14);
    }
  }
  @media (min-width: 981px) {
    .holdings-header__sub__mobile {
      display: none;
    }
    .holdings-header__sub__nav {
      font-size: 13px;
      text-align: center;
      position: relative;
      color: #666;
    }
    .holdings-header__sub__nav .holdings-header__sub__nav__tglbtn,
    .holdings-header__sub__nav__panel {
      display: none;
    }
    .holdings-header__sub__nav__in {
      display: inline-flex;
      align-items: flex-start;
      width: 976px;
      padding: 12px 0;
    }
    .holdings-header__sub__nav__label {
      white-space: nowrap;
      flex-shrink: 0;
      color: #1a1a1a;
      position: relative;
    }
    .holdings-header__sub__nav__label:not(:last-child) {
      padding-inline-end: 25px;
    }
    .holdings-header__sub__nav__label:not(:last-child)::after {
      content: "";
      width: 1px;
      height: 13px;
      background-color: #ccc;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-block: auto;
      margin-inline: auto 12px;
    }
    .holdings-header__sub__nav__list {
      display: flex;
      flex-wrap: wrap;
      margin-top: -4px;
    }
    .holdings-header__sub__nav__list__item {
      margin-top: 4px;
    }
    .holdings-header__sub__nav__list__item:not(:last-child) {
      margin-inline-end: 25px;
    }
    .holdings-header__sub__nav__list__item.opened {
      color: #1a1a1a;
    }
    .holdings-header__sub__nav__list__item .item-box {
      position: relative;
    }
    .holdings-header__sub__nav__list__item:not(:last-child) > .item-box::after {
      content: "";
      width: 1px;
      height: 13px;
      background-color: #ccc;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin-block: auto;
      margin-inline: auto -12px;
    }
    .holdings-header__sub__nav__list__item .item-link {
      display: flex;
    }
    .holdings-header__sub__nav__list__item .item-link .icn {
      align-self: center;
      line-height: 0;
      margin-inline-start: 0.5em;
    }
    .holdings-header__sub__nav__list__item .item-link .icn img {
      width: 1em;
      height: 1em;
      filter: brightness(60%);
    }
    .holdings-header__sub__nav__list__item .item-link.tgl + .item-link {
      display: none;
    }
    .holdings-header__sub__nav__list__item .item-tglbtn {
      display: none;
    }
    .holdings-header__sub__nav .childlist {
      background-color: var(--pale-gray);
      border-top: 1px solid #ccc;
      color: #666;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      width: 100%;
      z-index: 1;
    }
    .holdings-header__sub__nav .childlist a[aria-current="page"] {
      color: #1a1a1a;
    }
    .holdings-header__sub__nav .childlist__header {
      width: 976px;
      display: flex;
      align-items: center;
      padding-top: 12px;
      margin-left: auto;
      margin-right: auto;
      color: #1a1a1a;
    }
    .holdings-header__sub__nav .childlist__header__label {
      margin-inline-end: auto;
    }
    .holdings-header__sub__nav .childlist__header__label .link-icn {
      width: 1em;
      height: 1em;
      vertical-align: top;
      margin-inline-start: 0.5em;
      margin-block-start: 0.25em;
    }
    .holdings-header__sub__nav .childlist__header__closebtn {
      cursor: pointer;
    }
    .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list {
      padding: 12px 0;
      margin-left: auto;
      margin-right: auto;
      width: 976px;
      display: flex;
    }
    .holdings-header__sub__nav
      .childlist
      > .holdings-header__sub__nav__list
      .holdings-header__sub__nav__list__item:not(:last-child)
      > .item-box::after {
      content: "";
      display: block;
      width: 1px;
      height: 13px;
      background-color: #ccc;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin-inline: auto -12px;
      margin-block: auto;
    }
    .holdings-header .holdings-header__fixarea.fix .holdings-header__sub__nav {
      z-index: 1001;
    }
  }
  @media (max-width: 980px) {
    .holdings-header .holdings-header__sub__in {
      height: 100%;
    }
    .holdings-header .holdings-header__sub__mobile {
      display: flex;
      align-items: center;
      height: 40px;
      font-size: 12px;
    }
    .holdings-header
      .holdings-header__sub__mobile
      .holdings-header__sub__nav__label:only-child {
      padding: 0 15px;
    }
    .holdings-header .holdings-header__sub .holdings-header__sub__nav {
      display: none;
    }
  }
  .holdings-header__subchild {
    background-color: var(--pale-gray);
    border-top: 1px solid #ccc;
    color: #666;
    text-align: center;
  }
  .holdings-header__subchild a {
    color: inherit;
  }
  .holdings-header__subchild a[aria-current="page"] {
    color: #1a1a1a;
    font-weight: 500;
  }
  .holdings-header__subchild__nav__list {
    display: flex;
    flex-wrap: wrap;
    width: 976px;
    padding: 12px 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    margin-top: -4px;
  }
  .holdings-header__subchild__nav__list__item {
    position: relative;
    margin-top: 4px;
  }
  .holdings-header__subchild__nav__list__item:not(:last-child) {
    margin-inline-end: 25px;
  }
  .holdings-header__subchild__nav__list__item:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 13px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-block: auto;
    margin-inline: auto -12px;
  }
  .holdings-header__subchild__nav__list__item .item-link {
    display: flex;
  }
  .holdings-header__subchild__nav__list__item .item-link .icn {
    align-self: center;
    line-height: 0;
    margin-inline-start: 0.5em;
  }
  .holdings-header__subchild__nav__list__item .item-link .icn img {
    width: 1em;
    height: 1em;
    filter: brightness(60%);
  }
  @media (hover: hover) {
    .holdings-header__subchild a:hover {
      color: #1a1a1a;
    }
  }
  @media (max-width: 980px) {
    .holdings-header__subchild {
      display: none;
    }
  }
  .holdings-header .headernavpanel {
    --headernavpanel-font-color-base: hsl(0, 0%, 30%);
    --headernavpanel-font-color-base-em: hsl(0, 0%, 0%);
    --headernavpanel-icn-color-filter: brightness(0.3);
  }
  @media (min-width: 981px) {
    .holdings-header .holdings-header__fixarea.fix .holdings-header__main:has(.link-headernavpanel-click.active), .holdings-header .holdings-header__fixarea.fix .holdings-header__main:has(.link-headernavpanel-hover: hover, .link-headernavpanel-click:hover), .holdings-header .holdings-header__fixarea.fix .holdings-header__main:has(.link-headernavpanel-hover:focus-within, .link-headernavpanel-click:focus-within), .holdings-header .holdings-header__fixarea.fix .holdings-header__main:has(.headernavpanel:hover), .holdings-header .holdings-header__fixarea.fix .holdings-header__main:has(.headernavpanel__wrapper[data-inprogress=true]) {
      height: 42px;
      overflow: visible;
      visibility: visible;
    }
  }
  .holdings-header .headernavpanel {
    color: var(--headernavpanel-font-color-base);
    font-size: 16px;
    overflow: auto;
    max-height: calc(100dvh - 42px);
  }
  .holdings-header .headernavpanel a:not(.nolink):hover,
  .holdings-header .headernavpanel a[aria-current="page"] {
    color: var(--headernavpanel-font-color-base-em);
  }
  .holdings-header .headernavpanel a[aria-current="page"] {
    font-weight: 500;
  }
  .holdings-header .headernavpanel__link-icn {
    margin-inline-start: 0.5em;
    margin-block-start: 0.25em;
    width: 1em;
    height: 1em;
    vertical-align: top;
  }
  .holdings-header .headernavpanel__wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    margin-inline: 0;
    padding-top: 12px;
    z-index: 1;
  }
  .holdings-header .headernavpanel__panel {
    background-color: hsl(0, 0%, 95%);
  }
  .holdings-header .headernavpanel__panhead {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 53px;
    padding-inline: 20px;
  }
  .holdings-header .headernavpanel__panhead__container {
    max-width: 1280px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    column-gap: 32px;
  }
  .holdings-header .headernavpanel__panhead__container .intitle {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: start;
    font-size: 14px;
  }
  .holdings-header .headernavpanel__panhead__container .browseall {
    font-size: 14px;
  }
  .holdings-header .headernavpanel__panhead__container .browseall a {
    display: flex;
    align-items: center;
    column-gap: 8px;
  }
  .holdings-header .headernavpanel__panhead__container .browseall__icn {
    width: 16px;
    height: 16px;
  }
  .holdings-header .headernavpanel__panhead__container .browseall__icn img {
    display: block;
    filter: var(--headernavpanel-icn-color-filter);
  }
  .holdings-header .headernavpanel__panhead__container .closeit {
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 8px;
  }
  .holdings-header .headernavpanel__panhead__container .closeit__icn {
    width: 16px;
    height: 16px;
  }
  .holdings-header .headernavpanel__panhead__container .closeit__icn img {
    display: block;
    filter: var(--headernavpanel-icn-color-filter);
  }
  .holdings-header .headernavpanel__contents {
    position: relative;
  }
  .holdings-header .headernavpanel__list {
    margin-inline: auto;
    max-width: 976px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 12.5%);
    justify-content: center;
  }
  .holdings-header .headernavpanel__item {
    text-align: center;
  }
  .holdings-header .headernavpanel__item:hover {
    background-color: hsl(0, 0%, 90%);
  }
  .holdings-header .headernavpanel__item-link {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 16px 8px;
    height: 100%;
    z-index: 1;
  }
  .holdings-header .headernavpanel__item-link .img-element {
    display: block;
    padding-inline: 8px;
  }
  .holdings-header .headernavpanel__item-link .img-element img {
    display: block;
    margin: auto;
    width: 100px;
    aspect-ratio: 4/3;
  }
  .holdings-header .headernavpanel__item-link .catname {
    font-size: 14px;
  }
  .holdings-header .headernavpanel__child-panel {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
  }
  .holdings-header .headernavpanel__textpanel {
    background-color: hsl(0, 0%, 90%);
    padding-block: 32px;
    padding-inline: 20px;
    text-align: start;
    font-size: 0;
  }
  .holdings-header .headernavpanel__textpanel .listname-parent {
    font-size: 18px;
    font-weight: 700;
  }
  .holdings-header .headernavpanel__textpanel .listname-child {
    font-size: 16px;
  }
  .holdings-header .headernavpanel__textpanel__list {
    max-width: 1280px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px 32px;
  }
  .holdings-header .headernavpanel__textpanel__child {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  @media (min-width: 981px) {
    .holdings-header__nav__list__item.link-headernavpanel-hover:hover
      .item-link,
    .holdings-header__nav__list__item.link-headernavpanel-hover:focus-within
      .item-link {
      color: var(--headernavpanel-font-color-base-em);
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover:hover
      .headernavpanel__wrapper,
    .holdings-header__nav__list__item.link-headernavpanel-hover:focus-within
      .headernavpanel__wrapper {
      visibility: visible;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover:hover
      .headernavpanel__panel,
    .holdings-header__nav__list__item.link-headernavpanel-hover:focus-within
      .headernavpanel__panel {
      height: var(--oh);
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__wrapper {
      visibility: hidden;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__wrapper[data-inprogress="true"] {
      visibility: visible;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__wrapper[data-inprogress="true"]
      .headernavpanel__child-panel {
      visibility: visible;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__panel {
      overflow: hidden;
      height: 0px;
      transition: height 0.3s;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__item:hover,
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__item:focus-within {
      background-color: hsl(0, 0%, 90%);
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__item:hover
      .headernavpanel__child-panel,
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__item:focus-within
      .headernavpanel__child-panel {
      visibility: visible;
      z-index: 1;
    }
    .holdings-header__nav__list__item.link-headernavpanel-hover
      .headernavpanel__child-panel {
      visibility: hidden;
    }
  }
  @media (min-width: 981px) {
    .holdings-header__nav__list__item.link-headernavpanel-click
      .headernavpanel {
      height: 100dvh;
      pointer-events: none;
      display: none;
    }
    .holdings-header__nav__list__item.link-headernavpanel-click
      .headernavpanel__panel {
      pointer-events: all;
    }
    .holdings-header__nav__list__item.link-headernavpanel-click
      .headernavpanel__item:has(.active) {
      background-color: hsl(0, 0%, 90%);
    }
    .holdings-header__nav__list__item.link-headernavpanel-click
      .headernavpanel__item-link.active {
      color: var(--headernavpanel-font-color-base-em);
    }
    .holdings-header__nav__list__item.link-headernavpanel-click
      .headernavpanel__child-panel {
      display: none;
    }
  }
  /* -- 20260219 start -- */
  .holdings-header__nav.horizontal
    .holdings-header__nav__list__item
    .item-box
    .item-link[target="_blank"],
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link[target="_blank"] {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
  }
  .holdings-header__nav.horizontal
    .holdings-header__nav__list__item
    .item-box
    .item-link[target="_blank"]::after,
  .holdings-header__nav.pulldown
    .holdings-header__nav__list__item
    .item-link[target="_blank"]::after {
    content: "";
    display: block;
    width: 16px;
    aspect-ratio: 1/1;
    mask: url(/hvac-cc/pyghp/asset/img/common/holdings-icn-newtab.svg) 0 0
      no-repeat;
    mask-size: 100% auto;
    margin-left: 8px;
    background-color: #666666;
  }

  /* -- 20260219 fin -- */
}
/* -- 20260305 start -- */
.mgt-pc--80 {
  margin-top: 80px !important;
}
@media (max-width: 767px) {
  .mgt-sp--48 {
    margin-top: 48px !important;
  }
}

.holdings-breadcrumbs__list__item span {
  white-space: break-spaces;
}

@media print and (min-width: 768px), screen and (min-width: 768px) {
  .pc-hide {
    display: none !important;
  }
}
@media print and (max-width: 767px), screen and (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .holdings-footer__copyright {
    text-align: center;
  }
}
.headernavpanel__textpanel__item a {
  position: relative;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
  align-items: center;
}
.headernavpanel__textpanel__item a[target="_blank"]::after {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  mask: url(/hvac-cc/pyghp/asset/img/common/holdings-icn-newtab.svg) 0 0
    no-repeat;
  mask-size: 100% auto;
  margin-left: 8px;
  background-color: #4d4d4d;
  margin-top: 3px;
}
/* -- 20260305 fin -- */