*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: var(--theme-text);
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: var(--font-body-main-line-height);
    letter-spacing: var(--font-body-main-letter-spacing);
}
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover,
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    border: 1px solid #04a4cc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p,
ul,
ol {
    margin: 0 !important;
}

.icon-xs{
  font-size: var(--icon-xs);
  width: var(--icon-xs);
  height: var(--icon-xs);
}
.icon-sm{
  font-size: var(--icon-sm);
  width: var(--icon-sm);
  height: var(--icon-sm);
}
.icon-md{
  font-size: var(--icon-md);
  width: var(--icon-md);
  height: var(--icon-md);
}
.icon-lg{
  font-size: var(--icon-lg);
  width: var(--icon-lg);
  height: var(--icon-lg);
}
.icons svg{
  width:100%;
  height:100%;
}
.font-display{
  font-size: var(--font-display);
  line-height: var(--font-display-line-height);
  letter-spacing: var(--font-display-letter-spacing);
  font-family: var(--font-secondary);
  font-weight: var(--weight-regular);
  text-box-edge: cap alphabetic;
}
.font-h1,
h1{
  font-size: var(--font-h1);
  line-height: var(--font-h1-line-height);
  letter-spacing: var(--font-h1-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-bold);
  text-box-edge: cap alphabetic;
}
.font-h2,
h2{
  font-size: var(--font-h2);
  line-height: var(--font-h2-line-height);
  letter-spacing: var(--font-h2-letter-spacing);  
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
}
.font-h3,
h3{
  font-size: var(--font-h3);
  line-height: var(--font-h3-line-height);
  letter-spacing: var(--font-h3-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
}
.font-h4,
h4{
  font-size: var(--font-h4);
  line-height: var(--font-h4-line-height);
  letter-spacing: var(--font-h4-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
}
.font-h5,
h5{
  font-size: var(--font-h5);
  line-height: var(--font-h5-line-height);
  letter-spacing: var(--font-h5-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
}
.font-h6,
h6{
  font-size: var(--font-h6);
  line-height: var(--font-h6-line-height);
  letter-spacing: var(--font-h6-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
}

.font-body-lg{
  font-size: var(--font-body-lg);
  line-height: var(--font-body-lg-line-height);
  letter-spacing: var(--font-body-lg-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-regular);
}
.font-body-main{
  font-size: var(--font-body-main);
  line-height: var(--font-body-main-line-height);
  letter-spacing: var(--font-body-main-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-regular);
}
.font-body-sm{
  font-size: var(--font-body-sm);
  line-height: var(--font-body-sm-line-height);
  letter-spacing: var(--font-body-sm-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-regular);
}

.font-eyebrow,
.mf-tabs-items,
.breadcrumbs{
  font-size: var(--font-eyebrow);
  line-height: var(--font-eyebrow-line-height);
  letter-spacing: var(--font-eyebrow-letter-spacing);
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-weight: var(--weight-bold);
  text-box-edge: cap alphabetic;
}

.font-links{
  font-size: var(--font-links);
  line-height: var(--font-links-line-height);
  letter-spacing: var(--font-links-letter-spacing);
  font-family: var(--font-primary);
  font-weight: var(--weight-medium);
  text-box-edge: cap alphabetic;
  text-decoration: none;
  position: relative;
  display: inline-block;
  align-self: flex-start;
}
.article-publish-contents a:before,
.navi-number:before,
.navi-prev.active:before,
.navi-next.active:before,
.year-item-choices:before,
.cat-filter-item:before,
.cat-filter-item-year:before,
.press-feature-news:before,
.mf-tabs-items:before,
.font-links::before,
.font-links.is--alt::before,
.font-links.is--alt::after{
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--theme-text);
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}
.mf-tabs-items:before{
  background-color: var(--brand);
  bottom: -8px;
}
.article-publish-contents *:not(.article-publish-downloadable-wrappers) a:hover:before,
.navi-number:hover:before,
.navi-prev.active:hover:before,
.navi-next.active:hover:before,
.year-item-choices:hover:before,
.cat-filter-item:hover:before,
.cat-filter-item-year:hover:before,
.press-feature-news-info:hover .font-links::before,
.press-feed-item:hover .font-links::before,
.mf-tabs-items:hover:before,
.mf-tabs-items.active:before,
.article-list-items a:hover .font-links::before,
.font-links:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.font-links.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.font-links.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.font-links.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.font-links.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}
.font-primary{
  font-family: var(--font-primary);
}
.font-secondary{
  font-family: var(--font-secondary);
}
.font-regular{
  font-weight: var(--weight-regular);
}
.font-medium{
  font-weight: var(--weight-medium);
}
.font-bold{
  font-weight: var(--weight-bold);
}


.p-0{ padding: 0; }
.p-25{ padding: var(--spacing-25); }
.p-50{ padding: var(--spacing-50); }
.p-75{ padding: var(--spacing-75); }
.p-100{ padding: var(--spacing-100); }
.p-125{ padding: var(--spacing-125); }
.p-150{ padding: var(--spacing-150); }
.p-175{ padding: var(--spacing-175); }
.p-200{ padding: var(--spacing-200); }
.p-250{ padding: var(--spacing-250); }
.p-300{ padding: var(--spacing-300); }
.p-312{ padding: var(--spacing-312); }
.p-400{ padding: var(--spacing-400); }
.p-412{ padding: var(--spacing-412); }
.p-500{ padding: var(--spacing-500); }
.p-550{ padding: var(--spacing-550); }
.p-625{ padding: var(--spacing-625); }
.p-1250{ padding: var(--spacing-1250); }

.pt-0{ padding-top: 0; }
.pt-25{ padding-top: var(--spacing-25); }
.pt-50{ padding-top: var(--spacing-50); }
.pt-75{ padding-top: var(--spacing-75); }
.pt-100{ padding-top: var(--spacing-100); }
.pt-125{ padding-top: var(--spacing-125); }
.pt-150{ padding-top: var(--spacing-150); }
.pt-175{ padding-top: var(--spacing-175); }
.pt-200{ padding-top: var(--spacing-200); }
.pt-250{ padding-top: var(--spacing-250); }
.pt-300{ padding-top: var(--spacing-300); }
.pt-312{ padding-top: var(--spacing-312); }
.pt-400{ padding-top: var(--spacing-400); }
.pt-412{ padding-top: var(--spacing-412); }
.pt-500{ padding-top: var(--spacing-500); }
.pt-550{ padding-top: var(--spacing-550); }
.pt-625{ padding-top: var(--spacing-625); }
.pt-1250{ padding-top: var(--spacing-1250); }

.pb-0{ padding-bottom: 0; }
.pb-25{ padding-bottom: var(--spacing-25); }
.pb-50{ padding-bottom: var(--spacing-50); }
.pb-75{ padding-bottom: var(--spacing-75); }
.pb-100{ padding-bottom: var(--spacing-100); }
.pb-125{ padding-bottom: var(--spacing-125); }
.pb-150{ padding-bottom: var(--spacing-150); }
.pb-175{ padding-bottom: var(--spacing-175); }
.pb-200{ padding-bottom: var(--spacing-200); }
.pb-250{ padding-bottom: var(--spacing-250); }
.pb-300{ padding-bottom: var(--spacing-300); }
.pb-312{ padding-bottom: var(--spacing-312); }
.pb-400{ padding-bottom: var(--spacing-400); }
.pb-412{ padding-bottom: var(--spacing-412); }
.pb-500{ padding-bottom: var(--spacing-500); }
.pb-550{ padding-bottom: var(--spacing-550); }
.pb-625{ padding-bottom: var(--spacing-625); }
.pb-1250{ padding-bottom: var(--spacing-1250); }

.pl-0{ padding-left: 0; }
.pl-25{ padding-left: var(--spacing-25); }
.pl-50{ padding-left: var(--spacing-50); }
.pl-75{ padding-left: var(--spacing-75); }
.pl-100{ padding-left: var(--spacing-100); }
.pl-125{ padding-left: var(--spacing-125); }
.pl-150{ padding-left: var(--spacing-150); }
.pl-175{ padding-left: var(--spacing-175); }
.pl-200{ padding-left: var(--spacing-200); }
.pl-250{ padding-left: var(--spacing-250); }
.pl-300{ padding-left: var(--spacing-300); }
.pl-312{ padding-left: var(--spacing-312); }
.pl-400{ padding-left: var(--spacing-400); }
.pl-412{ padding-left: var(--spacing-412); }
.pl-500{ padding-left: var(--spacing-500); } 
.pl-550{ padding-left: var(--spacing-550); }
.pl-625{ padding-left: var(--spacing-625); }
.pl-1250{ padding-left: var(--spacing-1250); }

.pr-0{ padding-right: 0; }
.pr-25{ padding-right: var(--spacing-25); }
.pr-50{ padding-right: var(--spacing-50); }
.pr-75{ padding-right: var(--spacing-75); }
.pr-100{ padding-right: var(--spacing-100); }
.pr-125{ padding-right: var(--spacing-125); }
.pr-150{ padding-right: var(--spacing-150); }
.pr-175{ padding-right: var(--spacing-175); }
.pr-200{ padding-right: var(--spacing-200); }
.pr-250{ padding-right: var(--spacing-250); }
.pr-300{ padding-right: var(--spacing-300); }
.pr-312{ padding-right: var(--spacing-312); }
.pr-400{ padding-right: var(--spacing-400); }
.pr-412{ padding-right: var(--spacing-412); }
.pr-500{ padding-right: var(--spacing-500); }
.pr-550{ padding-right: var(--spacing-550); }
.pr-625{ padding-right: var(--spacing-625); }
.pr-1250{ padding-right: var(--spacing-1250); }

.px-0{ padding-left: 0; padding-right: 0; }
.px-25{ padding-left: var(--spacing-25); padding-right: var(--spacing-25); }
.px-50{ padding-left: var(--spacing-50); padding-right: var(--spacing-50); }
.px-75{ padding-left: var(--spacing-75); padding-right: var(--spacing-75); }
.px-100{ padding-left: var(--spacing-100); padding-right: var(--spacing-100); }
.px-125{ padding-left: var(--spacing-125); padding-right: var(--spacing-125); }
.px-150{ padding-left: var(--spacing-150); padding-right: var(--spacing-150); }
.px-175{ padding-left: var(--spacing-175); padding-right: var(--spacing-175); }
.px-200{ padding-left: var(--spacing-200); padding-right: var(--spacing-200); }
.px-250{ padding-left: var(--spacing-250); padding-right: var(--spacing-250); }
.px-300{ padding-left: var(--spacing-300); padding-right: var(--spacing-300); }
.px-312{ padding-left: var(--spacing-312); padding-right: var(--spacing-312); }
.px-400{ padding-left: var(--spacing-400); padding-right: var(--spacing-400); }
.px-412{ padding-left: var(--spacing-412); padding-right: var(--spacing-412); }
.px-500{ padding-left: var(--spacing-500); padding-right: var(--spacing-500); }
.px-550{ padding-left: var(--spacing-550); padding-right: var(--spacing-550); }
.px-625{ padding-left: var(--spacing-625); padding-right: var(--spacing-625); }
.px-1250{ padding-left: var(--spacing-1250); padding-right: var(--spacing-1250); }

.py-0{ padding-top: 0; padding-bottom: 0; }
.py-25{ padding-top: var(--spacing-25); padding-bottom: var(--spacing-25); }
.py-50{ padding-top: var(--spacing-50); padding-bottom: var(--spacing-50); }
.py-75{ padding-top: var(--spacing-75); padding-bottom: var(--spacing-75); }
.py-100{ padding-top: var(--spacing-100); padding-bottom: var(--spacing-100); }
.py-125{ padding-top: var(--spacing-125); padding-bottom: var(--spacing-125); }
.py-150{ padding-top: var(--spacing-150); padding-bottom: var(--spacing-150); }
.py-175{ padding-top: var(--spacing-175); padding-bottom: var(--spacing-175); }
.py-200{ padding-top: var(--spacing-200); padding-bottom: var(--spacing-200); }
.py-250{ padding-top: var(--spacing-250); padding-bottom: var(--spacing-250); }
.py-300{ padding-top: var(--spacing-300); padding-bottom: var(--spacing-300); }
.py-312{ padding-top: var(--spacing-312); padding-bottom: var(--spacing-312); }
.py-400{ padding-top: var(--spacing-400); padding-bottom: var(--spacing-400); }
.py-412{ padding-top: var(--spacing-412); padding-bottom: var(--spacing-412); }
.py-500{ padding-top: var(--spacing-500); padding-bottom: var(--spacing-500); }
.py-550{ padding-top: var(--spacing-550); padding-bottom: var(--spacing-550); }
.py-625{ padding-top: var(--spacing-625); padding-bottom: var(--spacing-625); }
.py-1250{ padding-top: var(--spacing-1250); padding-bottom: var(--spacing-1250); }

.m-0{ margin: 0; }
.m-25{ margin: var(--spacing-25); }
.m-50{ margin: var(--spacing-50); }
.m-75{ margin: var(--spacing-75); }
.m-100{ margin: var(--spacing-100); }
.m-125{ margin: var(--spacing-125); }
.m-150{ margin: var(--spacing-150); }
.m-175{ margin: var(--spacing-175); }
.m-200{ margin: var(--spacing-200); }
.m-250{ margin: var(--spacing-250); }
.m-300{ margin: var(--spacing-300); }
.m-312{ margin: var(--spacing-312); }
.m-400{ margin: var(--spacing-400); }
.m-412{ margin: var(--spacing-412); }
.m-500{ margin: var(--spacing-500); }
.m-550{ margin: var(--spacing-550); }
.m-625{ margin: var(--spacing-625); }
.m-1250{ margin: var(--spacing-1250); }

.mt-0{ margin-top: 0; }
.mt-25{ margin-top: var(--spacing-25); }
.mt-50{ margin-top: var(--spacing-50); }
.mt-75{ margin-top: var(--spacing-75); }
.mt-100{ margin-top: var(--spacing-100); }
.mt-125{ margin-top: var(--spacing-125); }
.mt-150{ margin-top: var(--spacing-150); }
.mt-175{ margin-top: var(--spacing-175); }
.mt-200{ margin-top: var(--spacing-200); }
.mt-250{ margin-top: var(--spacing-250); }
.mt-300{ margin-top: var(--spacing-300); }
.mt-312{ margin-top: var(--spacing-312); }
.mt-400{ margin-top: var(--spacing-400); }
.mt-412{ margin-top: var(--spacing-412); }
.mt-500{ margin-top: var(--spacing-500); }
.mt-550{ margin-top: var(--spacing-550); }
.mt-625{ margin-top: var(--spacing-625); }
.mt-1250{ margin-top: var(--spacing-1250); }

.mb-0{ margin-bottom: 0; }
.mb-25{ margin-bottom: var(--spacing-25); }
.mb-50{ margin-bottom: var(--spacing-50); }
.mb-75{ margin-bottom: var(--spacing-75); }
.mb-100{ margin-bottom: var(--spacing-100); }
.mb-125{ margin-bottom: var(--spacing-125); }
.mb-150{ margin-bottom: var(--spacing-150); }
.mb-175{ margin-bottom: var(--spacing-175); }
.mb-200{ margin-bottom: var(--spacing-200); }
.mb-250{ margin-bottom: var(--spacing-250); }
.mb-300{ margin-bottom: var(--spacing-300); }
.mb-312{ margin-bottom: var(--spacing-312); }
.mb-400{ margin-bottom: var(--spacing-400); }
.mb-412{ margin-bottom: var(--spacing-412); }
.mb-500{ margin-bottom: var(--spacing-500); }
.mb-550{ margin-bottom: var(--spacing-550); }
.mb-625{ margin-bottom: var(--spacing-625); }
.mb-1250{ margin-bottom: var(--spacing-1250); }

.ml-0{ margin-left: 0; }
.ml-25{ margin-left: var(--spacing-25); }
.ml-50{ margin-left: var(--spacing-50); }
.ml-75{ margin-left: var(--spacing-75); }
.ml-100{ margin-left: var(--spacing-100); }
.ml-125{ margin-left: var(--spacing-125); }
.ml-150{ margin-left: var(--spacing-150); }
.ml-175{ margin-left: var(--spacing-175); }
.ml-200{ margin-left: var(--spacing-200); }
.ml-250{ margin-left: var(--spacing-250); }
.ml-300{ margin-left: var(--spacing-300); }
.ml-312{ margin-left: var(--spacing-312); }
.ml-400{ margin-left: var(--spacing-400); }
.ml-312{ margin-left: var(--spacing-312); }
.ml-412{ margin-left: var(--spacing-412); }
.ml-500{ margin-left: var(--spacing-500); }
.ml-550{ margin-left: var(--spacing-550); }
.ml-625{ margin-left: var(--spacing-625); }
.ml-1250{ margin-left: var(--spacing-1250); }

.mr-0{ margin-right: 0; }
.mr-25{ margin-right: var(--spacing-25); }
.mr-50{ margin-right: var(--spacing-50); }
.mr-75{ margin-right: var(--spacing-75); }
.mr-100{ margin-right: var(--spacing-100); }
.mr-125{ margin-right: var(--spacing-125); }
.mr-150{ margin-right: var(--spacing-150); }
.mr-175{ margin-right: var(--spacing-175); }
.mr-200{ margin-right: var(--spacing-200); }
.mr-250{ margin-right: var(--spacing-250); }
.mr-300{ margin-right: var(--spacing-300); }
.mr-312{ margin-right: var(--spacing-312); }
.mr-400{ margin-right: var(--spacing-400); }
.mr-312{ margin-right: var(--spacing-312); }
.mr-412{ margin-right: var(--spacing-412); }
.mr-500{ margin-right: var(--spacing-500); }
.mr-550{ margin-right: var(--spacing-550); }
.mr-625{ margin-right: var(--spacing-625); }
.mr-1250{ margin-right: var(--spacing-1250); }

.mx-0{ margin-left: 0; margin-right: 0; }
.mx-25{ margin-left: var(--spacing-25); margin-right: var(--spacing-25); }  
.mx-50{ margin-left: var(--spacing-50); margin-right: var(--spacing-50); }
.mx-75{ margin-left: var(--spacing-75); margin-right: var(--spacing-75); }
.mx-100{ margin-left: var(--spacing-100); margin-right: var(--spacing-100); }
.mx-125{ margin-left: var(--spacing-125); margin-right: var(--spacing-125); }
.mx-150{ margin-left: var(--spacing-150); margin-right: var(--spacing-150); }
.mx-175{ margin-left: var(--spacing-175); margin-right: var(--spacing-175); }
.mx-200{ margin-left: var(--spacing-200); margin-right: var(--spacing-200); }
.mx-250{ margin-left: var(--spacing-250); margin-right: var(--spacing-250); }
.mx-300{ margin-left: var(--spacing-300); margin-right: var(--spacing-300); }
.mx-312{ margin-left: var(--spacing-312); margin-right: var(--spacing-312); }
.mx-400{ margin-left: var(--spacing-400); margin-right: var(--spacing-400); }
.mx-312{ margin-left: var(--spacing-312); margin-right: var(--spacing-312); }
.mx-412{ margin-left: var(--spacing-412); margin-right: var(--spacing-412); }
.mx-500{ margin-left: var(--spacing-500); margin-right: var(--spacing-500); }
.mx-550{ margin-left: var(--spacing-550); margin-right: var(--spacing-550); }
.mx-625{ margin-left: var(--spacing-625); margin-right: var(--spacing-625); }
.mx-1250{ margin-left: var(--spacing-1250); margin-right: var(--spacing-1250); }

.my-0{ margin-top: 0; margin-bottom: 0; }
.my-25{ margin-top: var(--spacing-25); margin-bottom: var(--spacing-25); }
.my-50{ margin-top: var(--spacing-50); margin-bottom: var(--spacing-50); }
.my-75{ margin-top: var(--spacing-75); margin-bottom: var(--spacing-75); }
.my-100{ margin-top: var(--spacing-100); margin-bottom: var(--spacing-100); }
.my-125{ margin-top: var(--spacing-125); margin-bottom: var(--spacing-125); }
.my-150{ margin-top: var(--spacing-150); margin-bottom: var(--spacing-150); }
.my-175{ margin-top: var(--spacing-175); margin-bottom: var(--spacing-175); }
.my-200{ margin-top: var(--spacing-200); margin-bottom: var(--spacing-200); }
.my-250{ margin-top: var(--spacing-250); margin-bottom: var(--spacing-250); }
.my-300{ margin-top: var(--spacing-300); margin-bottom: var(--spacing-300); }
.my-312{ margin-top: var(--spacing-312); margin-bottom: var(--spacing-312); }
.my-400{ margin-top: var(--spacing-400); margin-bottom: var(--spacing-400); }
.my-312{ margin-top: var(--spacing-312); margin-bottom: var(--spacing-312); }
.my-412{ margin-top: var(--spacing-412); margin-bottom: var(--spacing-412); }
.my-500{ margin-top: var(--spacing-500); margin-bottom: var(--spacing-500); }
.my-550{ margin-top: var(--spacing-550); margin-bottom: var(--spacing-550); }
.my-625{ margin-top: var(--spacing-625); margin-bottom: var(--spacing-625); }
.my-1250{ margin-top: var(--spacing-1250); margin-bottom: var(--spacing-1250); }

.mx-auto{ margin-left: auto; margin-right: auto; }
.ml-auto{ margin-left: auto; }
.mr-auto{ margin-right: auto; }
.my-auto{ margin-top: auto; margin-bottom: auto; }
.mt-auto{ margin-top: auto; }
.mb-auto{ margin-bottom: auto; }

.w-full{ width: 100%; }
.w-half{ width: 50%; }
.w-5-12{ width: 41.666667%; }
.w-7-12{ width: 58.333333%; }
.w-auto{ width: auto; }

.h-full{ height: 100%; }
.h-auto{ height: auto; }

.flex{ display: flex; }
.flex-row{ flex-direction: row; }
.flex-col{ flex-direction: column; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse; }

.justify-between{ justify-content: space-between; }
.justify-center{ justify-content: center; }
.justify-start{ justify-content: flex-start; }
.justify-end{ justify-content: flex-end; }
.justify-around{ justify-content: space-around; }
.justify-evenly{ justify-content: space-evenly; }

.align-center{ align-items: center; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.align-baseline{ align-items: baseline; }
.align-stretch{ align-items: stretch; }
.align-center{ align-items: center; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.align-baseline{ align-items: baseline; }
.align-stretch{ align-items: stretch; }

.gap-gutter{ row-gap: var(--site-gutter); column-gap: var(--site-gutter); }
.gap-paragraph{ row-gap: var(--spacing-150); column-gap: var(--spacing-150); }
.gap-paragraph-sm{ row-gap: var(--spacing-125); column-gap: var(--spacing-125); }
.gap-2 { row-gap: var(--spacing-50); column-gap: var(--spacing-50); }
.gap-4 { row-gap: var(--spacing-100); column-gap: var(--spacing-100); }
.gap-6 { row-gap: var(--spacing-150); column-gap: var(--spacing-150); }
.gap-8 { row-gap: var(--spacing-200); column-gap: var(--spacing-200); }
.gap-10 { row-gap: var(--spacing-250); column-gap: var(--spacing-250); }
.gap-12 { row-gap: var(--spacing-300); column-gap: var(--spacing-300); }
.gap-20 { row-gap: var(--spacing-500); column-gap: var(--spacing-500); }

.relative{ position: relative; }
.absolute{ position: absolute; }
.fixed{ position: fixed; }
.sticky{ position: sticky; }

.section-wrapper{
  width: 100%;
  position: relative;
}
.section-container{
  width: 100%;
  max-width: var(--site-max-width);
  margin: 0 auto;
  position: relative;
}
.article-list-items{
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.cursor-pointer{
  cursor: pointer;
}
.logo svg .fill{
  fill: var(--brand);
}
.logo.footer{
  width: 100%;
  max-width: 486px;
  display: block;
  height: auto;
}
.logo.footer svg{
  width: 100%;
  height: 100%;
}
.footer-column{
  width: 50%;
  max-width: 16.25rem;
}
.no-underline{
  text-decoration: none;
}

.footer-separator{
  width: 1px;
  height: 25px;
  background-color: var(--theme-text);
}
.max-width-500{
  max-width: 500px;
}
.feature-story-year{
  font-size:240px;
  font-weight: var(--weight-regular);
  line-height: 80%;
  font-family: var(--font-secondary);
  leading-trim: both;
  color: var(--light-100);
  text-align: center;
  text-box-edge: cap alphabetic;
}
.feature-story-subtitle{
  color: var(--brand-text);
  font-size: var(--font-h4);
  font-weight: var(--weight-medium);
  line-height: var(--font-h4-line-height);
  letter-spacing: var(--font-h4-letter-spacing);
  font-family: var(--font-primary);
  text-box-edge: cap alphabetic;
  text-align: center;
}
.featured-marquee{
  width: 100%;
  background-color: var(--brand-text);
  padding: var(--spacing-337) 0;
  overflow: hidden;
}
.featured-marquee-track{
  display: flex;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.featured-marquee-item{
  display: flex;
  white-space: nowrap;
  column-gap: 24px;
  align-items: center;
  font-family: var(--font-primary);
  font-size: var(--font-h4);
  font-weight: var(--weight-medium);
  line-height: var(--font-h4-line-height);
  letter-spacing: var(--font-h4-letter-spacing);
  padding: 0 35px;
  animation: loopText 5s infinite linear;  
}
.featured-promotion-container{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  row-gap: 8px;
  font-size: 31px;
  font-weight: var(--weight-bold);
  line-height: 130%;
  font-family: var(--font-primary);
  text-box-edge: cap alphabetic;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--light-100);
  top: 24px;
  left: 32px;
}
.featured-promotion-separator{
  width: 1px;
  height: 58px;
  background-color: var(--light-100);
  margin: 0 8px;
}

@keyframes loopText {
  from {transform: translateX(-100%);}
  to {transform: translateX(0);}
}
.stock-price-max{
  max-width: 585px;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.keyart-banner{
  height: 555px;
  position: relative;
  overflow: hidden;
}
.keyart-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 600ms ease-out;
}
.keyart-banner.start-scale img{
  transform: scale(0.8);
}
.max-width-585{
  max-width: 585px;
}
.text-left{
  text-align: left;
}
#gaming-village{
scroll-padding: 100px;
}
#onetrust-consent-sdk{
  --theme-background: var(--light-100);
  --theme-background-secondary: var(--mauve);
  --theme-text: var(--brand-text);
  --theme-border: var(--dark-900-faded);
  --theme-accent: var(--brand);
  --theme-accent-secondary: var(--violet);

  --btn-primary-bg: var(--lilac);
  --btn-primary-border: var(--lilac);
  --btn-primary-text: var(--brand-text);
  --btn-primary-hover-bg: var(--theme-text);
  --btn-primary-hover-border: var(--theme-text);
  --btn-primary-hover-text: var(--theme-background);

  --btn-secondary-bg: var(--light-100);
  --btn-secondary-border: var(--light-100);
  --btn-secondary-text: var(--brand-secondary);
  --btn-secondary-hover-bg: var(--theme-text);
  --btn-secondary-hover-border: var(--theme-text);
  --btn-secondary-hover-text: var(--theme-background);

  color: var(--theme-text) !important;
  font-family: var(--font-primary) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-lin,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
  padding: var(--spacing-125) var(--spacing-125);
  border-width: var(--border-stroke);
  border-style: solid;
  border-radius: var(--radius-rounded);
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
  background-color: var(--btn-primary-bg) !important;
  border-color: var(--btn-primary-border) !important;
  color: var(--btn-primary-text) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:hover,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):hover, #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:hover{
  background-color: var(--btn-primary-hover-bg) !important;
  border-color: var(--btn-primary-hover-border) !important;
  color: var(--btn-primary-hover-text) !important;
  opacity: 1 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link{
  background-color: var(--btn-secondary-bg);
  border-color: var(--theme-text);
  color: var(--btn-secondary-text);
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover{
  background-color: var(--btn-secondary-hover-bg);
  border-color: var(--theme-text);
  color: var(--btn-secondary-hover-text);
  opacity: 1;
}
#onetrust-consent-sdk #onetrust-policy-title, #onetrust-consent-sdk #onetrust-policy-text, #onetrust-consent-sdk .ot-b-addl-desc, #onetrust-consent-sdk .ot-dpd-desc, #onetrust-consent-sdk .ot-dpd-title, #onetrust-consent-sdk #onetrust-policy-text *:not(.onetrust-vendors-list-handler), #onetrust-consent-sdk .ot-dpd-desc *:not(.onetrust-vendors-list-handler), #onetrust-consent-sdk #onetrust-banner-sdk #banner-options *, #onetrust-banner-sdk .ot-cat-header,
#onetrust-consent-sdk #onetrust-pc-sdk h3, #onetrust-consent-sdk #onetrust-pc-sdk h4, #onetrust-consent-sdk #onetrust-pc-sdk h5, #onetrust-consent-sdk #onetrust-pc-sdk h6, #onetrust-consent-sdk #onetrust-pc-sdk p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-ven-lst .ot-ven-opts p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title, #onetrust-consent-sdk #onetrust-pc-sdk .ot-li-title, #onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span, #onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info, #onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-modal #modal-header, #onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-sel-blk p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .back-btn-handler p, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst .ot-ven-name, #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-ven-lst .consent-category, #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-inactive-leg-btn, #onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status, #onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span, #onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler{
  color: var(--theme-text) !important;
  font-family: var(--font-primary) !important;
}

@media only screen and (min-width: 640px) {
  .sm\:w-5-12{
    width: 41.666667%;
  }
  .sm\:w-7-12{
    width: 58.333333%;
  }
  .sm\:w-full{
    width: 100%;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:gap-6 { row-gap: var(--spacing-150); column-gap: var(--spacing-150); }
  .sm\:gap-gutter{ row-gap: var(--site-gutter); column-gap: var(--site-gutter); }
  .sm\:mt-550{ margin-top: var(--spacing-550); }
  .sm\:align-center{ align-items: center; }
}
@media only screen and (min-width: 1024px) {
  .md\:w-5-12{
    width: 41.666667%;
  }
  .md\:w-7-12{
    width: 58.333333%;
  }
  .md\:w-full{
    width: 100%;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:gap-gutter{ row-gap: var(--site-gutter); column-gap: var(--site-gutter); }
 
  .md\:px-200{
    padding-left: var(--spacing-200);
    padding-right: var(--spacing-200);
  }
}
@media only screen and (min-width: 1200px) {
  .xl\:w-5-12{
    width: 41.666667%;
  }
  .xl\:w-7-12{
    width: 58.333333%;
  }
  .xl\:flex-col{
    flex-direction: column;
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:gap-gutter{ row-gap: var(--site-gutter); column-gap: var(--site-gutter); }
  .xl\:gap-paragraph{ row-gap: var(--spacing-150); column-gap: var(--spacing-150); }
  .xl\:gap-paragraph-sm{ row-gap: var(--spacing-125); column-gap: var(--spacing-125); }
  .xl\:gap-2 { row-gap: var(--spacing-50); column-gap: var(--spacing-50); }
  .xl\:gap-4 { row-gap: var(--spacing-100); column-gap: var(--spacing-100); }
  .xl\:gap-6 { row-gap: var(--spacing-150); column-gap: var(--spacing-150); }
  .xl\:gap-8 { row-gap: var(--spacing-200); column-gap: var(--spacing-200); }
  .xl\:gap-10 { row-gap: var(--spacing-250); column-gap: var(--spacing-250); }
  .xl\:gap-12 { row-gap: var(--spacing-300); column-gap: var(--spacing-300); }
  .xl\:gap-20 { row-gap: var(--spacing-500); column-gap: var(--spacing-500); }

  .xl\:py-1250{ padding-top: var(--spacing-1250); padding-bottom: var(--spacing-1250); }
  .xl\:px-200{ padding-left: var(--spacing-200); padding-right: var(--spacing-200); }
  .xl\:pb-1250{ padding-bottom: var(--spacing-1250); }
}

@media only screen and (max-width: 1200px) {
  .keyart-banner{
    height: 480px;
  }
}

@media only screen and (max-width: 1023px) {
  .keyart-banner{
    height: 420px;
  }
  .font-display{
    font-size: var(--font-display-mb);
  }
  h1,
  .font-h1{
    font-size: var(--font-h1-mb);
  }
  h2,
  .font-h2{
    font-size: var(--font-h2-mb);
  }
  h3,
  .font-h3{
    font-size: var(--font-h3-mb);
  }
  h4,
  .font-h4{
    font-size: var(--font-h4-mb);
  }
  h5,
  .font-h5{
    font-size: var(--font-h5-mb);
  }
  h6,
  .font-h6{
    font-size: var(--font-h6-mb);
  }
  .font-body-lg{
    font-size: var(--font-body-lg-mb);
  }
  .font-body-main{
    font-size: var(--font-body-main-mb);
  }
  .font-body-sm{
    font-size: var(--font-body-sm-mb);
  }
  .font-eyebrow{
    font-size: var(--font-eyebrow-mb);
  }
  .font-links{
    font-size: var(--font-links-mb);
  }
  .font-button{
    font-size: var(--font-button-mb);
  }
  .featured-promotion-container{
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: var(--spacing-150);
  }
  .feature-story-year{
    font-size: 68px;
    margin-top: 40px;
  }
  .feature-story-subtitle{
    font-size: var(--font-h4-mb);
  }
}

@media only screen and (max-width: 639px) {
  .footer-separator{
    display: none;
  }
}