*:where(:not(html,iframe,canvas,img,svg,video,audio,input,button):not(svg *,symbol *)) {
    all: unset;
    display: revert
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

a, button {
    cursor: revert
}

ol, ul, menu {
    list-style: none
}

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input, textarea {
    -webkit-user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    appearance: revert
}

: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
}

: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
    }
}

.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
}

img {
    height: auto
}

sup {
    vertical-align: super;
    font-size: .7em;
    line-height: 1
}

sub {
    vertical-align: sub;
    font-size: .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
}

.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/biz/assets/img/holdings/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 .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(../resources/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(../resources/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: .5em;
        height: 1.5em;
        vertical-align: top
    }

    .holdings-titlenav .holdings-header__sub__nav__list__item .item-link .icn img {
        display: block;
        margin-block: .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: .25em;
    margin-inline-start: .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: calc(20px + var(--sticky-h))
    }

    .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 .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
    }
}

@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 .3s, height .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 .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 .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: .5em;
    height: 1.5em;
    vertical-align: top
}

.holdings-header__nav.pulldown .holdings-header__nav__list__item .item-link .icn img {
    display: block;
    margin-block: .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: .5em;
    height: 1.5em;
    vertical-align: top
}

.holdings-header__nav.pulldown .holdings-header__rel__list__item .item-link .icn img {
    display: block;
    margin-block: .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: .25em;
    margin-inline-start: .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: .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: .5em
    }

    .holdings-header__relnav .holdings-header__rel__list__item.withlistmenu .listmenu-icn {
        width: 1em;
        height: 1em;
        vertical-align: top;
        margin-block-start: .25em;
        margin-inline-start: .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: .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 .3s, height .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 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: .5em;
    margin-block-start: .25em
}

.holdings-header__sub__nav__in {
    box-sizing: border-box
}

.holdings-header__sub__nav .childlist {
    transition: height .3s;
    overflow: hidden;
    height: 0;
    text-align: center;
}

.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 .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;
        justify-content: center;
        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 .item-link {
        display: flex
    }

    .holdings-header__sub__nav__list__item .item-link .icn {
        align-self: center;
        line-height: 0;
        margin-inline-start: .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;
        text-align: center;
    }

    .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: .5em;
        margin-block-start: .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: .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: .5em;
    margin-block-start: .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 .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
    }
}
/* ============================================================
   ナビゲーション ドロップダウン レイアウト上書きCSS
   ============================================================ */

@media (min-width: 981px) {

  /* ── childlist 共通 ── */

  .holdings-header__sub__nav .childlist {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 0;
  }

  .holdings-header__sub__nav .childlist > .childlist__header:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 32px 24px 16px;
    font-size: 13px;
  }

  .holdings-header__sub__nav .childlist > .childlist__header:first-child .childlist__header__closebtn {
    display: flex;
    align-items: center;
    cursor: pointer;
  }


  /* ── 見出し＋小項目あり（商品情報・業務支援ツール等）── */

  .holdings-header__sub__nav .childlist > .childlist__col {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    box-sizing: border-box;
    padding: 0 5px 24px;
    text-align: left;
    font-size: 14px;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .childlist__header {
    display: block;
    width: auto;
    padding: 0 0 12px;
    margin: 0;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .childlist__header .childlist__header__label {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    display: block;
    text-align: left;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .childlist__header .childlist__header__closebtn {
    display: none;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .holdings-header__sub__nav__list {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .holdings-header__sub__nav__list__item {
    display: block;
    margin-top: 0;
    margin-inline-end: 0;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .item-box {
    padding: 5px 0;
    min-height: auto;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .holdings-header__sub__nav__list__item:not(:last-child) > .item-box::after {
    display: none;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .item-link {
    font-size: 14px;
    color: #333;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .item-link span {
    text-align: left;
  }

  .holdings-header__sub__nav .childlist > .childlist__col .item-link:hover {
    color: #1a1a1a;
  }

  .holdings-header__sub__nav .childlist .item-link .icn {
    display: inline-flex;
    margin-inline-start: 0.5em;
  }


  /* ── 見出しなし・小項目のみ（カタログ・技術資料等）── */

  .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list {
    display: block;
    box-sizing: border-box;
    width: 976px;
    margin-left: 14%;
    margin-right: auto;
    padding: 0 0 24px 5px;
    text-align: left;
    font-size: 14px;
  }

  .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list .holdings-header__sub__nav__list__item {
    display: block;
    margin-top: 0;
    margin-inline-end: 0;
  }

  .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list .item-box {
    padding: 5px 0;
    min-height: auto;
  }

  .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list .holdings-header__sub__nav__list__item:not(:last-child) > .item-box::after {
    display: none;
  }

  .holdings-header__sub__nav .childlist > .holdings-header__sub__nav__list .item-link {
    color: #333;
  }

}

/* 別タブアイコン */
.newtab-icon {
  width: 1em;
  height: 1em;
  vertical-align: top;
  margin-block-start: .25em;
  margin-inline-start: .5em;
  filter: brightness(60%);
}