@charset "UTF-8";
@layer module {
  .m-btn {
    display: inline-block;
    min-width: 288px;
  }
  .m-btn-inner {
    background-color: var(--COLOR_BRAND_PRIMARY);
    border: 1px solid var(--COLOR_BRAND_PRIMARY);
    border-radius: 4px;
    color: var(--COLOR_BASE_LIGHT);
    display: flex;
    justify-content: center;
    line-height: 1.5;
    padding-block: 16px;
    padding-inline: 40px;
    position: relative;
    transition: opacity var(--HOVER_ANIMATION_TRANSITION_TIME);
  }
  .m-btn-inner::after {
    background-color: var(--COLOR_BASE_LIGHT);
    content: "";
    display: block;
    height: 16px;
    mask-image: url(/common/v2/img/icon/icon-arrow-right.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(calc(-50% - 1px));
    width: 16px;
  }
  .m-button-text {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    padding: 0;
    text-align: left;
  }
  .m-button-text--dialog,
  .m-button-text--reset {
    position: relative;
    /* icon */
  }
  .m-button-text--dialog::before,
  .m-button-text--reset::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 1em;
    mask-repeat: no-repeat;
    mask-size: cover;
    position: absolute;
    top: 0.3em;
    width: 1em;
  }
  .m-button-text--dialog {
    padding-right: 1.2em;
    /* icon */
  }
  .m-button-text--dialog::before {
    mask-image: url("/assets/images/icon/icon-squareArrowUpRight.svg");
    right: 0;
  }
  .m-button-text--reset {
    padding-left: 1.2em;
    /* icon */
  }
  .m-button-text--reset::before {
    left: 0;
    mask-image: url("/assets/images/icon/icon-xmark.svg");
  }
  /* Hoverable Device */
  .m-btn-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--SPACING) * 3);
  }
  .m-btn-list + .m-btn-list {
    margin-block-start: calc(var(--SPACING) * 4);
  }
  .m-btn-list__link {
    align-items: center;
    background-color: var(--COLOR_BRAND_PRIMARY);
    border-radius: 4px;
    color: var(--COLOR_BASE_LIGHT);
    display: flex;
    font-size: var(--FONT_SIZE_14);
    height: 100%;
    justify-content: center;
    padding-block: calc(var(--SPACING) * 4);
    padding-inline: calc(var(--SPACING) * 2) 40px;
    text-align: center;
    position: relative;
    color: var(--COLOR_BASE_LIGHT);
  }
  .m-btn-list__link::after {
    content: "";
    width: 16px;
    height: 16px;
    mask-image: url("/common/v2/img/icon/icon-arrow-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .m-btn-list__link::after,.m-btn-list__link:hover::after, .m-btn-list__link:focus-visible::after {
    background-color: var(--COLOR_BASE_LIGHT);
  }
  .m-btn-list__link::after {
    right: 16px;
  }
  .m-btn-list__link[target=_blank]::after {
    display: none;
  }
  .m-btn-list__link[target=_blank] .icon-link-external {
    align-items: center;
    display: flex;
    filter: brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(0%) hue-rotate(5deg) brightness(103%) contrast(107%);
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  /*
  m-side-over-content
  */
  .m-side-over-content {
    display: grid;
    grid-template-areas: "hdg" "img" "text" "btn";
    grid-template-columns: 1fr;
  }
  .m-side-over-content + .m-side-over-content {
    margin-block-start: calc(var(--SPACING) * 10);
  }
  .m-side-over-content__hdg {
    grid-area: hdg;
  }
  .m-side-over-content__text {
    grid-area: text;
    margin-block-end: calc(var(--SPACING) * 4);
  }
  .m-side-over-content__btn {
    grid-area: btn;
    justify-self: center;
  }
  .m-side-over-content__img {
    grid-area: img;
    margin-block-end: calc(var(--SPACING) * 5);
    margin-inline: calc(var(--SPACING) * -2);
  }
  .m-side-over-content__img-item {
    border-radius: 4px;
    max-width: none;
    width: 100%;
  }
  .m-side-over-content__el {
    display: contents;
    grid-area: content;
  }
  .m-hdg-lv1 {
    background-image: url("/common/v2/img/product/index-bg-sp.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 400;
    grid-area: h1;
    position: relative;
  }
  .m-hdg-lv1::before {
    background: rgba(51, 51, 51, 0.4);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4;
  }
  .m-hdg-lv1.m-hdg-lv1--company {
    background-image: url("/common/v2/img/company/index-bg-sp.webp");
  }
  .m-hdg-lv1.m-hdg-lv1--product {
    background-image: url("/common/v2/img/product/index-bg-sp.webp");
  }
  .m-hdg-lv1.m-hdg-lv1--investor {
    background-image: url("/common/v2/img/investor/index-bg-sp.webp");
  }
  .m-hdg-lv1.m-hdg-lv1--csr {
    background-image: url("/common/v2/img/csr/index-bg-sp.webp");
  }
  .m-hdg-lv1__inner {
    padding-block: calc(var(--SPACING) * 5);
    padding-inline: calc(var(--SPACING) * 2);
    position: relative;
    z-index: 5;
  }
  .m-hdg-lv1__main {
    font-family: var(--FONT-FAMILY_ROBOTO);
    font-size: var(--FONT_SIZE_48);
    line-height: 1.2;
    margin-block: 0;
  }
  .m-hdg-lv1__main,.m-hdg-lv1__sub {
    color: var(--COLOR_BASE_LIGHT);
    display: block;
    font-weight: 400;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  .m-hdg-lv1__sub {
    font-size: var(--FONT_SIZE_18);
    line-height: 1.5;
    margin-block-start: calc(var(--SPACING) * 1);
  }
  .m-hdg-lv1.m-hdg-lv1--third {
    background-image: none;
  }
  .m-hdg-lv1.m-hdg-lv1--third::before {
    display: none;
  }
  .m-hdg-lv1.m-hdg-lv1--third .m-hdg-lv1__inner {
    padding-block-end: 0;
  }
  .m-hdg-lv1.m-hdg-lv1--third .m-hdg-lv1__main {
    color: var(--COLOR_TEXT_PRIMARY);
    font-size: var(--FONT_SIZE_36);
    font-weight: 400;
    line-height: 1.5;
    text-shadow: none;
  }
  .m-hdg-lv1.m-hdg-lv1--third .m-hdg-lv1__sub {
    color: var(--COLOR_TEXT_PRIMARY);
    font-size: var(--FONT_SIZE_18);
    font-weight: 400;
    text-shadow: none;
  }
  /* トップページ 見出し */
  .top-hdg-lv2 {
    color: var(--COLOR_BRAND_PRIMARY);
    font-weight: 400;
    margin-block-end: calc(var(--SPACING) * 4);
  }
  .top-hdg-lv2__main {
    display: block;
    font-family: var(--FONT-FAMILY_ROBOTO);
    font-size: var(--FONT_SIZE_56);
    line-height: 1.2;
  }
  .top-hdg-lv2__sub {
    display: block;
    font-size: var(--FONT_SIZE_18);
    line-height: 1.5;
    margin-block-start: calc(var(--SPACING) * 1);
  }
  /* 汎用見出し */
  .m-hdg-lv2 {
    color: var(--COLOR_BRAND_PRIMARY);
    margin-block: 0 calc(var(--SPACING) * 4);
  }
  .m-hdg-lv2,.m-hdg-lv3 {
    font-size: var(--FONT_SIZE_28);
    font-weight: 400;
  }
  .m-hdg-lv3 {
    border-bottom: 1px solid var(--COLOR_BRAND_PRIMARY);
    margin-block: 0 calc(var(--SPACING) * 1);
    padding-block-end: calc(var(--SPACING) * 1);
  }
  .m-heading-type4 {
    margin-top: calc(var(--SPACING) * 8);
    padding-left: calc(var(--SPACING) * 6);
    position: relative;
    /* marker */
  }
  .m-heading-type4::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
  }
  .m-heading-type4__mainText {
    font-size: calc(18 / var(--FONT_SIZE_ROOT) * 1rem);
    line-height: 1.5;
  }
  .m-heading-type4__link {
    color: var(--COLOR_BRAND_PRIMARY);
    text-decoration: none;
  }
  /* PC Viewport */
  /* Hoverable Device */
  .m-link {
    color: var(--COLOR_BRAND_PRIMARY);
    text-decoration: underline;
  }
  .m-link,.m-link .icon-link-external {
    align-items: center;
    display: inline-flex;
  }
  .m-link .icon-link-external {
    filter: var(--FILTER_BLUE);
    margin-inline-start: 4px;
  }
  .m-link:hover {
    opacity: 0.7;
  }
  .m-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--SPACING) * 2) 0;
    margin-inline-start: calc(var(--SPACING) * -2);
  }
  .m-link-list + .m-link-list {
    margin-block-start: calc(var(--SPACING) * 4);
  }
  .m-link-list__item {
    display: inline-flex;
    padding-inline: calc(var(--SPACING) * 2) 0;
  }
  .m-link-list__link {
    font-size: var(--FONT_SIZE_14);
  }
  .m-link-list__link::after {
    content: "|";
    padding-inline-start: calc(var(--SPACING) * 2);
  }
  .m-link-list__link[target=_blank] .icon-link-external {
    align-items: center;
    display: inline-flex;
    margin-inline-start: calc(var(--SPACING) * 1);
    transform: translateY(2px);
  }
  .m-link-list__link[target=_blank]:hover .icon-link-external {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(1539%) hue-rotate(187deg) brightness(94%) contrast(99%);
  }
  .m-link-list__link span {
    background-image: linear-gradient(var(--COLOR_BRAND_PRIMARY), var(--COLOR_BRAND_PRIMARY));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size var(--HOVER_ANIMATION_TRANSITION_TIME);
  }
  .m-link-list--vertical {
    flex-direction: column;
    gap: 0;
    margin-inline-start: 0;
  }
  .m-link-list--vertical .m-link-list__item {
    border-right: none;
    padding-inline-start: 0;
    position: relative;
  }
  .m-link-list--vertical .m-link-list__item::before {
    background-color: var(--COLOR_OUTLINE_PRIMARY);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .m-link-list--vertical .m-link-list__link {
    display: block;
    padding-block: calc(var(--SPACING) * 1);
    padding-inline: 0 calc(var(--SPACING) * 3);
    width: 100%;
    position: relative;
    color: var(--COLOR_TEXT_PRIMARY);
  }
  .m-link-list--vertical .m-link-list__link::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--COLOR_TEXT_PRIMARY);
    mask-image: url("/common/v2/img/icon/icon-arrow-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .m-link-list--vertical .m-link-list__link:hover::after, .m-link-list--vertical .m-link-list__link:focus-visible::after {
    background-color: var(--COLOR_BRAND_PRIMARY);
  }
  .m-link-list--vertical .m-link-list__link[target=_blank]::after {
    display: none;
  }
  .m-link-list--vertical .m-link-list__link[target=_blank] .icon-link-external {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  * + .m-note-list {
    margin-block-start: calc(var(--SPACING) * 4);
  }
  .m-note-list-item {
    font-size: var(--FONT_SIZE_14);
    padding-inline: 22px;
    position: relative;
  }
  .m-note-list-item::before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0;
  }
  .m-note-list-item + .m-note-list-item {
    margin-block-start: calc(var(--SPACING) * 1);
  }
  .m-panel-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--SPACING) * 4);
  }
  .m-panel-list + .m-panel-list {
    margin-block-start: calc(var(--SPACING) * 4);
  }
  .m-panel__link {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--SPACING) * 1);
  }
  .m-panel__link[target=_blank] .m-panel__title::after {
    display: none;
  }
  .m-panel__link[target=_blank] .m-panel__title .icon-link-external {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(calc(-50% - 2px));
  }
  .m-panel__title {
    position: relative;
    color: var(--COLOR_TEXT_PRIMARY);
    background-image: linear-gradient(var(--COLOR_BRAND_PRIMARY), var(--COLOR_BRAND_PRIMARY));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    display: block;
    font-size: var(--FONT_SIZE_18);
    font-weight: var(--FONT_WEIGHT_MEDIUM);
    padding-inline-end: calc(var(--SPACING) * 3);
    transition: background-size var(--HOVER_ANIMATION_TRANSITION_TIME);
  }
  .m-panel__title::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--COLOR_TEXT_PRIMARY);
    mask-image: url("/common/v2/img/icon/icon-arrow-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .m-panel__title:hover::after, .m-panel__title:focus-visible::after {
    background-color: var(--COLOR_BRAND_PRIMARY);
  }
  .m-panel__text {
    display: block;
    font-size: var(--FONT_SIZE_14);
    font-weight: 400;
    margin-block-start: calc(var(--SPACING) * 1);
  }
  .m-panel__img {
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
  }
  .m-panel__img img {
    width: 100%;
  }
  .m-panel__link + * {
    margin-block-start: calc(var(--SPACING) * 2);
  }
  .m-panel-bnr__title {
    font-size: var(--FONT_SIZE_18);
    margin-block-end: calc(var(--SPACING) * 1);
    position: relative;
    color: var(--COLOR_TEXT_PRIMARY);
  }
  .m-panel-bnr__title::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--COLOR_TEXT_PRIMARY);
    mask-image: url("/common/v2/img/icon/icon-arrow-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .m-panel-bnr__title:hover::after, .m-panel-bnr__title:focus-visible::after {
    background-color: var(--COLOR_BRAND_PRIMARY);
  }
  .m-panel-bnr {
    border: 1px solid var(--COLOR_OUTLINE_PRIMARY);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .m-panel-bnr[target=_blank] .m-panel-bnr__title {
    align-items: center;
    display: flex;
    position: relative;
  }
  .m-panel-bnr[target=_blank] .m-panel-bnr__title::after {
    display: none;
  }
  .m-panel-bnr[target=_blank] .m-panel-bnr__title .icon-link-external {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .m-panel-bnr__img img {
    width: 100%;
  }
  .m-panel-bnr__detail {
    padding-block: calc(var(--SPACING) * 3);
    padding-inline: calc(var(--SPACING) * 3);
  }
  .m-panel-bnr__text {
    font-size: var(--FONT_SIZE_14);
  }
  .m-panel-download {
    display: flex;
    flex-direction: column;
    gap: calc(var(--SPACING) * 4);
    margin-top: var(--SIZE_MODULE_MARGIN);
  }
  /*
  .m-panel-download__description {
  }
  */
  .m-panel-download__button {
    display: flex;
    justify-content: flex-end;
  }
  /* PC Viewport */
  .m-panel-information {
    display: flex;
    flex-direction: column;
    gap: calc(var(--SPACING) * 6);
    margin-top: var(--SIZE_MODULE_MARGIN);
  }
  .m-panel-information :where(.m-button) {
    display: flex;
    margin-top: calc(var(--SPACING) * 4);
  }
  .m-panel-information__web,
  .m-panel-information__call {
    background-color: var(--COLOR_BASE_LIGHT);
    padding: calc(var(--SPACING) * 4);
  }
  .m-panel-information__mail {
    text-align: center;
  }
  .m-panel-information__title {
    font-size: calc(18 / var(--FONT_SIZE_ROOT) * 1rem);
    font-weight: bold;
    line-height: 1.5;
  }
  .m-panel-information__download :where(.m-panel-information__title) {
    align-items: center;
    display: flex;
    gap: calc(var(--SPACING) * 6);
    justify-content: center;
    text-align: center;
    /* balloon */
  }
  .m-panel-information__download :where(.m-panel-information__title)::before, .m-panel-information__download :where(.m-panel-information__title)::after {
    background-color: var(--COLOR_BRAND_PRIMARY);
    content: "";
    display: inline-block;
    height: 24px;
    width: 2px;
  }
  .m-panel-information__download :where(.m-panel-information__title)::before {
    transform: rotate(-45deg);
  }
  .m-panel-information__download :where(.m-panel-information__title)::after {
    transform: rotate(45deg);
  }
  .m-panel-information__text {
    margin-top: calc(var(--SPACING) * 4);
  }
  .m-panel-information__title + .m-panel-information__text {
    margin-top: calc(var(--SPACING) * 6);
  }
  .m-panel-information__number {
    align-items: center;
    display: flex;
    gap: calc(var(--SPACING) * 2);
    margin-top: calc(var(--SPACING) * 2);
  }
  .m-panel-information__number :where(svg) {
    fill: #00c61a;
    flex: 0 0 auto;
    width: 1em;
  }
  .m-panel-information__number :where(b) {
    font-size: calc(24 / var(--FONT_SIZE_ROOT) * 1rem);
    font-weight: bold;
    line-height: 1;
  }
  /* SP Viewport */
  /* PC Viewport */
  .m-text__item-lead {
    font-size: var(--FONT_SIZE_18);
    font-weight: 500;
  }
  * + .m-text__item-lead {
    margin-block-start: calc(var(--SPACING) * 5);
  }
  .m-text__item-lead + .m-text__item-lead {
    margin-block-start: calc(var(--SPACING) * 2);
  }
  .m-text__item-lead--blue {
    color: var(--COLOR_BRAND_PRIMARY);
  }
  .m-widget-carousel {
    position: relative;
  }
  /* 読み込み完了 */
  .js-carousel-initialized {
    overflow: hidden;
  }
  .js-carousel-initialized :is(.m-widget-carousel__track, .m-widget-carousel__control) {
    display: flex;
    width: auto;
  }
  .js-carousel-initialized :is(.m-widget-carousel__slide) {
    width: auto;
  }
  .m-widget-carousel__track {
    --CAROUSEL_ITEM_NUMBER: 6;
    display: flex;
    width: calc(var(--CAROUSEL_ITEM_NUMBER) * 100%);
  }
  .m-widget-carousel__slide {
    flex-shrink: 0;
    list-style: none;
    position: relative;
    width: calc(100% / var(--CAROUSEL_ITEM_NUMBER));
  }
  .m-widget-carousel__slide > :first-child {
    margin-top: 0;
  }
  .m-widget-carousel__slide > :last-child {
    margin-bottom: 0;
  }
  .m-widget-carousel__slide :where(.m-media__wrap) {
    display: block;
  }
  .m-widget-carousel__slide :where(.m-media__item) {
    max-width: none;
    width: 100%;
  }
  .m-widget-carousel__slide .top-carousel__link {
    interactivity: inert;
  }
  .m-widget-carousel__slide.js-carousel__slide--current .top-carousel__link {
    interactivity: auto;
  }
  .m-widget-carousel__control {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin-block-start: 24px;
    padding-inline: 16px;
  }
  .m-widget-carousel__ctrl-wrap {
    display: flex;
    gap: 16px;
    justify-content: end;
    width: 100%;
  }
  .m-widget-carousel__toggle {
    background-color: var(--COLOR_BASE_LIGHT);
    border: 1px solid var(--COLOR_BRAND_PRIMARY);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 32px;
    overflow: hidden;
    position: relative;
    transition: background-color var(--HOVER_ANIMATION_TRANSITION_TIME);
    width: 32px;
  }
  .m-widget-carousel__toggle::before, .m-widget-carousel__toggle::after {
    background-color: var(--COLOR_BRAND_PRIMARY);
    border-radius: 10px;
    content: "";
    height: 12px;
    left: 12px;
    mask-image: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color var(--HOVER_ANIMATION_TRANSITION_TIME);
    width: 1px;
  }
  .m-widget-carousel__toggle::after {
    left: auto;
    right: 12px;
  }
  /* 再生中 */
  .m-widget-carousel__toggle--autoplay {
    position: relative;
  }
  .m-widget-carousel__toggle--autoplay::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    mask-image: url("/common/v2/img/icon/icon-play.svg");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 16px 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: background-color var(--HOVER_ANIMATION_TRANSITION_TIME);
    width: 100%;
  }
  .m-widget-carousel__toggle--autoplay::after {
    display: none;
  }
  .m-widget-carousel__arrow {
    background-color: var(--COLOR_BASE_LIGHT);
    border: 1px solid var(--COLOR_BRAND_PRIMARY);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 32px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color var(--HOVER_ANIMATION_TRANSITION_TIME);
    width: 32px;
    /* arrow */
  }
  .m-widget-carousel__arrow::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
    border: 1px solid var(--COLOR_BASE_LIGHT);
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    mask-image: url("/common/v2/img/icon/icon-arrow-right.svg");
    mask-position: 60% center;
    mask-repeat: no-repeat;
    mask-size: 16px 16px;
    position: absolute;
    top: 0;
    transform: translate(1px, -1px);
    width: 100%;
  }
  .m-widget-carousel__arrow--disabled {
    border: 1px solid #ccc;
    cursor: default;
  }
  .m-widget-carousel__arrow--disabled.m-widget-carousel__arrow--prev, .m-widget-carousel__arrow--disabled.m-widget-carousel__arrow--next {
    /* arrow */
  }
  .m-widget-carousel__arrow--disabled.m-widget-carousel__arrow--prev::before, .m-widget-carousel__arrow--disabled.m-widget-carousel__arrow--next::before {
    background-color: #ccc;
  }
  .m-widget-carousel__arrow--prev,
  .m-widget-carousel__arrow--next {
    /* arrow */
  }
  .m-widget-carousel__arrow--prev::before,
  .m-widget-carousel__arrow--next::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
  }
  .m-widget-carousel__arrow--prev {
    /* arrow */
  }
  .m-widget-carousel__arrow--prev::before {
    mask-image: url("/common/v2/img/icon/icon-arrow-left.svg");
    mask-position: 40% center;
  }
  .m-widget-carousel__arrow--next {
    order: 2;
  }
  .m-widget-carousel__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--SPACING) * 2);
    justify-content: flex-start;
    width: auto !important; /* override */
  }
  .m-widget-carousel__paginationItem {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 50px;
    /* bullet */
  }
  .m-widget-carousel__paginationItem::before {
    background-color: #d8d8db;
    border-radius: 20px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  .m-widget-carousel__paginationItem--current {
    /* bullet */
  }
  .m-widget-carousel__paginationItem--current::before {
    background-color: var(--COLOR_BRAND_PRIMARY);
  }
  /* Hoverable Device */
  .js-overlay {
    background: rgba(51, 51, 51, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--Z_INDEX_OVERLAY);
  }
  .js-overlay.is-visible {
    display: block;
  }
  .js-overlay--header {
    background: transparent;
    z-index: var(--Z_INDEX_OVERLAY_HEADER);
  }
}
@layer utility {
  .items-normal {
    align-items: normal;
  }
  /* PC Viewport */
  .items-start {
    align-items: flex-start;
  }
  /* PC Viewport */
  .items-end {
    align-items: flex-end;
  }
  /* PC Viewport */
  .items-center {
    align-items: center;
  }
  /* PC Viewport */
  .items-baseline {
    align-items: baseline;
  }
  /* PC Viewport */
  .items-stretch {
    align-items: stretch;
  }
  /* PC Viewport */
  .block {
    display: block !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline {
    display: inline !important;
  }
  .flex {
    display: flex !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .table {
    display: table !important;
  }
  .inline-table {
    display: inline-table !important;
  }
  .table-caption {
    display: table-caption !important;
  }
  .table-cell {
    display: table-cell !important;
  }
  .table-column {
    display: table-column !important;
  }
  .table-column-group {
    display: table-column-group !important;
  }
  .table-footer-group {
    display: table-footer-group !important;
  }
  .table-header-group {
    display: table-header-group !important;
  }
  .table-row-group {
    display: table-row-group !important;
  }
  .table-row {
    display: table-row !important;
  }
  .flow-root {
    display: flow-root !important;
  }
  .grid {
    display: grid !important;
  }
  .inline-grid {
    display: inline-grid !important;
  }
  .contents {
    display: contents !important;
  }
  .list-item {
    display: list-item !important;
  }
  .hidden {
    display: none !important;
  }
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  .h-1\/2 {
    height: 50%;
  }
  /* PC Viewport */
  .h-1\/3 {
    height: 33.333333%;
  }
  /* PC Viewport */
  .h-2\/3 {
    height: 66.666667%;
  }
  /* PC Viewport */
  .h-1\/4 {
    height: 25%;
  }
  /* PC Viewport */
  .h-2\/4 {
    height: 50%;
  }
  /* PC Viewport */
  .h-3\/4 {
    height: 75%;
  }
  /* PC Viewport */
  .h-1\/5 {
    height: 20%;
  }
  /* PC Viewport */
  .h-2\/5 {
    height: 40%;
  }
  /* PC Viewport */
  .h-3\/5 {
    height: 60%;
  }
  /* PC Viewport */
  .h-4\/5 {
    height: 80%;
  }
  /* PC Viewport */
  .h-1\/6 {
    height: 16.666667%;
  }
  /* PC Viewport */
  .h-2\/6 {
    height: 33.333333%;
  }
  /* PC Viewport */
  .h-3\/6 {
    height: 50%;
  }
  /* PC Viewport */
  .h-4\/6 {
    height: 66.666667%;
  }
  /* PC Viewport */
  .h-5\/6 {
    height: 83.333333%;
  }
  /* PC Viewport */
  .h-1\/12 {
    height: 8.333333%;
  }
  /* PC Viewport */
  .h-2\/12 {
    height: 16.666667%;
  }
  /* PC Viewport */
  .h-3\/12 {
    height: 25%;
  }
  /* PC Viewport */
  .h-4\/12 {
    height: 33.333333%;
  }
  /* PC Viewport */
  .h-5\/12 {
    height: 41.666667%;
  }
  /* PC Viewport */
  .h-6\/12 {
    height: 50%;
  }
  /* PC Viewport */
  .h-7\/12 {
    height: 58.333333%;
  }
  /* PC Viewport */
  .h-8\/12 {
    height: 66.666667%;
  }
  /* PC Viewport */
  .h-9\/12 {
    height: 75%;
  }
  /* PC Viewport */
  .h-10\/12 {
    height: 83.333333%;
  }
  /* PC Viewport */
  .h-11\/12 {
    height: 91.666667%;
  }
  /* PC Viewport */
  .h-auto {
    height: auto;
  }
  /* PC Viewport */
  .h-full {
    height: 100%;
  }
  /* PC Viewport */
  .h-screen {
    height: 100vw;
  }
  /* PC Viewport */
  .h-min {
    height: min-content;
  }
  /* PC Viewport */
  .h-max {
    height: max-content;
  }
  /* PC Viewport */
  .h-fit {
    height: fit-content;
  }
  /* PC Viewport */
  .h-0 {
    height: 0;
  }
  .h-1 {
    height: 4px;
  }
  .h-2 {
    height: 8px;
  }
  .h-3 {
    height: 12px;
  }
  .h-4 {
    height: 16px;
  }
  .h-5 {
    height: 20px;
  }
  .h-6 {
    height: 24px;
  }
  .h-7 {
    height: 28px;
  }
  .h-8 {
    height: 32px;
  }
  .h-9 {
    height: 36px;
  }
  .h-10 {
    height: 40px;
  }
  .h-11 {
    height: 44px;
  }
  .h-12 {
    height: 48px;
  }
  .h-13 {
    height: 52px;
  }
  .h-14 {
    height: 56px;
  }
  .h-15 {
    height: 60px;
  }
  .h-16 {
    height: 64px;
  }
  .h-17 {
    height: 68px;
  }
  .h-18 {
    height: 72px;
  }
  .h-19 {
    height: 76px;
  }
  .h-20 {
    height: 80px;
  }
  .h-21 {
    height: 84px;
  }
  .h-22 {
    height: 88px;
  }
  .h-23 {
    height: 92px;
  }
  .h-24 {
    height: 96px;
  }
  .h-25 {
    height: 100px;
  }
  .h-26 {
    height: 104px;
  }
  .h-27 {
    height: 108px;
  }
  .h-28 {
    height: 112px;
  }
  .h-29 {
    height: 116px;
  }
  .h-30 {
    height: 120px;
  }
  .h-31 {
    height: 124px;
  }
  .h-32 {
    height: 128px;
  }
  .h-33 {
    height: 132px;
  }
  .h-34 {
    height: 136px;
  }
  .h-35 {
    height: 140px;
  }
  .h-36 {
    height: 144px;
  }
  .h-37 {
    height: 148px;
  }
  .h-38 {
    height: 152px;
  }
  .h-39 {
    height: 156px;
  }
  .h-40 {
    height: 160px;
  }
  .justify-normal {
    justify-content: normal;
  }
  /* PC Viewport */
  .justify-start {
    justify-content: flex-start;
  }
  /* PC Viewport */
  .justify-end {
    justify-content: flex-end;
  }
  /* PC Viewport */
  .justify-center {
    justify-content: center;
  }
  /* PC Viewport */
  .justify-between {
    justify-content: space-between;
  }
  /* PC Viewport */
  .justify-around {
    justify-content: space-around;
  }
  /* PC Viewport */
  .justify-evenly {
    justify-content: space-evenly;
  }
  /* PC Viewport */
  .m-0 {
    margin: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .m-1 {
    margin: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .m-2 {
    margin: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .m-3 {
    margin: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .m-4 {
    margin: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .m-5 {
    margin: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .m-6 {
    margin: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .m-7 {
    margin: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .m-8 {
    margin: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .m-9 {
    margin: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .m-10 {
    margin: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .m-11 {
    margin: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .m-12 {
    margin: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .m-13 {
    margin: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .m-14 {
    margin: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .m-15 {
    margin: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .m-16 {
    margin: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .m-17 {
    margin: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .m-18 {
    margin: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .m-19 {
    margin: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .m-20 {
    margin: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .m-21 {
    margin: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .m-22 {
    margin: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .m-23 {
    margin: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .m-24 {
    margin: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .m-25 {
    margin: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .m-26 {
    margin: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .m-27 {
    margin: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .m-28 {
    margin: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .m-29 {
    margin: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .m-30 {
    margin: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .m-31 {
    margin: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .m-32 {
    margin: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .m-33 {
    margin: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .m-34 {
    margin: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .m-35 {
    margin: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .m-36 {
    margin: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .m-37 {
    margin: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .m-38 {
    margin: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .m-39 {
    margin: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .m-40 {
    margin: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .mx-0 {
    margin-left: calc(var(--SPACING) * 0);
    margin-right: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .mx-1 {
    margin-left: calc(var(--SPACING) * 1);
    margin-right: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .mx-2 {
    margin-left: calc(var(--SPACING) * 2);
    margin-right: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .mx-3 {
    margin-left: calc(var(--SPACING) * 3);
    margin-right: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .mx-4 {
    margin-left: calc(var(--SPACING) * 4);
    margin-right: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .mx-5 {
    margin-left: calc(var(--SPACING) * 5);
    margin-right: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .mx-6 {
    margin-left: calc(var(--SPACING) * 6);
    margin-right: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .mx-7 {
    margin-left: calc(var(--SPACING) * 7);
    margin-right: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .mx-8 {
    margin-left: calc(var(--SPACING) * 8);
    margin-right: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .mx-9 {
    margin-left: calc(var(--SPACING) * 9);
    margin-right: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .mx-10 {
    margin-left: calc(var(--SPACING) * 10);
    margin-right: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .mx-11 {
    margin-left: calc(var(--SPACING) * 11);
    margin-right: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .mx-12 {
    margin-left: calc(var(--SPACING) * 12);
    margin-right: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .mx-13 {
    margin-left: calc(var(--SPACING) * 13);
    margin-right: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .mx-14 {
    margin-left: calc(var(--SPACING) * 14);
    margin-right: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .mx-15 {
    margin-left: calc(var(--SPACING) * 15);
    margin-right: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .mx-16 {
    margin-left: calc(var(--SPACING) * 16);
    margin-right: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .mx-17 {
    margin-left: calc(var(--SPACING) * 17);
    margin-right: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .mx-18 {
    margin-left: calc(var(--SPACING) * 18);
    margin-right: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .mx-19 {
    margin-left: calc(var(--SPACING) * 19);
    margin-right: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .mx-20 {
    margin-left: calc(var(--SPACING) * 20);
    margin-right: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .mx-21 {
    margin-left: calc(var(--SPACING) * 21);
    margin-right: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .mx-22 {
    margin-left: calc(var(--SPACING) * 22);
    margin-right: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .mx-23 {
    margin-left: calc(var(--SPACING) * 23);
    margin-right: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .mx-24 {
    margin-left: calc(var(--SPACING) * 24);
    margin-right: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .mx-25 {
    margin-left: calc(var(--SPACING) * 25);
    margin-right: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .mx-26 {
    margin-left: calc(var(--SPACING) * 26);
    margin-right: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .mx-27 {
    margin-left: calc(var(--SPACING) * 27);
    margin-right: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .mx-28 {
    margin-left: calc(var(--SPACING) * 28);
    margin-right: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .mx-29 {
    margin-left: calc(var(--SPACING) * 29);
    margin-right: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .mx-30 {
    margin-left: calc(var(--SPACING) * 30);
    margin-right: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .mx-31 {
    margin-left: calc(var(--SPACING) * 31);
    margin-right: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .mx-32 {
    margin-left: calc(var(--SPACING) * 32);
    margin-right: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .mx-33 {
    margin-left: calc(var(--SPACING) * 33);
    margin-right: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .mx-34 {
    margin-left: calc(var(--SPACING) * 34);
    margin-right: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .mx-35 {
    margin-left: calc(var(--SPACING) * 35);
    margin-right: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .mx-36 {
    margin-left: calc(var(--SPACING) * 36);
    margin-right: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .mx-37 {
    margin-left: calc(var(--SPACING) * 37);
    margin-right: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .mx-38 {
    margin-left: calc(var(--SPACING) * 38);
    margin-right: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .mx-39 {
    margin-left: calc(var(--SPACING) * 39);
    margin-right: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .mx-40 {
    margin-left: calc(var(--SPACING) * 40);
    margin-right: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .my-0 {
    margin-bottom: calc(var(--SPACING) * 0);
    margin-top: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .my-1 {
    margin-bottom: calc(var(--SPACING) * 1);
    margin-top: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .my-2 {
    margin-bottom: calc(var(--SPACING) * 2);
    margin-top: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .my-3 {
    margin-bottom: calc(var(--SPACING) * 3);
    margin-top: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .my-4 {
    margin-bottom: calc(var(--SPACING) * 4);
    margin-top: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .my-5 {
    margin-bottom: calc(var(--SPACING) * 5);
    margin-top: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .my-6 {
    margin-bottom: calc(var(--SPACING) * 6);
    margin-top: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .my-7 {
    margin-bottom: calc(var(--SPACING) * 7);
    margin-top: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .my-8 {
    margin-bottom: calc(var(--SPACING) * 8);
    margin-top: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .my-9 {
    margin-bottom: calc(var(--SPACING) * 9);
    margin-top: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .my-10 {
    margin-bottom: calc(var(--SPACING) * 10);
    margin-top: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .my-11 {
    margin-bottom: calc(var(--SPACING) * 11);
    margin-top: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .my-12 {
    margin-bottom: calc(var(--SPACING) * 12);
    margin-top: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .my-13 {
    margin-bottom: calc(var(--SPACING) * 13);
    margin-top: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .my-14 {
    margin-bottom: calc(var(--SPACING) * 14);
    margin-top: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .my-15 {
    margin-bottom: calc(var(--SPACING) * 15);
    margin-top: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .my-16 {
    margin-bottom: calc(var(--SPACING) * 16);
    margin-top: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .my-17 {
    margin-bottom: calc(var(--SPACING) * 17);
    margin-top: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .my-18 {
    margin-bottom: calc(var(--SPACING) * 18);
    margin-top: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .my-19 {
    margin-bottom: calc(var(--SPACING) * 19);
    margin-top: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .my-20 {
    margin-bottom: calc(var(--SPACING) * 20);
    margin-top: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .my-21 {
    margin-bottom: calc(var(--SPACING) * 21);
    margin-top: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .my-22 {
    margin-bottom: calc(var(--SPACING) * 22);
    margin-top: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .my-23 {
    margin-bottom: calc(var(--SPACING) * 23);
    margin-top: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .my-24 {
    margin-bottom: calc(var(--SPACING) * 24);
    margin-top: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .my-25 {
    margin-bottom: calc(var(--SPACING) * 25);
    margin-top: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .my-26 {
    margin-bottom: calc(var(--SPACING) * 26);
    margin-top: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .my-27 {
    margin-bottom: calc(var(--SPACING) * 27);
    margin-top: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .my-28 {
    margin-bottom: calc(var(--SPACING) * 28);
    margin-top: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .my-29 {
    margin-bottom: calc(var(--SPACING) * 29);
    margin-top: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .my-30 {
    margin-bottom: calc(var(--SPACING) * 30);
    margin-top: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .my-31 {
    margin-bottom: calc(var(--SPACING) * 31);
    margin-top: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .my-32 {
    margin-bottom: calc(var(--SPACING) * 32);
    margin-top: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .my-33 {
    margin-bottom: calc(var(--SPACING) * 33);
    margin-top: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .my-34 {
    margin-bottom: calc(var(--SPACING) * 34);
    margin-top: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .my-35 {
    margin-bottom: calc(var(--SPACING) * 35);
    margin-top: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .my-36 {
    margin-bottom: calc(var(--SPACING) * 36);
    margin-top: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .my-37 {
    margin-bottom: calc(var(--SPACING) * 37);
    margin-top: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .my-38 {
    margin-bottom: calc(var(--SPACING) * 38);
    margin-top: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .my-39 {
    margin-bottom: calc(var(--SPACING) * 39);
    margin-top: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .my-40 {
    margin-bottom: calc(var(--SPACING) * 40);
    margin-top: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .mt-0 {
    margin-top: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .mt-1 {
    margin-top: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .mt-2 {
    margin-top: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .mt-3 {
    margin-top: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .mt-4 {
    margin-top: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .mt-5 {
    margin-top: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .mt-6 {
    margin-top: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .mt-7 {
    margin-top: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .mt-8 {
    margin-top: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .mt-9 {
    margin-top: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .mt-10 {
    margin-top: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .mt-11 {
    margin-top: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .mt-12 {
    margin-top: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .mt-13 {
    margin-top: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .mt-14 {
    margin-top: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .mt-15 {
    margin-top: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .mt-16 {
    margin-top: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .mt-17 {
    margin-top: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .mt-18 {
    margin-top: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .mt-19 {
    margin-top: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .mt-20 {
    margin-top: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .mt-21 {
    margin-top: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .mt-22 {
    margin-top: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .mt-23 {
    margin-top: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .mt-24 {
    margin-top: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .mt-25 {
    margin-top: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .mt-26 {
    margin-top: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .mt-27 {
    margin-top: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .mt-28 {
    margin-top: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .mt-29 {
    margin-top: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .mt-30 {
    margin-top: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .mt-31 {
    margin-top: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .mt-32 {
    margin-top: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .mt-33 {
    margin-top: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .mt-34 {
    margin-top: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .mt-35 {
    margin-top: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .mt-36 {
    margin-top: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .mt-37 {
    margin-top: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .mt-38 {
    margin-top: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .mt-39 {
    margin-top: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .mt-40 {
    margin-top: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .mr-0 {
    margin-right: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .mr-1 {
    margin-right: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .mr-2 {
    margin-right: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .mr-3 {
    margin-right: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .mr-4 {
    margin-right: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .mr-5 {
    margin-right: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .mr-6 {
    margin-right: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .mr-7 {
    margin-right: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .mr-8 {
    margin-right: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .mr-9 {
    margin-right: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .mr-10 {
    margin-right: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .mr-11 {
    margin-right: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .mr-12 {
    margin-right: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .mr-13 {
    margin-right: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .mr-14 {
    margin-right: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .mr-15 {
    margin-right: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .mr-16 {
    margin-right: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .mr-17 {
    margin-right: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .mr-18 {
    margin-right: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .mr-19 {
    margin-right: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .mr-20 {
    margin-right: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .mr-21 {
    margin-right: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .mr-22 {
    margin-right: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .mr-23 {
    margin-right: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .mr-24 {
    margin-right: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .mr-25 {
    margin-right: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .mr-26 {
    margin-right: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .mr-27 {
    margin-right: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .mr-28 {
    margin-right: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .mr-29 {
    margin-right: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .mr-30 {
    margin-right: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .mr-31 {
    margin-right: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .mr-32 {
    margin-right: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .mr-33 {
    margin-right: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .mr-34 {
    margin-right: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .mr-35 {
    margin-right: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .mr-36 {
    margin-right: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .mr-37 {
    margin-right: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .mr-38 {
    margin-right: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .mr-39 {
    margin-right: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .mr-40 {
    margin-right: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .mb-0 {
    margin-bottom: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .mb-1 {
    margin-bottom: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .mb-2 {
    margin-bottom: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .mb-3 {
    margin-bottom: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .mb-4 {
    margin-bottom: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .mb-5 {
    margin-bottom: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .mb-6 {
    margin-bottom: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .mb-7 {
    margin-bottom: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .mb-8 {
    margin-bottom: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .mb-9 {
    margin-bottom: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .mb-10 {
    margin-bottom: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .mb-11 {
    margin-bottom: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .mb-12 {
    margin-bottom: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .mb-13 {
    margin-bottom: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .mb-14 {
    margin-bottom: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .mb-15 {
    margin-bottom: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .mb-16 {
    margin-bottom: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .mb-17 {
    margin-bottom: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .mb-18 {
    margin-bottom: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .mb-19 {
    margin-bottom: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .mb-20 {
    margin-bottom: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .mb-21 {
    margin-bottom: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .mb-22 {
    margin-bottom: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .mb-23 {
    margin-bottom: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .mb-24 {
    margin-bottom: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .mb-25 {
    margin-bottom: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .mb-26 {
    margin-bottom: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .mb-27 {
    margin-bottom: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .mb-28 {
    margin-bottom: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .mb-29 {
    margin-bottom: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .mb-30 {
    margin-bottom: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .mb-31 {
    margin-bottom: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .mb-32 {
    margin-bottom: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .mb-33 {
    margin-bottom: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .mb-34 {
    margin-bottom: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .mb-35 {
    margin-bottom: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .mb-36 {
    margin-bottom: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .mb-37 {
    margin-bottom: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .mb-38 {
    margin-bottom: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .mb-39 {
    margin-bottom: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .mb-40 {
    margin-bottom: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .ml-0 {
    margin-left: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .ml-1 {
    margin-left: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .ml-2 {
    margin-left: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .ml-3 {
    margin-left: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .ml-4 {
    margin-left: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .ml-5 {
    margin-left: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .ml-6 {
    margin-left: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .ml-7 {
    margin-left: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .ml-8 {
    margin-left: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .ml-9 {
    margin-left: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .ml-10 {
    margin-left: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .ml-11 {
    margin-left: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .ml-12 {
    margin-left: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .ml-13 {
    margin-left: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .ml-14 {
    margin-left: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .ml-15 {
    margin-left: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .ml-16 {
    margin-left: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .ml-17 {
    margin-left: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .ml-18 {
    margin-left: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .ml-19 {
    margin-left: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .ml-20 {
    margin-left: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .ml-21 {
    margin-left: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .ml-22 {
    margin-left: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .ml-23 {
    margin-left: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .ml-24 {
    margin-left: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .ml-25 {
    margin-left: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .ml-26 {
    margin-left: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .ml-27 {
    margin-left: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .ml-28 {
    margin-left: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .ml-29 {
    margin-left: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .ml-30 {
    margin-left: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .ml-31 {
    margin-left: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .ml-32 {
    margin-left: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .ml-33 {
    margin-left: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .ml-34 {
    margin-left: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .ml-35 {
    margin-left: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .ml-36 {
    margin-left: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .ml-37 {
    margin-left: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .ml-38 {
    margin-left: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .ml-39 {
    margin-left: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .ml-40 {
    margin-left: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .p-0 {
    padding: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .p-1 {
    padding: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .p-2 {
    padding: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .p-3 {
    padding: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .p-4 {
    padding: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .p-5 {
    padding: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .p-6 {
    padding: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .p-7 {
    padding: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .p-8 {
    padding: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .p-9 {
    padding: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .p-10 {
    padding: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .p-11 {
    padding: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .p-12 {
    padding: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .p-13 {
    padding: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .p-14 {
    padding: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .p-15 {
    padding: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .p-16 {
    padding: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .p-17 {
    padding: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .p-18 {
    padding: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .p-19 {
    padding: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .p-20 {
    padding: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .p-21 {
    padding: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .p-22 {
    padding: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .p-23 {
    padding: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .p-24 {
    padding: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .p-25 {
    padding: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .p-26 {
    padding: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .p-27 {
    padding: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .p-28 {
    padding: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .p-29 {
    padding: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .p-30 {
    padding: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .p-31 {
    padding: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .p-32 {
    padding: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .p-33 {
    padding: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .p-34 {
    padding: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .p-35 {
    padding: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .p-36 {
    padding: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .p-37 {
    padding: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .p-38 {
    padding: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .p-39 {
    padding: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .p-40 {
    padding: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .px-0 {
    padding-left: calc(var(--SPACING) * 0);
    padding-right: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .px-1 {
    padding-left: calc(var(--SPACING) * 1);
    padding-right: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .px-2 {
    padding-left: calc(var(--SPACING) * 2);
    padding-right: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .px-3 {
    padding-left: calc(var(--SPACING) * 3);
    padding-right: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .px-4 {
    padding-left: calc(var(--SPACING) * 4);
    padding-right: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .px-5 {
    padding-left: calc(var(--SPACING) * 5);
    padding-right: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .px-6 {
    padding-left: calc(var(--SPACING) * 6);
    padding-right: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .px-7 {
    padding-left: calc(var(--SPACING) * 7);
    padding-right: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .px-8 {
    padding-left: calc(var(--SPACING) * 8);
    padding-right: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .px-9 {
    padding-left: calc(var(--SPACING) * 9);
    padding-right: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .px-10 {
    padding-left: calc(var(--SPACING) * 10);
    padding-right: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .px-11 {
    padding-left: calc(var(--SPACING) * 11);
    padding-right: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .px-12 {
    padding-left: calc(var(--SPACING) * 12);
    padding-right: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .px-13 {
    padding-left: calc(var(--SPACING) * 13);
    padding-right: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .px-14 {
    padding-left: calc(var(--SPACING) * 14);
    padding-right: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .px-15 {
    padding-left: calc(var(--SPACING) * 15);
    padding-right: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .px-16 {
    padding-left: calc(var(--SPACING) * 16);
    padding-right: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .px-17 {
    padding-left: calc(var(--SPACING) * 17);
    padding-right: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .px-18 {
    padding-left: calc(var(--SPACING) * 18);
    padding-right: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .px-19 {
    padding-left: calc(var(--SPACING) * 19);
    padding-right: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .px-20 {
    padding-left: calc(var(--SPACING) * 20);
    padding-right: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .px-21 {
    padding-left: calc(var(--SPACING) * 21);
    padding-right: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .px-22 {
    padding-left: calc(var(--SPACING) * 22);
    padding-right: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .px-23 {
    padding-left: calc(var(--SPACING) * 23);
    padding-right: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .px-24 {
    padding-left: calc(var(--SPACING) * 24);
    padding-right: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .px-25 {
    padding-left: calc(var(--SPACING) * 25);
    padding-right: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .px-26 {
    padding-left: calc(var(--SPACING) * 26);
    padding-right: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .px-27 {
    padding-left: calc(var(--SPACING) * 27);
    padding-right: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .px-28 {
    padding-left: calc(var(--SPACING) * 28);
    padding-right: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .px-29 {
    padding-left: calc(var(--SPACING) * 29);
    padding-right: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .px-30 {
    padding-left: calc(var(--SPACING) * 30);
    padding-right: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .px-31 {
    padding-left: calc(var(--SPACING) * 31);
    padding-right: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .px-32 {
    padding-left: calc(var(--SPACING) * 32);
    padding-right: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .px-33 {
    padding-left: calc(var(--SPACING) * 33);
    padding-right: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .px-34 {
    padding-left: calc(var(--SPACING) * 34);
    padding-right: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .px-35 {
    padding-left: calc(var(--SPACING) * 35);
    padding-right: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .px-36 {
    padding-left: calc(var(--SPACING) * 36);
    padding-right: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .px-37 {
    padding-left: calc(var(--SPACING) * 37);
    padding-right: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .px-38 {
    padding-left: calc(var(--SPACING) * 38);
    padding-right: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .px-39 {
    padding-left: calc(var(--SPACING) * 39);
    padding-right: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .px-40 {
    padding-left: calc(var(--SPACING) * 40);
    padding-right: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .py-0 {
    padding-bottom: calc(var(--SPACING) * 0);
    padding-top: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .py-1 {
    padding-bottom: calc(var(--SPACING) * 1);
    padding-top: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .py-2 {
    padding-bottom: calc(var(--SPACING) * 2);
    padding-top: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .py-3 {
    padding-bottom: calc(var(--SPACING) * 3);
    padding-top: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .py-4 {
    padding-bottom: calc(var(--SPACING) * 4);
    padding-top: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .py-5 {
    padding-bottom: calc(var(--SPACING) * 5);
    padding-top: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .py-6 {
    padding-bottom: calc(var(--SPACING) * 6);
    padding-top: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .py-7 {
    padding-bottom: calc(var(--SPACING) * 7);
    padding-top: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .py-8 {
    padding-bottom: calc(var(--SPACING) * 8);
    padding-top: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .py-9 {
    padding-bottom: calc(var(--SPACING) * 9);
    padding-top: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .py-10 {
    padding-bottom: calc(var(--SPACING) * 10);
    padding-top: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .py-11 {
    padding-bottom: calc(var(--SPACING) * 11);
    padding-top: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .py-12 {
    padding-bottom: calc(var(--SPACING) * 12);
    padding-top: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .py-13 {
    padding-bottom: calc(var(--SPACING) * 13);
    padding-top: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .py-14 {
    padding-bottom: calc(var(--SPACING) * 14);
    padding-top: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .py-15 {
    padding-bottom: calc(var(--SPACING) * 15);
    padding-top: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .py-16 {
    padding-bottom: calc(var(--SPACING) * 16);
    padding-top: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .py-17 {
    padding-bottom: calc(var(--SPACING) * 17);
    padding-top: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .py-18 {
    padding-bottom: calc(var(--SPACING) * 18);
    padding-top: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .py-19 {
    padding-bottom: calc(var(--SPACING) * 19);
    padding-top: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .py-20 {
    padding-bottom: calc(var(--SPACING) * 20);
    padding-top: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .py-21 {
    padding-bottom: calc(var(--SPACING) * 21);
    padding-top: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .py-22 {
    padding-bottom: calc(var(--SPACING) * 22);
    padding-top: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .py-23 {
    padding-bottom: calc(var(--SPACING) * 23);
    padding-top: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .py-24 {
    padding-bottom: calc(var(--SPACING) * 24);
    padding-top: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .py-25 {
    padding-bottom: calc(var(--SPACING) * 25);
    padding-top: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .py-26 {
    padding-bottom: calc(var(--SPACING) * 26);
    padding-top: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .py-27 {
    padding-bottom: calc(var(--SPACING) * 27);
    padding-top: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .py-28 {
    padding-bottom: calc(var(--SPACING) * 28);
    padding-top: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .py-29 {
    padding-bottom: calc(var(--SPACING) * 29);
    padding-top: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .py-30 {
    padding-bottom: calc(var(--SPACING) * 30);
    padding-top: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .py-31 {
    padding-bottom: calc(var(--SPACING) * 31);
    padding-top: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .py-32 {
    padding-bottom: calc(var(--SPACING) * 32);
    padding-top: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .py-33 {
    padding-bottom: calc(var(--SPACING) * 33);
    padding-top: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .py-34 {
    padding-bottom: calc(var(--SPACING) * 34);
    padding-top: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .py-35 {
    padding-bottom: calc(var(--SPACING) * 35);
    padding-top: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .py-36 {
    padding-bottom: calc(var(--SPACING) * 36);
    padding-top: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .py-37 {
    padding-bottom: calc(var(--SPACING) * 37);
    padding-top: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .py-38 {
    padding-bottom: calc(var(--SPACING) * 38);
    padding-top: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .py-39 {
    padding-bottom: calc(var(--SPACING) * 39);
    padding-top: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .py-40 {
    padding-bottom: calc(var(--SPACING) * 40);
    padding-top: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .pt-0 {
    padding-top: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .pt-1 {
    padding-top: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .pt-2 {
    padding-top: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .pt-3 {
    padding-top: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .pt-4 {
    padding-top: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .pt-5 {
    padding-top: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .pt-6 {
    padding-top: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .pt-7 {
    padding-top: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .pt-8 {
    padding-top: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .pt-9 {
    padding-top: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .pt-10 {
    padding-top: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .pt-11 {
    padding-top: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .pt-12 {
    padding-top: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .pt-13 {
    padding-top: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .pt-14 {
    padding-top: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .pt-15 {
    padding-top: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .pt-16 {
    padding-top: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .pt-17 {
    padding-top: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .pt-18 {
    padding-top: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .pt-19 {
    padding-top: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .pt-20 {
    padding-top: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .pt-21 {
    padding-top: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .pt-22 {
    padding-top: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .pt-23 {
    padding-top: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .pt-24 {
    padding-top: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .pt-25 {
    padding-top: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .pt-26 {
    padding-top: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .pt-27 {
    padding-top: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .pt-28 {
    padding-top: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .pt-29 {
    padding-top: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .pt-30 {
    padding-top: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .pt-31 {
    padding-top: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .pt-32 {
    padding-top: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .pt-33 {
    padding-top: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .pt-34 {
    padding-top: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .pt-35 {
    padding-top: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .pt-36 {
    padding-top: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .pt-37 {
    padding-top: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .pt-38 {
    padding-top: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .pt-39 {
    padding-top: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .pt-40 {
    padding-top: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .pr-0 {
    padding-bottom: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .pr-1 {
    padding-bottom: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .pr-2 {
    padding-bottom: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .pr-3 {
    padding-bottom: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .pr-4 {
    padding-bottom: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .pr-5 {
    padding-bottom: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .pr-6 {
    padding-bottom: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .pr-7 {
    padding-bottom: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .pr-8 {
    padding-bottom: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .pr-9 {
    padding-bottom: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .pr-10 {
    padding-bottom: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .pr-11 {
    padding-bottom: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .pr-12 {
    padding-bottom: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .pr-13 {
    padding-bottom: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .pr-14 {
    padding-bottom: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .pr-15 {
    padding-bottom: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .pr-16 {
    padding-bottom: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .pr-17 {
    padding-bottom: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .pr-18 {
    padding-bottom: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .pr-19 {
    padding-bottom: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .pr-20 {
    padding-bottom: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .pr-21 {
    padding-bottom: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .pr-22 {
    padding-bottom: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .pr-23 {
    padding-bottom: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .pr-24 {
    padding-bottom: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .pr-25 {
    padding-bottom: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .pr-26 {
    padding-bottom: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .pr-27 {
    padding-bottom: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .pr-28 {
    padding-bottom: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .pr-29 {
    padding-bottom: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .pr-30 {
    padding-bottom: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .pr-31 {
    padding-bottom: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .pr-32 {
    padding-bottom: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .pr-33 {
    padding-bottom: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .pr-34 {
    padding-bottom: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .pr-35 {
    padding-bottom: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .pr-36 {
    padding-bottom: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .pr-37 {
    padding-bottom: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .pr-38 {
    padding-bottom: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .pr-39 {
    padding-bottom: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .pr-40 {
    padding-bottom: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .pb-0 {
    padding-bottom: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .pb-1 {
    padding-bottom: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .pb-2 {
    padding-bottom: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .pb-3 {
    padding-bottom: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .pb-4 {
    padding-bottom: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .pb-5 {
    padding-bottom: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .pb-6 {
    padding-bottom: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .pb-7 {
    padding-bottom: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .pb-8 {
    padding-bottom: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .pb-9 {
    padding-bottom: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .pb-10 {
    padding-bottom: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .pb-11 {
    padding-bottom: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .pb-12 {
    padding-bottom: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .pb-13 {
    padding-bottom: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .pb-14 {
    padding-bottom: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .pb-15 {
    padding-bottom: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .pb-16 {
    padding-bottom: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .pb-17 {
    padding-bottom: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .pb-18 {
    padding-bottom: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .pb-19 {
    padding-bottom: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .pb-20 {
    padding-bottom: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .pb-21 {
    padding-bottom: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .pb-22 {
    padding-bottom: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .pb-23 {
    padding-bottom: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .pb-24 {
    padding-bottom: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .pb-25 {
    padding-bottom: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .pb-26 {
    padding-bottom: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .pb-27 {
    padding-bottom: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .pb-28 {
    padding-bottom: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .pb-29 {
    padding-bottom: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .pb-30 {
    padding-bottom: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .pb-31 {
    padding-bottom: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .pb-32 {
    padding-bottom: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .pb-33 {
    padding-bottom: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .pb-34 {
    padding-bottom: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .pb-35 {
    padding-bottom: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .pb-36 {
    padding-bottom: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .pb-37 {
    padding-bottom: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .pb-38 {
    padding-bottom: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .pb-39 {
    padding-bottom: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .pb-40 {
    padding-bottom: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .pl-0 {
    padding-left: calc(var(--SPACING) * 0);
  }
  /* PC Viewport */
  .pl-1 {
    padding-left: calc(var(--SPACING) * 1);
  }
  /* PC Viewport */
  .pl-2 {
    padding-left: calc(var(--SPACING) * 2);
  }
  /* PC Viewport */
  .pl-3 {
    padding-left: calc(var(--SPACING) * 3);
  }
  /* PC Viewport */
  .pl-4 {
    padding-left: calc(var(--SPACING) * 4);
  }
  /* PC Viewport */
  .pl-5 {
    padding-left: calc(var(--SPACING) * 5);
  }
  /* PC Viewport */
  .pl-6 {
    padding-left: calc(var(--SPACING) * 6);
  }
  /* PC Viewport */
  .pl-7 {
    padding-left: calc(var(--SPACING) * 7);
  }
  /* PC Viewport */
  .pl-8 {
    padding-left: calc(var(--SPACING) * 8);
  }
  /* PC Viewport */
  .pl-9 {
    padding-left: calc(var(--SPACING) * 9);
  }
  /* PC Viewport */
  .pl-10 {
    padding-left: calc(var(--SPACING) * 10);
  }
  /* PC Viewport */
  .pl-11 {
    padding-left: calc(var(--SPACING) * 11);
  }
  /* PC Viewport */
  .pl-12 {
    padding-left: calc(var(--SPACING) * 12);
  }
  /* PC Viewport */
  .pl-13 {
    padding-left: calc(var(--SPACING) * 13);
  }
  /* PC Viewport */
  .pl-14 {
    padding-left: calc(var(--SPACING) * 14);
  }
  /* PC Viewport */
  .pl-15 {
    padding-left: calc(var(--SPACING) * 15);
  }
  /* PC Viewport */
  .pl-16 {
    padding-left: calc(var(--SPACING) * 16);
  }
  /* PC Viewport */
  .pl-17 {
    padding-left: calc(var(--SPACING) * 17);
  }
  /* PC Viewport */
  .pl-18 {
    padding-left: calc(var(--SPACING) * 18);
  }
  /* PC Viewport */
  .pl-19 {
    padding-left: calc(var(--SPACING) * 19);
  }
  /* PC Viewport */
  .pl-20 {
    padding-left: calc(var(--SPACING) * 20);
  }
  /* PC Viewport */
  .pl-21 {
    padding-left: calc(var(--SPACING) * 21);
  }
  /* PC Viewport */
  .pl-22 {
    padding-left: calc(var(--SPACING) * 22);
  }
  /* PC Viewport */
  .pl-23 {
    padding-left: calc(var(--SPACING) * 23);
  }
  /* PC Viewport */
  .pl-24 {
    padding-left: calc(var(--SPACING) * 24);
  }
  /* PC Viewport */
  .pl-25 {
    padding-left: calc(var(--SPACING) * 25);
  }
  /* PC Viewport */
  .pl-26 {
    padding-left: calc(var(--SPACING) * 26);
  }
  /* PC Viewport */
  .pl-27 {
    padding-left: calc(var(--SPACING) * 27);
  }
  /* PC Viewport */
  .pl-28 {
    padding-left: calc(var(--SPACING) * 28);
  }
  /* PC Viewport */
  .pl-29 {
    padding-left: calc(var(--SPACING) * 29);
  }
  /* PC Viewport */
  .pl-30 {
    padding-left: calc(var(--SPACING) * 30);
  }
  /* PC Viewport */
  .pl-31 {
    padding-left: calc(var(--SPACING) * 31);
  }
  /* PC Viewport */
  .pl-32 {
    padding-left: calc(var(--SPACING) * 32);
  }
  /* PC Viewport */
  .pl-33 {
    padding-left: calc(var(--SPACING) * 33);
  }
  /* PC Viewport */
  .pl-34 {
    padding-left: calc(var(--SPACING) * 34);
  }
  /* PC Viewport */
  .pl-35 {
    padding-left: calc(var(--SPACING) * 35);
  }
  /* PC Viewport */
  .pl-36 {
    padding-left: calc(var(--SPACING) * 36);
  }
  /* PC Viewport */
  .pl-37 {
    padding-left: calc(var(--SPACING) * 37);
  }
  /* PC Viewport */
  .pl-38 {
    padding-left: calc(var(--SPACING) * 38);
  }
  /* PC Viewport */
  .pl-39 {
    padding-left: calc(var(--SPACING) * 39);
  }
  /* PC Viewport */
  .pl-40 {
    padding-left: calc(var(--SPACING) * 40);
  }
  /* PC Viewport */
  .text-left {
    text-align: left;
  }
  /* PC Viewport */
  .text-center {
    text-align: center;
  }
  /* PC Viewport */
  .text-right {
    text-align: right;
  }
  /* PC Viewport */
  .text-justify {
    text-align: justify;
  }
  /* PC Viewport */
  .text-start {
    text-align: start;
  }
  /* PC Viewport */
  .text-end {
    text-align: end;
  }
  /* PC Viewport */
  .align-baseline {
    vertical-align: baseline;
  }
  /* PC Viewport */
  .align-top {
    vertical-align: top;
  }
  /* PC Viewport */
  .align-middle {
    vertical-align: middle;
  }
  /* PC Viewport */
  .align-bottom {
    vertical-align: bottom;
  }
  /* PC Viewport */
  .align-text-top {
    vertical-align: text-top;
  }
  /* PC Viewport */
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  /* PC Viewport */
  .align-sub {
    vertical-align: sub;
  }
  /* PC Viewport */
  .align-super {
    vertical-align: super;
  }
  /* PC Viewport */
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/3 {
    width: 33.333333%;
  }
  .w-2\/3 {
    width: 66.666667%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-2\/4 {
    width: 50%;
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-1\/5 {
    width: 20%;
  }
  .w-2\/5 {
    width: 40%;
  }
  .w-3\/5 {
    width: 60%;
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-1\/6 {
    width: 16.666667%;
  }
  .w-2\/6 {
    width: 33.333333%;
  }
  .w-3\/6 {
    width: 50%;
  }
  .w-4\/6 {
    width: 66.666667%;
  }
  .w-5\/6 {
    width: 83.333333%;
  }
  .w-1\/12 {
    width: 8.333333%;
  }
  .w-2\/12 {
    width: 16.666667%;
  }
  .w-3\/12 {
    width: 25%;
  }
  .w-4\/12 {
    width: 33.333333%;
  }
  .w-5\/12 {
    width: 41.666667%;
  }
  .w-6\/12 {
    width: 50%;
  }
  .w-7\/12 {
    width: 58.333333%;
  }
  .w-8\/12 {
    width: 66.666667%;
  }
  .w-9\/12 {
    width: 75%;
  }
  .w-10\/12 {
    width: 83.333333%;
  }
  .w-11\/12 {
    width: 91.666667%;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .w-min {
    width: min-content;
  }
  .w-max {
    width: max-content;
  }
  .w-fit {
    width: fit-content;
  }
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  .w-0 {
    width: 0;
  }
  .w-1 {
    width: 4px;
  }
  .w-2 {
    width: 8px;
  }
  .w-3 {
    width: 12px;
  }
  .w-4 {
    width: 16px;
  }
  .w-5 {
    width: 20px;
  }
  .w-6 {
    width: 24px;
  }
  .w-7 {
    width: 28px;
  }
  .w-8 {
    width: 32px;
  }
  .w-9 {
    width: 36px;
  }
  .w-10 {
    width: 40px;
  }
  .w-11 {
    width: 44px;
  }
  .w-12 {
    width: 48px;
  }
  .w-13 {
    width: 52px;
  }
  .w-14 {
    width: 56px;
  }
  .w-15 {
    width: 60px;
  }
  .w-16 {
    width: 64px;
  }
  .w-17 {
    width: 68px;
  }
  .w-18 {
    width: 72px;
  }
  .w-19 {
    width: 76px;
  }
  .w-20 {
    width: 80px;
  }
  .w-21 {
    width: 84px;
  }
  .w-22 {
    width: 88px;
  }
  .w-23 {
    width: 92px;
  }
  .w-24 {
    width: 96px;
  }
  .w-25 {
    width: 100px;
  }
  .w-26 {
    width: 104px;
  }
  .w-27 {
    width: 108px;
  }
  .w-28 {
    width: 112px;
  }
  .w-29 {
    width: 116px;
  }
  .w-30 {
    width: 120px;
  }
  .w-31 {
    width: 124px;
  }
  .w-32 {
    width: 128px;
  }
  .w-33 {
    width: 132px;
  }
  .w-34 {
    width: 136px;
  }
  .w-35 {
    width: 140px;
  }
  .w-36 {
    width: 144px;
  }
  .w-37 {
    width: 148px;
  }
  .w-38 {
    width: 152px;
  }
  .w-39 {
    width: 156px;
  }
  .w-40 {
    width: 160px;
  }
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
  /* PC Viewport */
}
@layer unique {
  .top-carousel__link {
    position: relative;
  }
  .top-carousel__link:hover {
    opacity: 1;
  }
  * + .top-products {
    margin-block-start: calc(var(--SPACING) * 10);
  }
  .top-products-col2 {
    background-image: url("/common/v2/img/index-bg-sp.webp");
    background-position: bottom 50px center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-inline: calc(var(--SPACING) * -2);
    padding-inline: calc(var(--SPACING) * 2);
  }
  .top-hdg-lv2--top-products {
    margin-block: 0 32px;
  }
  .top-products-text {
    font-size: var(--FONT_SIZE_18);
    font-weight: var(--FONT_WEIGHT_MEDIUM);
    line-height: 1.8;
  }
  .m-btn--top-products {
    margin-block-start: calc(var(--SPACING) * 4);
  }
  .top-products--img {
    padding-inline-start: calc(var(--SPACING) * 4);
  }
  * + .m-panel-list--top-products {
    margin-block-start: 80px;
  }
  .top-img-link {
    margin-block-start: calc(var(--SPACING) * 10);
    margin-inline-start: calc(50% - 50vw);
    width: calc(100vw - (var(--scrollbar)));
  }
  .top-img-link__item {
    position: relative;
  }
  .top-img-link__item::before {
    border: 1px solid var(--COLOR_BASE_LIGHT);
    border-radius: 4px;
    bottom: 16px;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    right: 16px;
    width: 32px;
    z-index: 20;
  }
  .top-img-link__item-link-img {
    max-width: 100%;
    transition: transform var(--HOVER_ANIMATION_TRANSITION_TIME);
    width: 100%;
  }
  .top-img-link__item-link {
    display: block;
    overflow: hidden;
    position: relative;
  }
  .top-img-link__item-link::before {
    background: rgba(51, 51, 51, 0.2);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .top-img-link__item-link::after {
    background-color: var(--COLOR_BASE_LIGHT);
    border: 1px solid var(--COLOR_BASE_LIGHT);
    border-radius: 4px;
    bottom: 17px;
    content: "";
    display: block;
    height: 32px;
    mask-image: url(/common/v2/img/icon/icon-arrow-right.svg);
    mask-position: 60% center;
    mask-repeat: no-repeat;
    mask-size: 16px 16px;
    padding-block: 8px;
    padding-inline: 8px;
    position: absolute;
    right: 17px;
    width: 32px;
    z-index: 20;
  }
  .top-img-link__item-link-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 56px;
    top: 0;
  }
  .top-img-link__item-title {
    bottom: 16px;
    color: var(--COLOR_BASE_LIGHT);
    display: block;
    left: 16px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    z-index: 15;
  }
  .top-img-link__item-title-main {
    display: block;
    font-family: var(--FONT-FAMILY_ROBOTO);
    font-size: var(--FONT_SIZE_24);
    line-height: 1.2;
  }
  .top-img-link__item-title-sub {
    display: block;
    font-size: var(--FONT_SIZE_14);
    font-weight: var(--FONT_WEIGHT_MEDIUM);
    line-height: 1.5;
  }
  .top-news-release {
    margin-block-start: calc(var(--SPACING) * 10);
    padding-block-end: 93px;
    position: relative;
  }
  .top-hdg-lv2--top-news-release {
    margin-block: 0;
  }
  .top-news-release__col2 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--SPACING) * 4);
  }
  .top-news-release__head {
    display: flex;
    justify-content: left;
  }
  .m-btn--top-news-release {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
}
@media print, screen and (width <= 768px){
  @layer module{
    .m-btn--sp-w100 {
      width: 100%;
    }
  }
}
@media print, screen and (width >= 768px){
  @layer module{
    .m-btn-inner:hover, .m-btn-inner:focus-visible {
      opacity: 0.7;
    }
    .m-btn-inner::after {
      right: 40px;
    }
    .m-btn-list {
      display: grid;
      gap: calc(var(--SPACING) * 5);
    }
    .m-btn-list[data-col-PC="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    .m-btn-list[data-col-PC="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    .m-btn-list[data-col-PC="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    .m-btn-list[data-col-PC="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
    .m-btn-list + .m-btn-list {
      margin-block-start: calc(var(--SPACING) * 5);
    }
    .m-btn-list__link {
      font-size: var(--FONT_SIZE_16);
      padding-inline: calc(var(--SPACING) * 4) 56px;
      text-align: center;
      transition: var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-btn-list__link:hover {
      color: var(--COLOR_BASE_LIGHT);
      opacity: 0.6;
    }
    .m-btn-list__link::after,.m-btn-list__link .icon-link-external {
      right: 32px;
    }
    .m-side-over-content {
      display: grid;
      grid-template-areas: "content img";
      grid-template-columns: 1fr 1fr;
      margin: 0 auto;
      max-width: 1280px;
    }
    .m-side-over-content-rev {
      grid-template-areas: "img content";
    }
    .m-side-over-content + .m-side-over-content {
      margin-block-start: calc(var(--SPACING) * 15);
    }
    .m-side-over-content__el {
      align-items: start;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-inline: 0 20px;
    }
    .m-side-over-content-rev .m-side-over-content__el {
      padding-inline: 20px 0;
    }
    .m-side-over-content__hdg {
      margin-block-start: 0;
    }
    .m-side-over-content__text {
      margin-block-end: calc(var(--SPACING) * 5);
    }
    .m-side-over-content__img {
      align-items: center;
      display: flex;
      margin-block-end: 0;
      margin-inline: 0 calc(50% - 50vw);
      padding-inline: 20px 0;
      width: calc(50vw - var(--scrollbar) / 2);
    }
    .m-side-over-content__img-item {
      max-width: none;
      width: 100%;
    }
    .m-side-over-content-rev .m-side-over-content__img {
      left: 0;
      margin-inline: calc(100% - 50vw) 0;
      padding-inline: 0 20px;
      position: relative;
    }
    .m-hdg-lv1.m-hdg-lv1--company {
      background-image: url("/common/v2/img/company/index-bg-pc.webp");
    }
    .m-hdg-lv1.m-hdg-lv1--product {
      background-image: url("/common/v2/img/product/index-bg-pc.webp");
    }
    .m-hdg-lv1.m-hdg-lv1--investor {
      background-image: url("/common/v2/img/investor/index-bg-pc.webp");
    }
    .m-hdg-lv1.m-hdg-lv1--csr {
      background-image: url("/common/v2/img/csr/index-bg-pc.webp");
    }
    .m-hdg-lv1 {
      background-image: url("/common/v2/img/product/index-bg-pc.webp");
    }
    .m-hdg-lv1__inner {
      margin-inline: auto;
      max-width: 1280px;
      padding-block: calc(var(--SPACING) * 10);
      padding-inline: calc(var(--SPACING) * 5);
      width: 100%;
    }
    .m-hdg-lv1__main {
      font-size: var(--FONT_SIZE_64);
    }
    .m-hdg-lv1__sub {
      font-size: var(--FONT_SIZE_20);
    }
    .m-hdg-lv1.m-hdg-lv1--third .m-hdg-lv1__main {
      font-size: var(--FONT_SIZE_40);
    }
    .m-hdg-lv1.m-hdg-lv1--third .m-hdg-lv1__sub {
      font-size: var(--FONT_SIZE_20);
    }
    .top-hdg-lv2 {
      margin-block-end: calc(var(--SPACING) * 5);
    }
    .top-hdg-lv2__main {
      font-size: var(--FONT_SIZE_64);
    }
    .top-hdg-lv2__sub {
      font-size: var(--FONT_SIZE_20);
    }
    .m-hdg-lv2 {
      margin-block-end: calc(var(--SPACING) * 5);
    }
    .m-hdg-lv2,.m-hdg-lv3 {
      font-size: var(--FONT_SIZE_32);
    }
    .m-heading-type4 {
      margin-top: calc(var(--SPACING) * 12);
    }
    .m-heading-type4__mainText {
      font-size: calc(20 / var(--FONT_SIZE_ROOT) * 1rem);
    }
    .m-link-list + .m-link-list {
      margin-block-start: calc(var(--SPACING) * 5);
    }
    .m-link-list__link {
      font-size: var(--FONT_SIZE_16);
    }
    .m-link-list--vertical .m-link-list__item:after {
      background-color: var(--COLOR_BRAND_PRIMARY);
      bottom: 0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform var(--HOVER_ANIMATION_TRANSITION_TIME);
      width: 100%;
    }
    .m-link-list--vertical .m-link-list__item:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }
    .m-link-list--vertical .m-link-list__link span:hover {
      background: none;
    }
    .m-note-list-item {
      font-size: var(--FONT_SIZE_16);
    }
    .m-panel-list {
      display: grid;
      gap: calc(var(--SPACING) * 5);
      grid-template-columns: repeat(3, 1fr);
    }
    .m-panel-list + .m-panel-list {
      margin-block-start: calc(var(--SPACING) * 5);
    }
    .m-panel-list[data-col-PC="2"] {
      grid-template-columns: repeat(2, 1fr);
    }
    .m-panel-list[data-col-PC="3"] {
      grid-template-columns: repeat(3, 1fr);
    }
    .m-panel-list[data-col-PC="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    .m-panel__img {
      display: block;
      overflow: hidden;
    }
    .m-panel__img img {
      backface-visibility: hidden;
      display: block;
      max-width: none;
      object-fit: cover;
      transform: scale(1.01) translateZ(0);
      transition: transform var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel__title {
      background-image: linear-gradient(var(--COLOR_BRAND_PRIMARY), var(--COLOR_BRAND_PRIMARY));
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      padding-block-end: 4px;
      transition: background-size var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel__title::after {
      transform: translateY(calc(50% - 20px));
    }
    .m-panel__link {
      gap: 16px;
    }
    .m-panel__link:hover .m-panel__img img, .m-panel__link:focus-visible .m-panel__img img {
      transform: scale(1.05);
    }
    .m-panel__link:hover .m-panel__title, .m-panel__link:focus-visible .m-panel__title {
      background-position: 0 100%;
      background-size: 100% 1px;
      color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel__link:hover .m-panel__title::after, .m-panel__link:focus-visible .m-panel__title::after {
      background-color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel__text {
      font-size: var(--FONT_SIZE_16);
      margin-block-start: calc(var(--SPACING) * 2);
    }
    .m-panel__link[target=_blank]:hover .m-panel__title .icon-link-external {
      filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(1539%) hue-rotate(187deg) brightness(94%) contrast(99%);
    }
    .m-panel-bnr {
      margin-inline: auto;
      max-width: 600px;
    }
    .m-panel-bnr__img img {
      transition: transform var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel-bnr__img {
      overflow: hidden;
    }
    .m-panel-bnr__title {
      background-image: linear-gradient(var(--COLOR_BRAND_PRIMARY), var(--COLOR_BRAND_PRIMARY));
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      padding-block-end: 4px;
      transition: background-size var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel-bnr__title::after {
      transform: translateY(calc(-50% - 2px));
    }
    .m-panel-bnr:hover .m-panel-bnr__title {
      background-position: 0 100%;
      background-size: 100% 1px;
      color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel-bnr:hover .m-panel-bnr__title::after {
      background-color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel-bnr:hover .m-panel-bnr__img img {
      transform: scale(1.05);
    }
    .m-panel-download {
      align-items: center;
      flex-direction: row;
      gap: calc(var(--SPACING) * 10);
      justify-content: space-between;
    }
    .m-panel-download__description {
      flex: 1 1 auto;
    }
    /*
    .m-panel-download__button {
    }
    */
    .m-panel-information {
      display: grid;
      /* https://min-max-calculator.9elements.com/?24,32,768,1200 */
      gap: calc(var(--SPACING) * 10) clamp(1.5rem, 0.611rem + 1.85vw, 2rem);
      grid-template-columns: 50% auto;
      grid-template-rows: min-content min-content;
    }
    .m-panel-information__web,
    .m-panel-information__call {
      padding: calc(var(--SPACING) * 6);
    }
    .m-panel-information__web {
      grid-column: 1/2;
    }
    .m-panel-information__call {
      grid-column: 2/3;
    }
    .m-panel-information__download,
    .m-panel-information__mail {
      grid-column: 1/3;
    }
    .m-panel-information__title {
      font-size: calc(20 / var(--FONT_SIZE_ROOT) * 1rem);
    }
    .m-panel-information__text,.m-panel-information__title + .m-panel-information__text {
      margin-top: calc(var(--SPACING) * 6);
    }
    .m-panel-information__number :where(svg) {
      width: 2em;
    }
    .m-panel-information__number :where(b) {
      font-size: calc(32 / var(--FONT_SIZE_ROOT) * 1rem);
    }
    .m-widget-carousel__control {
      flex-direction: row;
      justify-content: space-between;
      margin-inline: auto;
      max-width: 1280px;
      padding-inline: calc(var(--SPACING) * 5);
      width: 100%;
    }
    .m-widget-carousel__ctrl-wrap {
      gap: 24px;
      width: auto;
    }
    .m-widget-carousel__pagination {
      display: flex;
      gap: calc(var(--SPACING) * 2);
    }
    .m-widget-carousel__paginationItem {
      cursor: pointer;
      height: 24px;
      padding: 0;
      width: 40px;
    }
    .m-widget-carousel__paginationItem::before {
      border-radius: 4px;
      height: 4px;
      width: 100%;
    }
    .m-widget-carousel__arrow {
      height: 40px;
      width: 40px;
    }
    .m-widget-carousel__arrow::before {
      mask-size: 24px 24px;
    }
    .m-widget-carousel__toggle {
      height: 40px;
      width: 40px;
    }
    .m-widget-carousel__toggle::before {
      height: 18px;
      left: 13px;
      top: 50%;
      width: 2px;
    }
    .m-widget-carousel__toggle::after {
      height: 18px;
      right: 13px;
      top: 50%;
      width: 2px;
    }
    .m-widget-carousel__toggle--autoplay::before {
      height: 100%;
      left: 0;
      mask-size: 22px 22px;
      top: 0;
      transform: translate(0);
      width: 100%;
    }
  }
  @layer utility{
    .md\:items-normal {
      align-items: normal;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-baseline {
      align-items: baseline;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:block {
      display: block !important;
    }
    .md\:inline-block {
      display: inline-block !important;
    }
    .md\:inline {
      display: inline !important;
    }
    .md\:flex {
      display: flex !important;
    }
    .md\:inline-flex {
      display: inline-flex !important;
    }
    .md\:table {
      display: table !important;
    }
    .md\:inline-table {
      display: inline-table !important;
    }
    .md\:table-caption {
      display: table-caption !important;
    }
    .md\:table-cell {
      display: table-cell !important;
    }
    .md\:table-column {
      display: table-column !important;
    }
    .md\:table-column-group {
      display: table-column-group !important;
    }
    .md\:table-footer-group {
      display: table-footer-group !important;
    }
    .md\:table-header-group {
      display: table-header-group !important;
    }
    .md\:table-row-group {
      display: table-row-group !important;
    }
    .md\:table-row {
      display: table-row !important;
    }
    .md\:flow-root {
      display: flow-root !important;
    }
    .md\:grid {
      display: grid !important;
    }
    .md\:inline-grid {
      display: inline-grid !important;
    }
    .md\:contents {
      display: contents !important;
    }
    .md\:list-item {
      display: list-item !important;
    }
    .md\:hidden {
      display: none !important;
    }
    .md\:h-1\/2 {
      height: 50%;
    }
    .md\:h-1\/3 {
      height: 33.333333%;
    }
    .md\:h-2\/3 {
      height: 66.666667%;
    }
    .md\:h-1\/4 {
      height: 25%;
    }
    .md\:h-2\/4 {
      height: 50%;
    }
    .md\:h-3\/4 {
      height: 75%;
    }
    .md\:h-1\/5 {
      height: 20%;
    }
    .md\:h-2\/5 {
      height: 40%;
    }
    .md\:h-3\/5 {
      height: 60%;
    }
    .md\:h-4\/5 {
      height: 80%;
    }
    .md\:h-1\/6 {
      height: 16.666667%;
    }
    .md\:h-2\/6 {
      height: 33.333333%;
    }
    .md\:h-3\/6 {
      height: 50%;
    }
    .md\:h-4\/6 {
      height: 66.666667%;
    }
    .md\:h-5\/6 {
      height: 83.333333%;
    }
    .md\:h-1\/12 {
      height: 8.333333%;
    }
    .md\:h-2\/12 {
      height: 16.666667%;
    }
    .md\:h-3\/12 {
      height: 25%;
    }
    .md\:h-4\/12 {
      height: 33.333333%;
    }
    .md\:h-5\/12 {
      height: 41.666667%;
    }
    .md\:h-6\/12 {
      height: 50%;
    }
    .md\:h-7\/12 {
      height: 58.333333%;
    }
    .md\:h-8\/12 {
      height: 66.666667%;
    }
    .md\:h-9\/12 {
      height: 75%;
    }
    .md\:h-10\/12 {
      height: 83.333333%;
    }
    .md\:h-11\/12 {
      height: 91.666667%;
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:h-screen {
      height: 100vw;
    }
    .md\:h-min {
      height: min-content;
    }
    .md\:h-max {
      height: max-content;
    }
    .md\:h-fit {
      height: fit-content;
    }
    .md\:justify-normal {
      justify-content: normal;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-around {
      justify-content: space-around;
    }
    .md\:justify-evenly {
      justify-content: space-evenly;
    }
    .md\:m-0 {
      margin: calc(var(--SPACING) * 0);
    }
    .md\:m-1 {
      margin: calc(var(--SPACING) * 1);
    }
    .md\:m-2 {
      margin: calc(var(--SPACING) * 2);
    }
    .md\:m-3 {
      margin: calc(var(--SPACING) * 3);
    }
    .md\:m-4 {
      margin: calc(var(--SPACING) * 4);
    }
    .md\:m-5 {
      margin: calc(var(--SPACING) * 5);
    }
    .md\:m-6 {
      margin: calc(var(--SPACING) * 6);
    }
    .md\:m-7 {
      margin: calc(var(--SPACING) * 7);
    }
    .md\:m-8 {
      margin: calc(var(--SPACING) * 8);
    }
    .md\:m-9 {
      margin: calc(var(--SPACING) * 9);
    }
    .md\:m-10 {
      margin: calc(var(--SPACING) * 10);
    }
    .md\:m-11 {
      margin: calc(var(--SPACING) * 11);
    }
    .md\:m-12 {
      margin: calc(var(--SPACING) * 12);
    }
    .md\:m-13 {
      margin: calc(var(--SPACING) * 13);
    }
    .md\:m-14 {
      margin: calc(var(--SPACING) * 14);
    }
    .md\:m-15 {
      margin: calc(var(--SPACING) * 15);
    }
    .md\:m-16 {
      margin: calc(var(--SPACING) * 16);
    }
    .md\:m-17 {
      margin: calc(var(--SPACING) * 17);
    }
    .md\:m-18 {
      margin: calc(var(--SPACING) * 18);
    }
    .md\:m-19 {
      margin: calc(var(--SPACING) * 19);
    }
    .md\:m-20 {
      margin: calc(var(--SPACING) * 20);
    }
    .md\:m-21 {
      margin: calc(var(--SPACING) * 21);
    }
    .md\:m-22 {
      margin: calc(var(--SPACING) * 22);
    }
    .md\:m-23 {
      margin: calc(var(--SPACING) * 23);
    }
    .md\:m-24 {
      margin: calc(var(--SPACING) * 24);
    }
    .md\:m-25 {
      margin: calc(var(--SPACING) * 25);
    }
    .md\:m-26 {
      margin: calc(var(--SPACING) * 26);
    }
    .md\:m-27 {
      margin: calc(var(--SPACING) * 27);
    }
    .md\:m-28 {
      margin: calc(var(--SPACING) * 28);
    }
    .md\:m-29 {
      margin: calc(var(--SPACING) * 29);
    }
    .md\:m-30 {
      margin: calc(var(--SPACING) * 30);
    }
    .md\:m-31 {
      margin: calc(var(--SPACING) * 31);
    }
    .md\:m-32 {
      margin: calc(var(--SPACING) * 32);
    }
    .md\:m-33 {
      margin: calc(var(--SPACING) * 33);
    }
    .md\:m-34 {
      margin: calc(var(--SPACING) * 34);
    }
    .md\:m-35 {
      margin: calc(var(--SPACING) * 35);
    }
    .md\:m-36 {
      margin: calc(var(--SPACING) * 36);
    }
    .md\:m-37 {
      margin: calc(var(--SPACING) * 37);
    }
    .md\:m-38 {
      margin: calc(var(--SPACING) * 38);
    }
    .md\:m-39 {
      margin: calc(var(--SPACING) * 39);
    }
    .md\:m-40 {
      margin: calc(var(--SPACING) * 40);
    }
    .md\:mx-0 {
      margin-left: calc(var(--SPACING) * 0);
      margin-right: calc(var(--SPACING) * 0);
    }
    .md\:mx-1 {
      margin-left: calc(var(--SPACING) * 1);
      margin-right: calc(var(--SPACING) * 1);
    }
    .md\:mx-2 {
      margin-left: calc(var(--SPACING) * 2);
      margin-right: calc(var(--SPACING) * 2);
    }
    .md\:mx-3 {
      margin-left: calc(var(--SPACING) * 3);
      margin-right: calc(var(--SPACING) * 3);
    }
    .md\:mx-4 {
      margin-left: calc(var(--SPACING) * 4);
      margin-right: calc(var(--SPACING) * 4);
    }
    .md\:mx-5 {
      margin-left: calc(var(--SPACING) * 5);
      margin-right: calc(var(--SPACING) * 5);
    }
    .md\:mx-6 {
      margin-left: calc(var(--SPACING) * 6);
      margin-right: calc(var(--SPACING) * 6);
    }
    .md\:mx-7 {
      margin-left: calc(var(--SPACING) * 7);
      margin-right: calc(var(--SPACING) * 7);
    }
    .md\:mx-8 {
      margin-left: calc(var(--SPACING) * 8);
      margin-right: calc(var(--SPACING) * 8);
    }
    .md\:mx-9 {
      margin-left: calc(var(--SPACING) * 9);
      margin-right: calc(var(--SPACING) * 9);
    }
    .md\:mx-10 {
      margin-left: calc(var(--SPACING) * 10);
      margin-right: calc(var(--SPACING) * 10);
    }
    .md\:mx-11 {
      margin-left: calc(var(--SPACING) * 11);
      margin-right: calc(var(--SPACING) * 11);
    }
    .md\:mx-12 {
      margin-left: calc(var(--SPACING) * 12);
      margin-right: calc(var(--SPACING) * 12);
    }
    .md\:mx-13 {
      margin-left: calc(var(--SPACING) * 13);
      margin-right: calc(var(--SPACING) * 13);
    }
    .md\:mx-14 {
      margin-left: calc(var(--SPACING) * 14);
      margin-right: calc(var(--SPACING) * 14);
    }
    .md\:mx-15 {
      margin-left: calc(var(--SPACING) * 15);
      margin-right: calc(var(--SPACING) * 15);
    }
    .md\:mx-16 {
      margin-left: calc(var(--SPACING) * 16);
      margin-right: calc(var(--SPACING) * 16);
    }
    .md\:mx-17 {
      margin-left: calc(var(--SPACING) * 17);
      margin-right: calc(var(--SPACING) * 17);
    }
    .md\:mx-18 {
      margin-left: calc(var(--SPACING) * 18);
      margin-right: calc(var(--SPACING) * 18);
    }
    .md\:mx-19 {
      margin-left: calc(var(--SPACING) * 19);
      margin-right: calc(var(--SPACING) * 19);
    }
    .md\:mx-20 {
      margin-left: calc(var(--SPACING) * 20);
      margin-right: calc(var(--SPACING) * 20);
    }
    .md\:mx-21 {
      margin-left: calc(var(--SPACING) * 21);
      margin-right: calc(var(--SPACING) * 21);
    }
    .md\:mx-22 {
      margin-left: calc(var(--SPACING) * 22);
      margin-right: calc(var(--SPACING) * 22);
    }
    .md\:mx-23 {
      margin-left: calc(var(--SPACING) * 23);
      margin-right: calc(var(--SPACING) * 23);
    }
    .md\:mx-24 {
      margin-left: calc(var(--SPACING) * 24);
      margin-right: calc(var(--SPACING) * 24);
    }
    .md\:mx-25 {
      margin-left: calc(var(--SPACING) * 25);
      margin-right: calc(var(--SPACING) * 25);
    }
    .md\:mx-26 {
      margin-left: calc(var(--SPACING) * 26);
      margin-right: calc(var(--SPACING) * 26);
    }
    .md\:mx-27 {
      margin-left: calc(var(--SPACING) * 27);
      margin-right: calc(var(--SPACING) * 27);
    }
    .md\:mx-28 {
      margin-left: calc(var(--SPACING) * 28);
      margin-right: calc(var(--SPACING) * 28);
    }
    .md\:mx-29 {
      margin-left: calc(var(--SPACING) * 29);
      margin-right: calc(var(--SPACING) * 29);
    }
    .md\:mx-30 {
      margin-left: calc(var(--SPACING) * 30);
      margin-right: calc(var(--SPACING) * 30);
    }
    .md\:mx-31 {
      margin-left: calc(var(--SPACING) * 31);
      margin-right: calc(var(--SPACING) * 31);
    }
    .md\:mx-32 {
      margin-left: calc(var(--SPACING) * 32);
      margin-right: calc(var(--SPACING) * 32);
    }
    .md\:mx-33 {
      margin-left: calc(var(--SPACING) * 33);
      margin-right: calc(var(--SPACING) * 33);
    }
    .md\:mx-34 {
      margin-left: calc(var(--SPACING) * 34);
      margin-right: calc(var(--SPACING) * 34);
    }
    .md\:mx-35 {
      margin-left: calc(var(--SPACING) * 35);
      margin-right: calc(var(--SPACING) * 35);
    }
    .md\:mx-36 {
      margin-left: calc(var(--SPACING) * 36);
      margin-right: calc(var(--SPACING) * 36);
    }
    .md\:mx-37 {
      margin-left: calc(var(--SPACING) * 37);
      margin-right: calc(var(--SPACING) * 37);
    }
    .md\:mx-38 {
      margin-left: calc(var(--SPACING) * 38);
      margin-right: calc(var(--SPACING) * 38);
    }
    .md\:mx-39 {
      margin-left: calc(var(--SPACING) * 39);
      margin-right: calc(var(--SPACING) * 39);
    }
    .md\:mx-40 {
      margin-left: calc(var(--SPACING) * 40);
      margin-right: calc(var(--SPACING) * 40);
    }
    .md\:my-0 {
      margin-bottom: calc(var(--SPACING) * 0);
      margin-top: calc(var(--SPACING) * 0);
    }
    .md\:my-1 {
      margin-bottom: calc(var(--SPACING) * 1);
      margin-top: calc(var(--SPACING) * 1);
    }
    .md\:my-2 {
      margin-bottom: calc(var(--SPACING) * 2);
      margin-top: calc(var(--SPACING) * 2);
    }
    .md\:my-3 {
      margin-bottom: calc(var(--SPACING) * 3);
      margin-top: calc(var(--SPACING) * 3);
    }
    .md\:my-4 {
      margin-bottom: calc(var(--SPACING) * 4);
      margin-top: calc(var(--SPACING) * 4);
    }
    .md\:my-5 {
      margin-bottom: calc(var(--SPACING) * 5);
      margin-top: calc(var(--SPACING) * 5);
    }
    .md\:my-6 {
      margin-bottom: calc(var(--SPACING) * 6);
      margin-top: calc(var(--SPACING) * 6);
    }
    .md\:my-7 {
      margin-bottom: calc(var(--SPACING) * 7);
      margin-top: calc(var(--SPACING) * 7);
    }
    .md\:my-8 {
      margin-bottom: calc(var(--SPACING) * 8);
      margin-top: calc(var(--SPACING) * 8);
    }
    .md\:my-9 {
      margin-bottom: calc(var(--SPACING) * 9);
      margin-top: calc(var(--SPACING) * 9);
    }
    .md\:my-10 {
      margin-bottom: calc(var(--SPACING) * 10);
      margin-top: calc(var(--SPACING) * 10);
    }
    .md\:my-11 {
      margin-bottom: calc(var(--SPACING) * 11);
      margin-top: calc(var(--SPACING) * 11);
    }
    .md\:my-12 {
      margin-bottom: calc(var(--SPACING) * 12);
      margin-top: calc(var(--SPACING) * 12);
    }
    .md\:my-13 {
      margin-bottom: calc(var(--SPACING) * 13);
      margin-top: calc(var(--SPACING) * 13);
    }
    .md\:my-14 {
      margin-bottom: calc(var(--SPACING) * 14);
      margin-top: calc(var(--SPACING) * 14);
    }
    .md\:my-15 {
      margin-bottom: calc(var(--SPACING) * 15);
      margin-top: calc(var(--SPACING) * 15);
    }
    .md\:my-16 {
      margin-bottom: calc(var(--SPACING) * 16);
      margin-top: calc(var(--SPACING) * 16);
    }
    .md\:my-17 {
      margin-bottom: calc(var(--SPACING) * 17);
      margin-top: calc(var(--SPACING) * 17);
    }
    .md\:my-18 {
      margin-bottom: calc(var(--SPACING) * 18);
      margin-top: calc(var(--SPACING) * 18);
    }
    .md\:my-19 {
      margin-bottom: calc(var(--SPACING) * 19);
      margin-top: calc(var(--SPACING) * 19);
    }
    .md\:my-20 {
      margin-bottom: calc(var(--SPACING) * 20);
      margin-top: calc(var(--SPACING) * 20);
    }
    .md\:my-21 {
      margin-bottom: calc(var(--SPACING) * 21);
      margin-top: calc(var(--SPACING) * 21);
    }
    .md\:my-22 {
      margin-bottom: calc(var(--SPACING) * 22);
      margin-top: calc(var(--SPACING) * 22);
    }
    .md\:my-23 {
      margin-bottom: calc(var(--SPACING) * 23);
      margin-top: calc(var(--SPACING) * 23);
    }
    .md\:my-24 {
      margin-bottom: calc(var(--SPACING) * 24);
      margin-top: calc(var(--SPACING) * 24);
    }
    .md\:my-25 {
      margin-bottom: calc(var(--SPACING) * 25);
      margin-top: calc(var(--SPACING) * 25);
    }
    .md\:my-26 {
      margin-bottom: calc(var(--SPACING) * 26);
      margin-top: calc(var(--SPACING) * 26);
    }
    .md\:my-27 {
      margin-bottom: calc(var(--SPACING) * 27);
      margin-top: calc(var(--SPACING) * 27);
    }
    .md\:my-28 {
      margin-bottom: calc(var(--SPACING) * 28);
      margin-top: calc(var(--SPACING) * 28);
    }
    .md\:my-29 {
      margin-bottom: calc(var(--SPACING) * 29);
      margin-top: calc(var(--SPACING) * 29);
    }
    .md\:my-30 {
      margin-bottom: calc(var(--SPACING) * 30);
      margin-top: calc(var(--SPACING) * 30);
    }
    .md\:my-31 {
      margin-bottom: calc(var(--SPACING) * 31);
      margin-top: calc(var(--SPACING) * 31);
    }
    .md\:my-32 {
      margin-bottom: calc(var(--SPACING) * 32);
      margin-top: calc(var(--SPACING) * 32);
    }
    .md\:my-33 {
      margin-bottom: calc(var(--SPACING) * 33);
      margin-top: calc(var(--SPACING) * 33);
    }
    .md\:my-34 {
      margin-bottom: calc(var(--SPACING) * 34);
      margin-top: calc(var(--SPACING) * 34);
    }
    .md\:my-35 {
      margin-bottom: calc(var(--SPACING) * 35);
      margin-top: calc(var(--SPACING) * 35);
    }
    .md\:my-36 {
      margin-bottom: calc(var(--SPACING) * 36);
      margin-top: calc(var(--SPACING) * 36);
    }
    .md\:my-37 {
      margin-bottom: calc(var(--SPACING) * 37);
      margin-top: calc(var(--SPACING) * 37);
    }
    .md\:my-38 {
      margin-bottom: calc(var(--SPACING) * 38);
      margin-top: calc(var(--SPACING) * 38);
    }
    .md\:my-39 {
      margin-bottom: calc(var(--SPACING) * 39);
      margin-top: calc(var(--SPACING) * 39);
    }
    .md\:my-40 {
      margin-bottom: calc(var(--SPACING) * 40);
      margin-top: calc(var(--SPACING) * 40);
    }
    .md\:mt-0 {
      margin-top: calc(var(--SPACING) * 0);
    }
    .md\:mt-1 {
      margin-top: calc(var(--SPACING) * 1);
    }
    .md\:mt-2 {
      margin-top: calc(var(--SPACING) * 2);
    }
    .md\:mt-3 {
      margin-top: calc(var(--SPACING) * 3);
    }
    .md\:mt-4 {
      margin-top: calc(var(--SPACING) * 4);
    }
    .md\:mt-5 {
      margin-top: calc(var(--SPACING) * 5);
    }
    .md\:mt-6 {
      margin-top: calc(var(--SPACING) * 6);
    }
    .md\:mt-7 {
      margin-top: calc(var(--SPACING) * 7);
    }
    .md\:mt-8 {
      margin-top: calc(var(--SPACING) * 8);
    }
    .md\:mt-9 {
      margin-top: calc(var(--SPACING) * 9);
    }
    .md\:mt-10 {
      margin-top: calc(var(--SPACING) * 10);
    }
    .md\:mt-11 {
      margin-top: calc(var(--SPACING) * 11);
    }
    .md\:mt-12 {
      margin-top: calc(var(--SPACING) * 12);
    }
    .md\:mt-13 {
      margin-top: calc(var(--SPACING) * 13);
    }
    .md\:mt-14 {
      margin-top: calc(var(--SPACING) * 14);
    }
    .md\:mt-15 {
      margin-top: calc(var(--SPACING) * 15);
    }
    .md\:mt-16 {
      margin-top: calc(var(--SPACING) * 16);
    }
    .md\:mt-17 {
      margin-top: calc(var(--SPACING) * 17);
    }
    .md\:mt-18 {
      margin-top: calc(var(--SPACING) * 18);
    }
    .md\:mt-19 {
      margin-top: calc(var(--SPACING) * 19);
    }
    .md\:mt-20 {
      margin-top: calc(var(--SPACING) * 20);
    }
    .md\:mt-21 {
      margin-top: calc(var(--SPACING) * 21);
    }
    .md\:mt-22 {
      margin-top: calc(var(--SPACING) * 22);
    }
    .md\:mt-23 {
      margin-top: calc(var(--SPACING) * 23);
    }
    .md\:mt-24 {
      margin-top: calc(var(--SPACING) * 24);
    }
    .md\:mt-25 {
      margin-top: calc(var(--SPACING) * 25);
    }
    .md\:mt-26 {
      margin-top: calc(var(--SPACING) * 26);
    }
    .md\:mt-27 {
      margin-top: calc(var(--SPACING) * 27);
    }
    .md\:mt-28 {
      margin-top: calc(var(--SPACING) * 28);
    }
    .md\:mt-29 {
      margin-top: calc(var(--SPACING) * 29);
    }
    .md\:mt-30 {
      margin-top: calc(var(--SPACING) * 30);
    }
    .md\:mt-31 {
      margin-top: calc(var(--SPACING) * 31);
    }
    .md\:mt-32 {
      margin-top: calc(var(--SPACING) * 32);
    }
    .md\:mt-33 {
      margin-top: calc(var(--SPACING) * 33);
    }
    .md\:mt-34 {
      margin-top: calc(var(--SPACING) * 34);
    }
    .md\:mt-35 {
      margin-top: calc(var(--SPACING) * 35);
    }
    .md\:mt-36 {
      margin-top: calc(var(--SPACING) * 36);
    }
    .md\:mt-37 {
      margin-top: calc(var(--SPACING) * 37);
    }
    .md\:mt-38 {
      margin-top: calc(var(--SPACING) * 38);
    }
    .md\:mt-39 {
      margin-top: calc(var(--SPACING) * 39);
    }
    .md\:mt-40 {
      margin-top: calc(var(--SPACING) * 40);
    }
    .md\:mr-0 {
      margin-right: calc(var(--SPACING) * 0);
    }
    .md\:mr-1 {
      margin-right: calc(var(--SPACING) * 1);
    }
    .md\:mr-2 {
      margin-right: calc(var(--SPACING) * 2);
    }
    .md\:mr-3 {
      margin-right: calc(var(--SPACING) * 3);
    }
    .md\:mr-4 {
      margin-right: calc(var(--SPACING) * 4);
    }
    .md\:mr-5 {
      margin-right: calc(var(--SPACING) * 5);
    }
    .md\:mr-6 {
      margin-right: calc(var(--SPACING) * 6);
    }
    .md\:mr-7 {
      margin-right: calc(var(--SPACING) * 7);
    }
    .md\:mr-8 {
      margin-right: calc(var(--SPACING) * 8);
    }
    .md\:mr-9 {
      margin-right: calc(var(--SPACING) * 9);
    }
    .md\:mr-10 {
      margin-right: calc(var(--SPACING) * 10);
    }
    .md\:mr-11 {
      margin-right: calc(var(--SPACING) * 11);
    }
    .md\:mr-12 {
      margin-right: calc(var(--SPACING) * 12);
    }
    .md\:mr-13 {
      margin-right: calc(var(--SPACING) * 13);
    }
    .md\:mr-14 {
      margin-right: calc(var(--SPACING) * 14);
    }
    .md\:mr-15 {
      margin-right: calc(var(--SPACING) * 15);
    }
    .md\:mr-16 {
      margin-right: calc(var(--SPACING) * 16);
    }
    .md\:mr-17 {
      margin-right: calc(var(--SPACING) * 17);
    }
    .md\:mr-18 {
      margin-right: calc(var(--SPACING) * 18);
    }
    .md\:mr-19 {
      margin-right: calc(var(--SPACING) * 19);
    }
    .md\:mr-20 {
      margin-right: calc(var(--SPACING) * 20);
    }
    .md\:mr-21 {
      margin-right: calc(var(--SPACING) * 21);
    }
    .md\:mr-22 {
      margin-right: calc(var(--SPACING) * 22);
    }
    .md\:mr-23 {
      margin-right: calc(var(--SPACING) * 23);
    }
    .md\:mr-24 {
      margin-right: calc(var(--SPACING) * 24);
    }
    .md\:mr-25 {
      margin-right: calc(var(--SPACING) * 25);
    }
    .md\:mr-26 {
      margin-right: calc(var(--SPACING) * 26);
    }
    .md\:mr-27 {
      margin-right: calc(var(--SPACING) * 27);
    }
    .md\:mr-28 {
      margin-right: calc(var(--SPACING) * 28);
    }
    .md\:mr-29 {
      margin-right: calc(var(--SPACING) * 29);
    }
    .md\:mr-30 {
      margin-right: calc(var(--SPACING) * 30);
    }
    .md\:mr-31 {
      margin-right: calc(var(--SPACING) * 31);
    }
    .md\:mr-32 {
      margin-right: calc(var(--SPACING) * 32);
    }
    .md\:mr-33 {
      margin-right: calc(var(--SPACING) * 33);
    }
    .md\:mr-34 {
      margin-right: calc(var(--SPACING) * 34);
    }
    .md\:mr-35 {
      margin-right: calc(var(--SPACING) * 35);
    }
    .md\:mr-36 {
      margin-right: calc(var(--SPACING) * 36);
    }
    .md\:mr-37 {
      margin-right: calc(var(--SPACING) * 37);
    }
    .md\:mr-38 {
      margin-right: calc(var(--SPACING) * 38);
    }
    .md\:mr-39 {
      margin-right: calc(var(--SPACING) * 39);
    }
    .md\:mr-40 {
      margin-right: calc(var(--SPACING) * 40);
    }
    .md\:mb-0 {
      margin-bottom: calc(var(--SPACING) * 0);
    }
    .md\:mb-1 {
      margin-bottom: calc(var(--SPACING) * 1);
    }
    .md\:mb-2 {
      margin-bottom: calc(var(--SPACING) * 2);
    }
    .md\:mb-3 {
      margin-bottom: calc(var(--SPACING) * 3);
    }
    .md\:mb-4 {
      margin-bottom: calc(var(--SPACING) * 4);
    }
    .md\:mb-5 {
      margin-bottom: calc(var(--SPACING) * 5);
    }
    .md\:mb-6 {
      margin-bottom: calc(var(--SPACING) * 6);
    }
    .md\:mb-7 {
      margin-bottom: calc(var(--SPACING) * 7);
    }
    .md\:mb-8 {
      margin-bottom: calc(var(--SPACING) * 8);
    }
    .md\:mb-9 {
      margin-bottom: calc(var(--SPACING) * 9);
    }
    .md\:mb-10 {
      margin-bottom: calc(var(--SPACING) * 10);
    }
    .md\:mb-11 {
      margin-bottom: calc(var(--SPACING) * 11);
    }
    .md\:mb-12 {
      margin-bottom: calc(var(--SPACING) * 12);
    }
    .md\:mb-13 {
      margin-bottom: calc(var(--SPACING) * 13);
    }
    .md\:mb-14 {
      margin-bottom: calc(var(--SPACING) * 14);
    }
    .md\:mb-15 {
      margin-bottom: calc(var(--SPACING) * 15);
    }
    .md\:mb-16 {
      margin-bottom: calc(var(--SPACING) * 16);
    }
    .md\:mb-17 {
      margin-bottom: calc(var(--SPACING) * 17);
    }
    .md\:mb-18 {
      margin-bottom: calc(var(--SPACING) * 18);
    }
    .md\:mb-19 {
      margin-bottom: calc(var(--SPACING) * 19);
    }
    .md\:mb-20 {
      margin-bottom: calc(var(--SPACING) * 20);
    }
    .md\:mb-21 {
      margin-bottom: calc(var(--SPACING) * 21);
    }
    .md\:mb-22 {
      margin-bottom: calc(var(--SPACING) * 22);
    }
    .md\:mb-23 {
      margin-bottom: calc(var(--SPACING) * 23);
    }
    .md\:mb-24 {
      margin-bottom: calc(var(--SPACING) * 24);
    }
    .md\:mb-25 {
      margin-bottom: calc(var(--SPACING) * 25);
    }
    .md\:mb-26 {
      margin-bottom: calc(var(--SPACING) * 26);
    }
    .md\:mb-27 {
      margin-bottom: calc(var(--SPACING) * 27);
    }
    .md\:mb-28 {
      margin-bottom: calc(var(--SPACING) * 28);
    }
    .md\:mb-29 {
      margin-bottom: calc(var(--SPACING) * 29);
    }
    .md\:mb-30 {
      margin-bottom: calc(var(--SPACING) * 30);
    }
    .md\:mb-31 {
      margin-bottom: calc(var(--SPACING) * 31);
    }
    .md\:mb-32 {
      margin-bottom: calc(var(--SPACING) * 32);
    }
    .md\:mb-33 {
      margin-bottom: calc(var(--SPACING) * 33);
    }
    .md\:mb-34 {
      margin-bottom: calc(var(--SPACING) * 34);
    }
    .md\:mb-35 {
      margin-bottom: calc(var(--SPACING) * 35);
    }
    .md\:mb-36 {
      margin-bottom: calc(var(--SPACING) * 36);
    }
    .md\:mb-37 {
      margin-bottom: calc(var(--SPACING) * 37);
    }
    .md\:mb-38 {
      margin-bottom: calc(var(--SPACING) * 38);
    }
    .md\:mb-39 {
      margin-bottom: calc(var(--SPACING) * 39);
    }
    .md\:mb-40 {
      margin-bottom: calc(var(--SPACING) * 40);
    }
    .md\:ml-0 {
      margin-left: calc(var(--SPACING) * 0);
    }
    .md\:ml-1 {
      margin-left: calc(var(--SPACING) * 1);
    }
    .md\:ml-2 {
      margin-left: calc(var(--SPACING) * 2);
    }
    .md\:ml-3 {
      margin-left: calc(var(--SPACING) * 3);
    }
    .md\:ml-4 {
      margin-left: calc(var(--SPACING) * 4);
    }
    .md\:ml-5 {
      margin-left: calc(var(--SPACING) * 5);
    }
    .md\:ml-6 {
      margin-left: calc(var(--SPACING) * 6);
    }
    .md\:ml-7 {
      margin-left: calc(var(--SPACING) * 7);
    }
    .md\:ml-8 {
      margin-left: calc(var(--SPACING) * 8);
    }
    .md\:ml-9 {
      margin-left: calc(var(--SPACING) * 9);
    }
    .md\:ml-10 {
      margin-left: calc(var(--SPACING) * 10);
    }
    .md\:ml-11 {
      margin-left: calc(var(--SPACING) * 11);
    }
    .md\:ml-12 {
      margin-left: calc(var(--SPACING) * 12);
    }
    .md\:ml-13 {
      margin-left: calc(var(--SPACING) * 13);
    }
    .md\:ml-14 {
      margin-left: calc(var(--SPACING) * 14);
    }
    .md\:ml-15 {
      margin-left: calc(var(--SPACING) * 15);
    }
    .md\:ml-16 {
      margin-left: calc(var(--SPACING) * 16);
    }
    .md\:ml-17 {
      margin-left: calc(var(--SPACING) * 17);
    }
    .md\:ml-18 {
      margin-left: calc(var(--SPACING) * 18);
    }
    .md\:ml-19 {
      margin-left: calc(var(--SPACING) * 19);
    }
    .md\:ml-20 {
      margin-left: calc(var(--SPACING) * 20);
    }
    .md\:ml-21 {
      margin-left: calc(var(--SPACING) * 21);
    }
    .md\:ml-22 {
      margin-left: calc(var(--SPACING) * 22);
    }
    .md\:ml-23 {
      margin-left: calc(var(--SPACING) * 23);
    }
    .md\:ml-24 {
      margin-left: calc(var(--SPACING) * 24);
    }
    .md\:ml-25 {
      margin-left: calc(var(--SPACING) * 25);
    }
    .md\:ml-26 {
      margin-left: calc(var(--SPACING) * 26);
    }
    .md\:ml-27 {
      margin-left: calc(var(--SPACING) * 27);
    }
    .md\:ml-28 {
      margin-left: calc(var(--SPACING) * 28);
    }
    .md\:ml-29 {
      margin-left: calc(var(--SPACING) * 29);
    }
    .md\:ml-30 {
      margin-left: calc(var(--SPACING) * 30);
    }
    .md\:ml-31 {
      margin-left: calc(var(--SPACING) * 31);
    }
    .md\:ml-32 {
      margin-left: calc(var(--SPACING) * 32);
    }
    .md\:ml-33 {
      margin-left: calc(var(--SPACING) * 33);
    }
    .md\:ml-34 {
      margin-left: calc(var(--SPACING) * 34);
    }
    .md\:ml-35 {
      margin-left: calc(var(--SPACING) * 35);
    }
    .md\:ml-36 {
      margin-left: calc(var(--SPACING) * 36);
    }
    .md\:ml-37 {
      margin-left: calc(var(--SPACING) * 37);
    }
    .md\:ml-38 {
      margin-left: calc(var(--SPACING) * 38);
    }
    .md\:ml-39 {
      margin-left: calc(var(--SPACING) * 39);
    }
    .md\:ml-40 {
      margin-left: calc(var(--SPACING) * 40);
    }
    .md\:p-0 {
      padding: calc(var(--SPACING) * 0);
    }
    .md\:p-1 {
      padding: calc(var(--SPACING) * 1);
    }
    .md\:p-2 {
      padding: calc(var(--SPACING) * 2);
    }
    .md\:p-3 {
      padding: calc(var(--SPACING) * 3);
    }
    .md\:p-4 {
      padding: calc(var(--SPACING) * 4);
    }
    .md\:p-5 {
      padding: calc(var(--SPACING) * 5);
    }
    .md\:p-6 {
      padding: calc(var(--SPACING) * 6);
    }
    .md\:p-7 {
      padding: calc(var(--SPACING) * 7);
    }
    .md\:p-8 {
      padding: calc(var(--SPACING) * 8);
    }
    .md\:p-9 {
      padding: calc(var(--SPACING) * 9);
    }
    .md\:p-10 {
      padding: calc(var(--SPACING) * 10);
    }
    .md\:p-11 {
      padding: calc(var(--SPACING) * 11);
    }
    .md\:p-12 {
      padding: calc(var(--SPACING) * 12);
    }
    .md\:p-13 {
      padding: calc(var(--SPACING) * 13);
    }
    .md\:p-14 {
      padding: calc(var(--SPACING) * 14);
    }
    .md\:p-15 {
      padding: calc(var(--SPACING) * 15);
    }
    .md\:p-16 {
      padding: calc(var(--SPACING) * 16);
    }
    .md\:p-17 {
      padding: calc(var(--SPACING) * 17);
    }
    .md\:p-18 {
      padding: calc(var(--SPACING) * 18);
    }
    .md\:p-19 {
      padding: calc(var(--SPACING) * 19);
    }
    .md\:p-20 {
      padding: calc(var(--SPACING) * 20);
    }
    .md\:p-21 {
      padding: calc(var(--SPACING) * 21);
    }
    .md\:p-22 {
      padding: calc(var(--SPACING) * 22);
    }
    .md\:p-23 {
      padding: calc(var(--SPACING) * 23);
    }
    .md\:p-24 {
      padding: calc(var(--SPACING) * 24);
    }
    .md\:p-25 {
      padding: calc(var(--SPACING) * 25);
    }
    .md\:p-26 {
      padding: calc(var(--SPACING) * 26);
    }
    .md\:p-27 {
      padding: calc(var(--SPACING) * 27);
    }
    .md\:p-28 {
      padding: calc(var(--SPACING) * 28);
    }
    .md\:p-29 {
      padding: calc(var(--SPACING) * 29);
    }
    .md\:p-30 {
      padding: calc(var(--SPACING) * 30);
    }
    .md\:p-31 {
      padding: calc(var(--SPACING) * 31);
    }
    .md\:p-32 {
      padding: calc(var(--SPACING) * 32);
    }
    .md\:p-33 {
      padding: calc(var(--SPACING) * 33);
    }
    .md\:p-34 {
      padding: calc(var(--SPACING) * 34);
    }
    .md\:p-35 {
      padding: calc(var(--SPACING) * 35);
    }
    .md\:p-36 {
      padding: calc(var(--SPACING) * 36);
    }
    .md\:p-37 {
      padding: calc(var(--SPACING) * 37);
    }
    .md\:p-38 {
      padding: calc(var(--SPACING) * 38);
    }
    .md\:p-39 {
      padding: calc(var(--SPACING) * 39);
    }
    .md\:p-40 {
      padding: calc(var(--SPACING) * 40);
    }
    .md\:px-0 {
      padding-left: calc(var(--SPACING) * 0);
      padding-right: calc(var(--SPACING) * 0);
    }
    .md\:px-1 {
      padding-left: calc(var(--SPACING) * 1);
      padding-right: calc(var(--SPACING) * 1);
    }
    .md\:px-2 {
      padding-left: calc(var(--SPACING) * 2);
      padding-right: calc(var(--SPACING) * 2);
    }
    .md\:px-3 {
      padding-left: calc(var(--SPACING) * 3);
      padding-right: calc(var(--SPACING) * 3);
    }
    .md\:px-4 {
      padding-left: calc(var(--SPACING) * 4);
      padding-right: calc(var(--SPACING) * 4);
    }
    .md\:px-5 {
      padding-left: calc(var(--SPACING) * 5);
      padding-right: calc(var(--SPACING) * 5);
    }
    .md\:px-6 {
      padding-left: calc(var(--SPACING) * 6);
      padding-right: calc(var(--SPACING) * 6);
    }
    .md\:px-7 {
      padding-left: calc(var(--SPACING) * 7);
      padding-right: calc(var(--SPACING) * 7);
    }
    .md\:px-8 {
      padding-left: calc(var(--SPACING) * 8);
      padding-right: calc(var(--SPACING) * 8);
    }
    .md\:px-9 {
      padding-left: calc(var(--SPACING) * 9);
      padding-right: calc(var(--SPACING) * 9);
    }
    .md\:px-10 {
      padding-left: calc(var(--SPACING) * 10);
      padding-right: calc(var(--SPACING) * 10);
    }
    .md\:px-11 {
      padding-left: calc(var(--SPACING) * 11);
      padding-right: calc(var(--SPACING) * 11);
    }
    .md\:px-12 {
      padding-left: calc(var(--SPACING) * 12);
      padding-right: calc(var(--SPACING) * 12);
    }
    .md\:px-13 {
      padding-left: calc(var(--SPACING) * 13);
      padding-right: calc(var(--SPACING) * 13);
    }
    .md\:px-14 {
      padding-left: calc(var(--SPACING) * 14);
      padding-right: calc(var(--SPACING) * 14);
    }
    .md\:px-15 {
      padding-left: calc(var(--SPACING) * 15);
      padding-right: calc(var(--SPACING) * 15);
    }
    .md\:px-16 {
      padding-left: calc(var(--SPACING) * 16);
      padding-right: calc(var(--SPACING) * 16);
    }
    .md\:px-17 {
      padding-left: calc(var(--SPACING) * 17);
      padding-right: calc(var(--SPACING) * 17);
    }
    .md\:px-18 {
      padding-left: calc(var(--SPACING) * 18);
      padding-right: calc(var(--SPACING) * 18);
    }
    .md\:px-19 {
      padding-left: calc(var(--SPACING) * 19);
      padding-right: calc(var(--SPACING) * 19);
    }
    .md\:px-20 {
      padding-left: calc(var(--SPACING) * 20);
      padding-right: calc(var(--SPACING) * 20);
    }
    .md\:px-21 {
      padding-left: calc(var(--SPACING) * 21);
      padding-right: calc(var(--SPACING) * 21);
    }
    .md\:px-22 {
      padding-left: calc(var(--SPACING) * 22);
      padding-right: calc(var(--SPACING) * 22);
    }
    .md\:px-23 {
      padding-left: calc(var(--SPACING) * 23);
      padding-right: calc(var(--SPACING) * 23);
    }
    .md\:px-24 {
      padding-left: calc(var(--SPACING) * 24);
      padding-right: calc(var(--SPACING) * 24);
    }
    .md\:px-25 {
      padding-left: calc(var(--SPACING) * 25);
      padding-right: calc(var(--SPACING) * 25);
    }
    .md\:px-26 {
      padding-left: calc(var(--SPACING) * 26);
      padding-right: calc(var(--SPACING) * 26);
    }
    .md\:px-27 {
      padding-left: calc(var(--SPACING) * 27);
      padding-right: calc(var(--SPACING) * 27);
    }
    .md\:px-28 {
      padding-left: calc(var(--SPACING) * 28);
      padding-right: calc(var(--SPACING) * 28);
    }
    .md\:px-29 {
      padding-left: calc(var(--SPACING) * 29);
      padding-right: calc(var(--SPACING) * 29);
    }
    .md\:px-30 {
      padding-left: calc(var(--SPACING) * 30);
      padding-right: calc(var(--SPACING) * 30);
    }
    .md\:px-31 {
      padding-left: calc(var(--SPACING) * 31);
      padding-right: calc(var(--SPACING) * 31);
    }
    .md\:px-32 {
      padding-left: calc(var(--SPACING) * 32);
      padding-right: calc(var(--SPACING) * 32);
    }
    .md\:px-33 {
      padding-left: calc(var(--SPACING) * 33);
      padding-right: calc(var(--SPACING) * 33);
    }
    .md\:px-34 {
      padding-left: calc(var(--SPACING) * 34);
      padding-right: calc(var(--SPACING) * 34);
    }
    .md\:px-35 {
      padding-left: calc(var(--SPACING) * 35);
      padding-right: calc(var(--SPACING) * 35);
    }
    .md\:px-36 {
      padding-left: calc(var(--SPACING) * 36);
      padding-right: calc(var(--SPACING) * 36);
    }
    .md\:px-37 {
      padding-left: calc(var(--SPACING) * 37);
      padding-right: calc(var(--SPACING) * 37);
    }
    .md\:px-38 {
      padding-left: calc(var(--SPACING) * 38);
      padding-right: calc(var(--SPACING) * 38);
    }
    .md\:px-39 {
      padding-left: calc(var(--SPACING) * 39);
      padding-right: calc(var(--SPACING) * 39);
    }
    .md\:px-40 {
      padding-left: calc(var(--SPACING) * 40);
      padding-right: calc(var(--SPACING) * 40);
    }
    .md\:py-0 {
      padding-bottom: calc(var(--SPACING) * 0);
      padding-top: calc(var(--SPACING) * 0);
    }
    .md\:py-1 {
      padding-bottom: calc(var(--SPACING) * 1);
      padding-top: calc(var(--SPACING) * 1);
    }
    .md\:py-2 {
      padding-bottom: calc(var(--SPACING) * 2);
      padding-top: calc(var(--SPACING) * 2);
    }
    .md\:py-3 {
      padding-bottom: calc(var(--SPACING) * 3);
      padding-top: calc(var(--SPACING) * 3);
    }
    .md\:py-4 {
      padding-bottom: calc(var(--SPACING) * 4);
      padding-top: calc(var(--SPACING) * 4);
    }
    .md\:py-5 {
      padding-bottom: calc(var(--SPACING) * 5);
      padding-top: calc(var(--SPACING) * 5);
    }
    .md\:py-6 {
      padding-bottom: calc(var(--SPACING) * 6);
      padding-top: calc(var(--SPACING) * 6);
    }
    .md\:py-7 {
      padding-bottom: calc(var(--SPACING) * 7);
      padding-top: calc(var(--SPACING) * 7);
    }
    .md\:py-8 {
      padding-bottom: calc(var(--SPACING) * 8);
      padding-top: calc(var(--SPACING) * 8);
    }
    .md\:py-9 {
      padding-bottom: calc(var(--SPACING) * 9);
      padding-top: calc(var(--SPACING) * 9);
    }
    .md\:py-10 {
      padding-bottom: calc(var(--SPACING) * 10);
      padding-top: calc(var(--SPACING) * 10);
    }
    .md\:py-11 {
      padding-bottom: calc(var(--SPACING) * 11);
      padding-top: calc(var(--SPACING) * 11);
    }
    .md\:py-12 {
      padding-bottom: calc(var(--SPACING) * 12);
      padding-top: calc(var(--SPACING) * 12);
    }
    .md\:py-13 {
      padding-bottom: calc(var(--SPACING) * 13);
      padding-top: calc(var(--SPACING) * 13);
    }
    .md\:py-14 {
      padding-bottom: calc(var(--SPACING) * 14);
      padding-top: calc(var(--SPACING) * 14);
    }
    .md\:py-15 {
      padding-bottom: calc(var(--SPACING) * 15);
      padding-top: calc(var(--SPACING) * 15);
    }
    .md\:py-16 {
      padding-bottom: calc(var(--SPACING) * 16);
      padding-top: calc(var(--SPACING) * 16);
    }
    .md\:py-17 {
      padding-bottom: calc(var(--SPACING) * 17);
      padding-top: calc(var(--SPACING) * 17);
    }
    .md\:py-18 {
      padding-bottom: calc(var(--SPACING) * 18);
      padding-top: calc(var(--SPACING) * 18);
    }
    .md\:py-19 {
      padding-bottom: calc(var(--SPACING) * 19);
      padding-top: calc(var(--SPACING) * 19);
    }
    .md\:py-20 {
      padding-bottom: calc(var(--SPACING) * 20);
      padding-top: calc(var(--SPACING) * 20);
    }
    .md\:py-21 {
      padding-bottom: calc(var(--SPACING) * 21);
      padding-top: calc(var(--SPACING) * 21);
    }
    .md\:py-22 {
      padding-bottom: calc(var(--SPACING) * 22);
      padding-top: calc(var(--SPACING) * 22);
    }
    .md\:py-23 {
      padding-bottom: calc(var(--SPACING) * 23);
      padding-top: calc(var(--SPACING) * 23);
    }
    .md\:py-24 {
      padding-bottom: calc(var(--SPACING) * 24);
      padding-top: calc(var(--SPACING) * 24);
    }
    .md\:py-25 {
      padding-bottom: calc(var(--SPACING) * 25);
      padding-top: calc(var(--SPACING) * 25);
    }
    .md\:py-26 {
      padding-bottom: calc(var(--SPACING) * 26);
      padding-top: calc(var(--SPACING) * 26);
    }
    .md\:py-27 {
      padding-bottom: calc(var(--SPACING) * 27);
      padding-top: calc(var(--SPACING) * 27);
    }
    .md\:py-28 {
      padding-bottom: calc(var(--SPACING) * 28);
      padding-top: calc(var(--SPACING) * 28);
    }
    .md\:py-29 {
      padding-bottom: calc(var(--SPACING) * 29);
      padding-top: calc(var(--SPACING) * 29);
    }
    .md\:py-30 {
      padding-bottom: calc(var(--SPACING) * 30);
      padding-top: calc(var(--SPACING) * 30);
    }
    .md\:py-31 {
      padding-bottom: calc(var(--SPACING) * 31);
      padding-top: calc(var(--SPACING) * 31);
    }
    .md\:py-32 {
      padding-bottom: calc(var(--SPACING) * 32);
      padding-top: calc(var(--SPACING) * 32);
    }
    .md\:py-33 {
      padding-bottom: calc(var(--SPACING) * 33);
      padding-top: calc(var(--SPACING) * 33);
    }
    .md\:py-34 {
      padding-bottom: calc(var(--SPACING) * 34);
      padding-top: calc(var(--SPACING) * 34);
    }
    .md\:py-35 {
      padding-bottom: calc(var(--SPACING) * 35);
      padding-top: calc(var(--SPACING) * 35);
    }
    .md\:py-36 {
      padding-bottom: calc(var(--SPACING) * 36);
      padding-top: calc(var(--SPACING) * 36);
    }
    .md\:py-37 {
      padding-bottom: calc(var(--SPACING) * 37);
      padding-top: calc(var(--SPACING) * 37);
    }
    .md\:py-38 {
      padding-bottom: calc(var(--SPACING) * 38);
      padding-top: calc(var(--SPACING) * 38);
    }
    .md\:py-39 {
      padding-bottom: calc(var(--SPACING) * 39);
      padding-top: calc(var(--SPACING) * 39);
    }
    .md\:py-40 {
      padding-bottom: calc(var(--SPACING) * 40);
      padding-top: calc(var(--SPACING) * 40);
    }
    .md\:pt-0 {
      padding-top: calc(var(--SPACING) * 0);
    }
    .md\:pt-1 {
      padding-top: calc(var(--SPACING) * 1);
    }
    .md\:pt-2 {
      padding-top: calc(var(--SPACING) * 2);
    }
    .md\:pt-3 {
      padding-top: calc(var(--SPACING) * 3);
    }
    .md\:pt-4 {
      padding-top: calc(var(--SPACING) * 4);
    }
    .md\:pt-5 {
      padding-top: calc(var(--SPACING) * 5);
    }
    .md\:pt-6 {
      padding-top: calc(var(--SPACING) * 6);
    }
    .md\:pt-7 {
      padding-top: calc(var(--SPACING) * 7);
    }
    .md\:pt-8 {
      padding-top: calc(var(--SPACING) * 8);
    }
    .md\:pt-9 {
      padding-top: calc(var(--SPACING) * 9);
    }
    .md\:pt-10 {
      padding-top: calc(var(--SPACING) * 10);
    }
    .md\:pt-11 {
      padding-top: calc(var(--SPACING) * 11);
    }
    .md\:pt-12 {
      padding-top: calc(var(--SPACING) * 12);
    }
    .md\:pt-13 {
      padding-top: calc(var(--SPACING) * 13);
    }
    .md\:pt-14 {
      padding-top: calc(var(--SPACING) * 14);
    }
    .md\:pt-15 {
      padding-top: calc(var(--SPACING) * 15);
    }
    .md\:pt-16 {
      padding-top: calc(var(--SPACING) * 16);
    }
    .md\:pt-17 {
      padding-top: calc(var(--SPACING) * 17);
    }
    .md\:pt-18 {
      padding-top: calc(var(--SPACING) * 18);
    }
    .md\:pt-19 {
      padding-top: calc(var(--SPACING) * 19);
    }
    .md\:pt-20 {
      padding-top: calc(var(--SPACING) * 20);
    }
    .md\:pt-21 {
      padding-top: calc(var(--SPACING) * 21);
    }
    .md\:pt-22 {
      padding-top: calc(var(--SPACING) * 22);
    }
    .md\:pt-23 {
      padding-top: calc(var(--SPACING) * 23);
    }
    .md\:pt-24 {
      padding-top: calc(var(--SPACING) * 24);
    }
    .md\:pt-25 {
      padding-top: calc(var(--SPACING) * 25);
    }
    .md\:pt-26 {
      padding-top: calc(var(--SPACING) * 26);
    }
    .md\:pt-27 {
      padding-top: calc(var(--SPACING) * 27);
    }
    .md\:pt-28 {
      padding-top: calc(var(--SPACING) * 28);
    }
    .md\:pt-29 {
      padding-top: calc(var(--SPACING) * 29);
    }
    .md\:pt-30 {
      padding-top: calc(var(--SPACING) * 30);
    }
    .md\:pt-31 {
      padding-top: calc(var(--SPACING) * 31);
    }
    .md\:pt-32 {
      padding-top: calc(var(--SPACING) * 32);
    }
    .md\:pt-33 {
      padding-top: calc(var(--SPACING) * 33);
    }
    .md\:pt-34 {
      padding-top: calc(var(--SPACING) * 34);
    }
    .md\:pt-35 {
      padding-top: calc(var(--SPACING) * 35);
    }
    .md\:pt-36 {
      padding-top: calc(var(--SPACING) * 36);
    }
    .md\:pt-37 {
      padding-top: calc(var(--SPACING) * 37);
    }
    .md\:pt-38 {
      padding-top: calc(var(--SPACING) * 38);
    }
    .md\:pt-39 {
      padding-top: calc(var(--SPACING) * 39);
    }
    .md\:pt-40 {
      padding-top: calc(var(--SPACING) * 40);
    }
    .md\:pr-0 {
      padding-bottom: calc(var(--SPACING) * 0);
    }
    .md\:pr-1 {
      padding-bottom: calc(var(--SPACING) * 1);
    }
    .md\:pr-2 {
      padding-bottom: calc(var(--SPACING) * 2);
    }
    .md\:pr-3 {
      padding-bottom: calc(var(--SPACING) * 3);
    }
    .md\:pr-4 {
      padding-bottom: calc(var(--SPACING) * 4);
    }
    .md\:pr-5 {
      padding-bottom: calc(var(--SPACING) * 5);
    }
    .md\:pr-6 {
      padding-bottom: calc(var(--SPACING) * 6);
    }
    .md\:pr-7 {
      padding-bottom: calc(var(--SPACING) * 7);
    }
    .md\:pr-8 {
      padding-bottom: calc(var(--SPACING) * 8);
    }
    .md\:pr-9 {
      padding-bottom: calc(var(--SPACING) * 9);
    }
    .md\:pr-10 {
      padding-bottom: calc(var(--SPACING) * 10);
    }
    .md\:pr-11 {
      padding-bottom: calc(var(--SPACING) * 11);
    }
    .md\:pr-12 {
      padding-bottom: calc(var(--SPACING) * 12);
    }
    .md\:pr-13 {
      padding-bottom: calc(var(--SPACING) * 13);
    }
    .md\:pr-14 {
      padding-bottom: calc(var(--SPACING) * 14);
    }
    .md\:pr-15 {
      padding-bottom: calc(var(--SPACING) * 15);
    }
    .md\:pr-16 {
      padding-bottom: calc(var(--SPACING) * 16);
    }
    .md\:pr-17 {
      padding-bottom: calc(var(--SPACING) * 17);
    }
    .md\:pr-18 {
      padding-bottom: calc(var(--SPACING) * 18);
    }
    .md\:pr-19 {
      padding-bottom: calc(var(--SPACING) * 19);
    }
    .md\:pr-20 {
      padding-bottom: calc(var(--SPACING) * 20);
    }
    .md\:pr-21 {
      padding-bottom: calc(var(--SPACING) * 21);
    }
    .md\:pr-22 {
      padding-bottom: calc(var(--SPACING) * 22);
    }
    .md\:pr-23 {
      padding-bottom: calc(var(--SPACING) * 23);
    }
    .md\:pr-24 {
      padding-bottom: calc(var(--SPACING) * 24);
    }
    .md\:pr-25 {
      padding-bottom: calc(var(--SPACING) * 25);
    }
    .md\:pr-26 {
      padding-bottom: calc(var(--SPACING) * 26);
    }
    .md\:pr-27 {
      padding-bottom: calc(var(--SPACING) * 27);
    }
    .md\:pr-28 {
      padding-bottom: calc(var(--SPACING) * 28);
    }
    .md\:pr-29 {
      padding-bottom: calc(var(--SPACING) * 29);
    }
    .md\:pr-30 {
      padding-bottom: calc(var(--SPACING) * 30);
    }
    .md\:pr-31 {
      padding-bottom: calc(var(--SPACING) * 31);
    }
    .md\:pr-32 {
      padding-bottom: calc(var(--SPACING) * 32);
    }
    .md\:pr-33 {
      padding-bottom: calc(var(--SPACING) * 33);
    }
    .md\:pr-34 {
      padding-bottom: calc(var(--SPACING) * 34);
    }
    .md\:pr-35 {
      padding-bottom: calc(var(--SPACING) * 35);
    }
    .md\:pr-36 {
      padding-bottom: calc(var(--SPACING) * 36);
    }
    .md\:pr-37 {
      padding-bottom: calc(var(--SPACING) * 37);
    }
    .md\:pr-38 {
      padding-bottom: calc(var(--SPACING) * 38);
    }
    .md\:pr-39 {
      padding-bottom: calc(var(--SPACING) * 39);
    }
    .md\:pr-40 {
      padding-bottom: calc(var(--SPACING) * 40);
    }
    .md\:pb-0 {
      padding-bottom: calc(var(--SPACING) * 0);
    }
    .md\:pb-1 {
      padding-bottom: calc(var(--SPACING) * 1);
    }
    .md\:pb-2 {
      padding-bottom: calc(var(--SPACING) * 2);
    }
    .md\:pb-3 {
      padding-bottom: calc(var(--SPACING) * 3);
    }
    .md\:pb-4 {
      padding-bottom: calc(var(--SPACING) * 4);
    }
    .md\:pb-5 {
      padding-bottom: calc(var(--SPACING) * 5);
    }
    .md\:pb-6 {
      padding-bottom: calc(var(--SPACING) * 6);
    }
    .md\:pb-7 {
      padding-bottom: calc(var(--SPACING) * 7);
    }
    .md\:pb-8 {
      padding-bottom: calc(var(--SPACING) * 8);
    }
    .md\:pb-9 {
      padding-bottom: calc(var(--SPACING) * 9);
    }
    .md\:pb-10 {
      padding-bottom: calc(var(--SPACING) * 10);
    }
    .md\:pb-11 {
      padding-bottom: calc(var(--SPACING) * 11);
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--SPACING) * 12);
    }
    .md\:pb-13 {
      padding-bottom: calc(var(--SPACING) * 13);
    }
    .md\:pb-14 {
      padding-bottom: calc(var(--SPACING) * 14);
    }
    .md\:pb-15 {
      padding-bottom: calc(var(--SPACING) * 15);
    }
    .md\:pb-16 {
      padding-bottom: calc(var(--SPACING) * 16);
    }
    .md\:pb-17 {
      padding-bottom: calc(var(--SPACING) * 17);
    }
    .md\:pb-18 {
      padding-bottom: calc(var(--SPACING) * 18);
    }
    .md\:pb-19 {
      padding-bottom: calc(var(--SPACING) * 19);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--SPACING) * 20);
    }
    .md\:pb-21 {
      padding-bottom: calc(var(--SPACING) * 21);
    }
    .md\:pb-22 {
      padding-bottom: calc(var(--SPACING) * 22);
    }
    .md\:pb-23 {
      padding-bottom: calc(var(--SPACING) * 23);
    }
    .md\:pb-24 {
      padding-bottom: calc(var(--SPACING) * 24);
    }
    .md\:pb-25 {
      padding-bottom: calc(var(--SPACING) * 25);
    }
    .md\:pb-26 {
      padding-bottom: calc(var(--SPACING) * 26);
    }
    .md\:pb-27 {
      padding-bottom: calc(var(--SPACING) * 27);
    }
    .md\:pb-28 {
      padding-bottom: calc(var(--SPACING) * 28);
    }
    .md\:pb-29 {
      padding-bottom: calc(var(--SPACING) * 29);
    }
    .md\:pb-30 {
      padding-bottom: calc(var(--SPACING) * 30);
    }
    .md\:pb-31 {
      padding-bottom: calc(var(--SPACING) * 31);
    }
    .md\:pb-32 {
      padding-bottom: calc(var(--SPACING) * 32);
    }
    .md\:pb-33 {
      padding-bottom: calc(var(--SPACING) * 33);
    }
    .md\:pb-34 {
      padding-bottom: calc(var(--SPACING) * 34);
    }
    .md\:pb-35 {
      padding-bottom: calc(var(--SPACING) * 35);
    }
    .md\:pb-36 {
      padding-bottom: calc(var(--SPACING) * 36);
    }
    .md\:pb-37 {
      padding-bottom: calc(var(--SPACING) * 37);
    }
    .md\:pb-38 {
      padding-bottom: calc(var(--SPACING) * 38);
    }
    .md\:pb-39 {
      padding-bottom: calc(var(--SPACING) * 39);
    }
    .md\:pb-40 {
      padding-bottom: calc(var(--SPACING) * 40);
    }
    .md\:pl-0 {
      padding-left: calc(var(--SPACING) * 0);
    }
    .md\:pl-1 {
      padding-left: calc(var(--SPACING) * 1);
    }
    .md\:pl-2 {
      padding-left: calc(var(--SPACING) * 2);
    }
    .md\:pl-3 {
      padding-left: calc(var(--SPACING) * 3);
    }
    .md\:pl-4 {
      padding-left: calc(var(--SPACING) * 4);
    }
    .md\:pl-5 {
      padding-left: calc(var(--SPACING) * 5);
    }
    .md\:pl-6 {
      padding-left: calc(var(--SPACING) * 6);
    }
    .md\:pl-7 {
      padding-left: calc(var(--SPACING) * 7);
    }
    .md\:pl-8 {
      padding-left: calc(var(--SPACING) * 8);
    }
    .md\:pl-9 {
      padding-left: calc(var(--SPACING) * 9);
    }
    .md\:pl-10 {
      padding-left: calc(var(--SPACING) * 10);
    }
    .md\:pl-11 {
      padding-left: calc(var(--SPACING) * 11);
    }
    .md\:pl-12 {
      padding-left: calc(var(--SPACING) * 12);
    }
    .md\:pl-13 {
      padding-left: calc(var(--SPACING) * 13);
    }
    .md\:pl-14 {
      padding-left: calc(var(--SPACING) * 14);
    }
    .md\:pl-15 {
      padding-left: calc(var(--SPACING) * 15);
    }
    .md\:pl-16 {
      padding-left: calc(var(--SPACING) * 16);
    }
    .md\:pl-17 {
      padding-left: calc(var(--SPACING) * 17);
    }
    .md\:pl-18 {
      padding-left: calc(var(--SPACING) * 18);
    }
    .md\:pl-19 {
      padding-left: calc(var(--SPACING) * 19);
    }
    .md\:pl-20 {
      padding-left: calc(var(--SPACING) * 20);
    }
    .md\:pl-21 {
      padding-left: calc(var(--SPACING) * 21);
    }
    .md\:pl-22 {
      padding-left: calc(var(--SPACING) * 22);
    }
    .md\:pl-23 {
      padding-left: calc(var(--SPACING) * 23);
    }
    .md\:pl-24 {
      padding-left: calc(var(--SPACING) * 24);
    }
    .md\:pl-25 {
      padding-left: calc(var(--SPACING) * 25);
    }
    .md\:pl-26 {
      padding-left: calc(var(--SPACING) * 26);
    }
    .md\:pl-27 {
      padding-left: calc(var(--SPACING) * 27);
    }
    .md\:pl-28 {
      padding-left: calc(var(--SPACING) * 28);
    }
    .md\:pl-29 {
      padding-left: calc(var(--SPACING) * 29);
    }
    .md\:pl-30 {
      padding-left: calc(var(--SPACING) * 30);
    }
    .md\:pl-31 {
      padding-left: calc(var(--SPACING) * 31);
    }
    .md\:pl-32 {
      padding-left: calc(var(--SPACING) * 32);
    }
    .md\:pl-33 {
      padding-left: calc(var(--SPACING) * 33);
    }
    .md\:pl-34 {
      padding-left: calc(var(--SPACING) * 34);
    }
    .md\:pl-35 {
      padding-left: calc(var(--SPACING) * 35);
    }
    .md\:pl-36 {
      padding-left: calc(var(--SPACING) * 36);
    }
    .md\:pl-37 {
      padding-left: calc(var(--SPACING) * 37);
    }
    .md\:pl-38 {
      padding-left: calc(var(--SPACING) * 38);
    }
    .md\:pl-39 {
      padding-left: calc(var(--SPACING) * 39);
    }
    .md\:pl-40 {
      padding-left: calc(var(--SPACING) * 40);
    }
    .md\:text-left {
      text-align: left;
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:text-right {
      text-align: right;
    }
    .md\:text-justify {
      text-align: justify;
    }
    .md\:text-start {
      text-align: start;
    }
    .md\:text-end {
      text-align: end;
    }
    .md\:align-baseline {
      vertical-align: baseline;
    }
    .md\:align-top {
      vertical-align: top;
    }
    .md\:align-middle {
      vertical-align: middle;
    }
    .md\:align-bottom {
      vertical-align: bottom;
    }
    .md\:align-text-top {
      vertical-align: text-top;
    }
    .md\:align-text-bottom {
      vertical-align: text-bottom;
    }
    .md\:align-sub {
      vertical-align: sub;
    }
    .md\:align-super {
      vertical-align: super;
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-1\/3 {
      width: 33.333333%;
    }
    .md\:w-2\/3 {
      width: 66.666667%;
    }
    .md\:w-1\/4 {
      width: 25%;
    }
    .md\:w-2\/4 {
      width: 50%;
    }
    .md\:w-3\/4 {
      width: 75%;
    }
    .md\:w-1\/5 {
      width: 20%;
    }
    .md\:w-2\/5 {
      width: 40%;
    }
    .md\:w-3\/5 {
      width: 60%;
    }
    .md\:w-4\/5 {
      width: 80%;
    }
    .md\:w-1\/6 {
      width: 16.666667%;
    }
    .md\:w-2\/6 {
      width: 33.333333%;
    }
    .md\:w-3\/6 {
      width: 50%;
    }
    .md\:w-4\/6 {
      width: 66.666667%;
    }
    .md\:w-5\/6 {
      width: 83.333333%;
    }
    .md\:w-1\/12 {
      width: 8.333333%;
    }
    .md\:w-2\/12 {
      width: 16.666667%;
    }
    .md\:w-3\/12 {
      width: 25%;
    }
    .md\:w-4\/12 {
      width: 33.333333%;
    }
    .md\:w-5\/12 {
      width: 41.666667%;
    }
    .md\:w-6\/12 {
      width: 50%;
    }
    .md\:w-7\/12 {
      width: 58.333333%;
    }
    .md\:w-8\/12 {
      width: 66.666667%;
    }
    .md\:w-9\/12 {
      width: 75%;
    }
    .md\:w-10\/12 {
      width: 83.333333%;
    }
    .md\:w-11\/12 {
      width: 91.666667%;
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:w-screen {
      width: 100vw;
    }
    .md\:w-min {
      width: min-content;
    }
    .md\:w-max {
      width: max-content;
    }
    .md\:w-fit {
      width: fit-content;
    }
    .md\:w-0 {
      width: 0;
    }
    .md\:w-1 {
      width: 4px;
    }
    .md\:w-2 {
      width: 8px;
    }
    .md\:w-3 {
      width: 12px;
    }
    .md\:w-4 {
      width: 16px;
    }
    .md\:w-5 {
      width: 20px;
    }
    .md\:w-6 {
      width: 24px;
    }
    .md\:w-7 {
      width: 28px;
    }
    .md\:w-8 {
      width: 32px;
    }
    .md\:w-9 {
      width: 36px;
    }
    .md\:w-10 {
      width: 40px;
    }
    .md\:w-11 {
      width: 44px;
    }
    .md\:w-12 {
      width: 48px;
    }
    .md\:w-13 {
      width: 52px;
    }
    .md\:w-14 {
      width: 56px;
    }
    .md\:w-15 {
      width: 60px;
    }
    .md\:w-16 {
      width: 64px;
    }
    .md\:w-17 {
      width: 68px;
    }
    .md\:w-18 {
      width: 72px;
    }
    .md\:w-19 {
      width: 76px;
    }
    .md\:w-20 {
      width: 80px;
    }
    .md\:w-21 {
      width: 84px;
    }
    .md\:w-22 {
      width: 88px;
    }
    .md\:w-23 {
      width: 92px;
    }
    .md\:w-24 {
      width: 96px;
    }
    .md\:w-25 {
      width: 100px;
    }
    .md\:w-26 {
      width: 104px;
    }
    .md\:w-27 {
      width: 108px;
    }
    .md\:w-28 {
      width: 112px;
    }
    .md\:w-29 {
      width: 116px;
    }
    .md\:w-30 {
      width: 120px;
    }
    .md\:w-31 {
      width: 124px;
    }
    .md\:w-32 {
      width: 128px;
    }
    .md\:w-33 {
      width: 132px;
    }
    .md\:w-34 {
      width: 136px;
    }
    .md\:w-35 {
      width: 140px;
    }
    .md\:w-36 {
      width: 144px;
    }
    .md\:w-37 {
      width: 148px;
    }
    .md\:w-38 {
      width: 152px;
    }
    .md\:w-39 {
      width: 156px;
    }
    .md\:w-40 {
      width: 160px;
    }
  }
  @layer unique{
    .top-products {
      background: none;
      margin-block-start: calc(var(--SPACING) * 15);
      padding-block-start: calc(var(--SPACING) * 20);
      position: relative;
    }
    .top-products::before {
      background-image: url("/common/v2/img/index-bg-pc.webp");
      background-position: center;
      background-size: auto 100%;
      bottom: clamp(225px, 80px + 17vw, 300px);
      content: "";
      display: block;
      height: 715px;
      left: 50%;
      max-width: 1440px;
      transform: translateX(-50%);
      width: calc(100vw - var(--scrollbar) / 2);
      z-index: -1;
    }
    .top-products::before,.top-hdg-lv2--top-products {
      background-repeat: no-repeat;
      position: absolute;
    }
    .top-hdg-lv2--top-products {
      background-position: top center;
      background-size: contain;
      left: 0;
      margin-block-end: 0;
      top: 36px;
    }
    .top-products-col2-wrap {
      position: relative;
    }
    .top-products-col2 {
      background: none;
      margin-inline: 0;
      padding-inline: 0;
    }
    .top-products-col2_item--text {
      align-items: start;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      margin-inline-start: auto;
      max-width: 580px;
      padding-block-end: 36px;
      padding-block-start: 191px;
      padding-inline-start: 40px;
    }
    .top-products-text {
      font-size: var(--FONT_SIZE_20);
    }
    .m-btn--top-products {
      margin-block-start: calc(var(--SPACING) * 5);
    }
    .top-products--img {
      padding-inline: 20px 0;
    }
    .m-panel-list--top-products {
      margin-block-start: calc(var(--SPACING) * 15);
    }
    .top-img-link {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-block-start: calc(var(--SPACING) * 20);
    }
    .top-img-link__item::before {
      bottom: 24px;
      height: 48px;
      right: 40px;
      width: 48px;
    }
    .top-img-link__item-link::after {
      bottom: 25px;
      height: 48px;
      mask-size: 32px 32px;
      right: 41px;
      width: 48px;
    }
    .top-img-link__item-link:hover .top-img-link__item-link-img, .top-img-link__item-link:focus-visible .top-img-link__item-link-img {
      transform: scale(1.05);
    }
    .top-img-link__item-link-inner {
      left: 0;
      right: 112px;
    }
    .top-img-link__item-title {
      bottom: 24px;
      left: 40px;
    }
    .top-img-link__item-title-main {
      font-size: var(--FONT_SIZE_40);
    }
    .top-img-link__item-title-sub {
      font-size: var(--FONT_SIZE_20);
    }
    * + .top-news-release {
      margin-block-start: calc(var(--SPACING) * 20);
    }
    .top-news-release {
      padding-block-end: 0;
      position: relative;
    }
    .top-news-release__col2 {
      display: grid;
      gap: 60px;
      grid-template-columns: minmax(290px, 34%) 1fr;
    }
    .top-news-release__head {
      align-items: flex-start;
      flex-direction: column;
      justify-content: left;
    }
    .m-btn--top-news-release {
      margin-block-start: calc(var(--SPACING) * 5);
      position: static;
      transform: translate(0);
    }
  }
}
@media only screen and (any-hover: hover){
  @layer module{
    .m-button-text:hover {
      text-decoration: underline;
    }
    .m-btn-list__link:hover {
      color: var(--COLOR_BASE_LIGHT);
    }
    .m-heading-type4__link:hover {
      text-decoration: underline;
    }
    .m-link-list__link span:hover, .m-link-list__link span:focus-visible {
      background-position: 0 100%;
      background-size: 100% 1px;
      color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-link-list--vertical .m-link-list__link:hover,.m-panel__title:hover,.m-panel-bnr__title:hover {
      color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel-bnr :hover .icon-link-external {
      filter: var(--FILTER_BLUE);
    }
    .m-widget-carousel__toggle:hover {
      background-color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-widget-carousel__toggle:hover::before, .m-widget-carousel__toggle:hover::after {
      background-color: var(--COLOR_BASE_LIGHT);
    }
    .m-widget-carousel__toggle--autoplay:hover {
      background-color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-widget-carousel__toggle--autoplay:hover::before {
      background-color: var(--COLOR_BASE_LIGHT);
    }
    .m-widget-carousel__arrow:not(.m-widget-carousel__arrow--disabled):hover {
      background-color: var(--COLOR_BRAND_PRIMARY);
      /* arrow */
    }
    .m-widget-carousel__arrow:not(.m-widget-carousel__arrow--disabled):hover::before {
      background-color: var(--COLOR_BASE_LIGHT);
    }
  }
}
@media print, screen and (width >= 1090px){
  @layer module{
    .m-panel-bnr__img {
      max-width: 600px;
      width: 50%;
    }
    .m-panel-bnr__img img {
      max-width: 100%;
      transition: transform var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel-bnr__title {
      background-image: linear-gradient(var(--COLOR_BRAND_PRIMARY), var(--COLOR_BRAND_PRIMARY));
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 0 1px;
      font-size: var(--FONT_SIZE_24);
      margin-block-end: calc(var(--SPACING) * 2);
      padding-block-end: 4px;
      padding-inline-end: 24px;
      transition: background-size var(--HOVER_ANIMATION_TRANSITION_TIME);
    }
    .m-panel-bnr {
      flex-direction: row;
      max-width: none;
    }
    .m-panel-bnr:hover .m-panel-bnr__img img {
      transform: scale(1.05);
    }
    .m-panel-bnr:hover .m-panel-bnr__title {
      background-position: 0 100%;
      background-size: 100% 1px;
      color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel-bnr:hover .m-panel-bnr__title::after {
      background-color: var(--COLOR_BRAND_PRIMARY);
    }
    .m-panel-bnr__detail {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 40.5px;
      padding-inline: calc(var(--SPACING) * 5);
      width: 50%;
    }
    .m-panel-bnr__text {
      font-size: var(--FONT_SIZE_16);
    }
  }
}
@media only screen and (width < 768px){
  @layer module{
    .m-panel-information__containerButton :where(.m-button) {
      width: 100%;
    }
    .m-panel-information__foot :where(.m-panel-download__description) {
      text-align: center;
    }
    .m-panel-information__foot :where(.m-button) {
      width: 100%;
    }
  }
}
@media print, screen and (width >= 1275px){
  @layer unique{
    .top-products-col2_item--text {
      padding-inline-start: 0;
    }
  }
}
@media print, screen and (width >= 1315px){
  @layer unique{
    .top-products-col2 {
      align-items: center;
    }
    .top-hdg-lv2--top-products {
      top: 50%;
      transform: translateY(calc(-100% - 40px));
    }
  }
}