@font-face {
    font-family: LTWave;
    src: url(font/LTWaveAlt-Medium.otf);
}

@font-face {
    font-family: CreatoDisplay;
    src: url(font/CreatoDisplay-Regular.otf);
}

@font-face {
    font-family: CreatoDisplay-Black;
    src: url(font/CreatoDisplay-Black.otf);
}

@font-face {
    font-family: ConsolaMono-Bold;
    src: url(font/ConsolaMono-Bold.ttf);
}

@font-face {
    font-family: ConsolaMono;
    src: url(font/ConsolaMono-Book.ttf);
}

@font-face {
    font-family: NovecentoSans;
    src: url(font/Novecentosanswide-Normal.otf);
}

@font-face {
    font-family: NovecentoSans-Bold;
    src: url(font/Novecentosanswide-DemiBold.otf);
}

@font-face {
    font-family: LCD;
    src: url(font/NbpReadout-RBVA.ttf);
}

@font-face {
    font-family: OCR-A;
    src: url(font/OCR-A.otf)
}

@font-face {
    font-family: UPC;
    src: url(font/LibreBarcodeEAN13Text-Regular.ttf)
}

@font-face {
    font-family: Yu-Gothic;
    src: url(font/YuGothicL.ttf);
}

@font-face {
    font-family: Yu-Gothic-Bold;
    src: url(font/YuGothicB.ttf);
}

a {
    text-decoration: none;
    color: #000099;
}

body {
  background-color: #999999;
}

.backcolor {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 200%;
    position: fixed;
    background-attachment: fixed;
    background-color: #ffffff;
    z-index: 0;
}

.background {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 200%;
    position: fixed;
    overflow: hidden;
    background-attachment: fixed;
}

.checkerboard {
    width: 300%;
    height: 200%;
    position: absolute;
    background-attachment: fixed;
    background-position: center;
    background: url(svg/white/checker.svg) repeat;
    background-size: 10vmin 10vmin;
    animation: checkerslide 2.5s linear infinite;
    z-index: 1;
}

.checkerboard_white {
    width: 300%;
    height: 200%;
    position: absolute;
    background-attachment: fixed;
    background-position: center;
    background: url(svg/white/checker_white.svg) repeat;
    background-size: 10vmin 10vmin;
    animation: checkerslide 2.5s linear infinite;
    z-index: 1;
}

.BG_arrow {
    width: 200vw;
    height: 100vh;
    background-size: 50vmax 75vmax;
    position: absolute;
    left: -50vmax;
    background-repeat: repeat-x;
    animation: bgArrow 2s linear infinite;
    z-index: 2;

    background-image: url(svg/white/BGarrow.svg);
}

@keyframes bgArrow {
  0% { transform: translate3d(-50vmax, 0, 0); }
  100% { transform: translate3d(0vh, 0, 0); }
}

@keyframes checkerslide {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-10vmin, 0vw, 0); } /* what we subtract needs to be same as bg image width*/
}

.centerContent {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.navBar {
    container-type: size;
    width: 50%;
    min-width: 1000px;
    height: 4cqh;
    aspect-ratio: 1 / 0.04;
    position:fixed;
    background-attachment: fixed;
    z-index: 254;
    backdrop-filter: blur(0.2vw);
    background-size: 100%;
    display: flex;
    border-style: solid;
    border-width: 1px;

    background-color: #ffffff;
    border-color: #dedede;
    filter: drop-shadow(0px 0px 10px #dedede);
    background-image: url(svg/white/shine.svg);
}

.navBarShading {
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #00000044, #ffffff00);
}

img.navBar_indexButton {
    top: 13cqh;
    left: 0.5cqw;
    height: 70%;
    position: fixed;
    content: url(svg/white/logo_thin.svg);
}

img.navBar_searchIcon {
    top: 15cqh;
    left: 20cqw;
    height: 70cqh;
    position: fixed;
    content: url(svg/white/search2.svg);
}

img.navBar_mobile_dropdown {
    visibility: hidden;
}

img.navBar_cartIcon {
    top: 15cqh;
    right: 1cqw;
    height: 70cqh;
    position: fixed;

    content: url(svg/white/cart.svg);
}

form.navBar_search {
    left: 23.5cqw;
    width: 60cqw;
    height: 100%;
    position: fixed;
}

input.navBar_searchInput {
    font-size: 1.8cqw;
    width: 100%;
    height: 100%;
    border: 0;
    border-width: 0;
    outline: none;
    background: none;
    font-family: OCR-A;

    color: #000000;
}

.navBar_sell {
    top: 25%;
    right: 15%;
    height: 50%;
    position: fixed;
    font-family: NovecentoSans-Bold;
    font-size: 3cqw;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

.navBar_ext {
    visibility: visible;
    container-type: size;
    top: 4cqh;
    width: 50%;
    min-width: 1000px;
    height: 3vh;
    position:fixed;
    background-attachment: fixed;
    z-index: 254;
    backdrop-filter: blur(0.05vw);
    background-size: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: 50px;
    border-style: solid;
    border-width: 1px;
    font-family: LCD;
    font-size: 2.7cqh;

    background-color: #1b1100dd;
    border-color: #000000dd;
    filter: drop-shadow(0px 0px 10px #000000);
    background-image: url(svg/white/shine_lite.svg);
}

.navBar_ext_mobile{
    position: absolute;
    visibility: hidden;
}

.navBar_ext_Link {
    animation: navbar_ext_flicker 0.05s step-end infinite;
    filter: drop-shadow(0px 0px 5px #ff9900);
    text-shadow: 0px 0px 5px #ff9900;
}

.navBar_ext_link_database {
    animation: navbar_ext_flicker 0.05s step-end infinite;
    filter: drop-shadow(0px 0px 5px #ff9900);
    text-shadow: 0px 0px 5px #ff9900;
}
.navBar_ext_link_database::before {
    content: "DATABASE";
}

.navBar_ext_link_sell {
    animation: navbar_ext_flicker 0.05s step-end infinite;
    filter: drop-shadow(0px 0px 5px #ff9900);
    text-shadow: 0px 0px 5px #ff9900;
}
.navBar_ext_link_sell::before {
    content: "SELL";
}

.navBar_ext_link_contact {
    animation: navbar_ext_flicker 0.05s step-end infinite;
    filter: drop-shadow(0px 0px 5px #ff9900);
    text-shadow: 0px 0px 5px #ff9900;
}
.navBar_ext_link_contact::before {
    content: "CONTACT";
}

.navBar_ext_link_about {
    animation: navbar_ext_flicker 0.05s step-end infinite;
    filter: drop-shadow(0px 0px 5px #ff9900);
    text-shadow: 0px 0px 5px #ff9900;
}
.navBar_ext_link_about::before {
    content: "ABOUT";
}

.navBar_ext_mobile {
    visibility: hidden;
}


@keyframes navbar_ext_flicker {
    0% { color: #ffe600; }
    50% {color: #dfc900;}
    100% { color: #ffe600; }
}


.pageContent {
    width: 50%;
    min-width: 1000px;
    height: 100%;
    z-index: 3;
    position: relative;
}

.pageContent_BG_Fade {
    width: 50%;
    min-width: 1000px;
    height: 100%;
    position: fixed;
    background-attachment: fixed;
    z-index: 2;
    
    background-color: #ffffff;
    filter: blur(12px) drop-shadow(0px 0px 50px #ffffff);
}

.pageContent_BG_Solid {
    width: 50%;
    min-width: 994px;
    height: 200%;
    position: fixed;
    background-attachment: fixed;
    z-index: 2;
    background-color: white;
    border-style: double;
    border-width: 0.3vw;
    border-color: lightgrey;
}

.pageContent_BG_SolidNoBorder {
    width: 50%;
    min-width: 1000px;
    height: 100%;
    position: fixed;
    background-attachment: fixed;
    z-index: 2;
    
    background-color: #ffffff;
}

.pageContent_filler {
    width: 100%;
    height: 10vh;
    min-height: 75px;
}

img.getStarted_backLine {
    margin-left: 15%;
    width: 70%;
    position: absolute;
    content: url(svg/getstarted/getstarted_backline.svg);
    z-index: 4;
    animation: jitter 1.74s step-end infinite
}

img.getStarted_frontLine {
    margin-left: 15%;
    width: 70%;
    position: absolute;
    content: url(svg/getstarted/getstarted_frontline.svg);
    z-index: 5;
    animation: jitter 2.23s step-end infinite
}

img.getStarted_text {
    margin-left: 15%;
    width: 70%;
    position: absolute;
    content: url(svg/getstarted/getstarted_text.svg);
    z-index: 6;
}

img.whatsNew {
    margin-top: 20%;
    width: 20%;
    content: url(svg/whatsnew.svg);
    z-index: 4;
}

.home_timeGradientContainer {
    position: absolute;
    top: 4cqh;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.25;
    z-index: 1;

    background: linear-gradient(to bottom, #4fb9ff, #4fb9ff88, #ffffff00);
}

.home_sunMoonCont {
    position: absolute;
    width: 100%;
    height: auto;
}

.home_sunMoonSpacer {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.35;
    z-index: 4;

    background-color: #00000000;
}

.home_sunMoon {
    position: relative;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.2;
    margin-left: 5%;
    z-index: 4;
    background-size: 100% 100%;
    background-repeat: no-repeat;

    background-image: url(/svg/white/sunmoon.svg);
}

.home_timeHeader {
    container-type: inline-size;
    position: relative;
    width: 50%;
    height: auto;
    aspect-ratio: 1 / 0.06;
    margin-left: 0%;
    float: left;
    cursor: default;

    background: linear-gradient(to bottom, #00000033, #00000011, #00000033);
}

.home_timeHeader_text_timeCall {
    position: relative;
    z-index: 4;
    font-family: OCR-A;
    font-size: 3.5cqw;
    margin-top: 0.8%;
    margin-left: 1%;
    margin-right: 1%;
    float: right;

    color: #ffffff;
}

.home_timeHeader_text_time {
    position: relative;
    z-index: 4;
    font-family: Yu-Gothic-Bold;
    font-size: 3.5cqw;
    margin-top: 0.3%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;

    color: #ffffff;
}

.home_logo {
    position: relative;
    z-index: 4;
    width: 40%;
    aspect-ratio: 1 / 0.37;
    margin-right: 5%;
    float: right;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    filter: drop-shadow(0px 0px 15px #000000);
    background-image: url(/svg/white/logo_w.svg);
}

.home_scrollingLogoBar {
    width: 200vw;
    height: 100vh;
    background-size: 10vmax 50vmax;
    position: absolute;
    left: -20vmax;
    background-repeat: repeat-x;
    animation: logoBar 10s linear infinite;
    z-index: 2;

    background-image: url(svg/white/logoBar.svg);
}

.home_bannerFiller {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.05;
}

.home_whatsnew {
    position: relative;
    width: 18%;
    height: auto;
    aspect-ratio: 1 / 0.2;
    margin-left: 2.5%;
    background-size: 100% 100%;
    z-index: 5;
    
    background-image: url(/svg/white/home_whatsnew.svg);
}

.home_news_cont {
    container-type: inline-size;
    position: relative;
    width: 45%;
    height: auto;
    aspect-ratio: 1 / 0.323;
    margin-left: 5%;
    margin-top: 2.5%;
    z-index: 6;

    background-color: #00000000;
}

.home_news_article_cont {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.06;
    border-width: 0.1vw;
    border-color: #f3f3f3;
    border-radius: 0.1cqw;
    border-style: solid;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    
    background: linear-gradient(to top, #e6f8fc, #ffffff);
    background-color: #ffffff;
}

.home_news_article_cont:hover {
    border-color: rgb(194, 194, 194);
}

.home_news_article_cont_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    z-index: 7;

    opacity: 1;
    background: linear-gradient(to bottom, #ffffff, #f3f3f3);
}

.home_news_article_cont_shadow:hover {
    opacity: 0;
}

.home_news_article_details {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.home_news_article_date {
    width: 23cqw;
    height: auto;
    margin-left: 2.5cqw;
    font-family: Yu-Gothic-Bold;
    font-size: 3.5cqw;
}

.home_news_article_title {
    width: 70cqw;
    height: auto;
    margin-left: 2.5cqw;
    font-family: LTWave;
    font-size: 3.5cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home_welcome_cont {
    container-type: inline-size;
    position: absolute;
    width: 50%;
    height: auto;
    aspect-ratio: 1 / 0.61;
    margin-left: 2.5%;
    z-index: 10;
    backdrop-filter: blur(.2vw);
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
    transition-timing-function: linear;

    background: linear-gradient(to bottom, #00000099, #7a7a7ae7, #000000e7);
}

.home_welcome_cont.closed {
    opacity: 0;
    visibility: hidden;
}

.home_welcome_header {
    width: 90cqw;
    height: auto;
    aspect-ratio: 1 / 0.1;
    float: left;
    font-size: 5.5cqw;
    font-family: LTWave;
    display: flex;
    justify-content: center;
    align-items: end;

    color: #ffffff;
}

.home_welcome_text {
    width: 90cqw;
    height: auto;
    aspect-ratio: 1 / 0.05;
    margin-left: 5cqw;
    float: left;
    font-size: 3cqw;
    font-family: LTWave;

    color: #ffffff;
}

.home_welcome_closetext {
    width: 45cqw;
    height: auto;
    aspect-ratio: 1 / 0.05;
    margin-top: 1cqh;
    margin-left: 5cqw;
    margin-right: 5cqw;
    float: right;
    font-size: 3cqw;
    font-family: OCR-A;
    cursor: pointer;

    color: #71baff;
}

.home_welcome_sell {
    width: 90cqw;
    height: auto;
    aspect-ratio: 1 / 0.15;
    margin-left: 5cqw;
    margin-top: 2cqh;
    float: left;
    background-size: 100% 100%;

    background-image: url(/svg/white/home_welcomesell.svg);
}

@keyframes logoBar {
  0% { transform: translate3d(-20vmax, 0, 0); }
  100% { transform: translate3d(0vh, 0, 0); }
}

.search_results {
    visibility: visible;
    left: 20%;
    width: 80%;
    height: 100vw;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 4;
}

.search_results_new {
    visibility: visible;
    width: 90%;
    height: auto;
    margin-left: 5%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 4;
}

.search_thumbnailSpace {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.search_thumbnailSpace_new {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

a.thumb_small {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.09;
    margin-bottom: 1vmax;
}

.thumbnail_small_container {
    width: 100%;
    height: 100%;
    border-radius: 1vmax;
    z-index: 6;
    cursor: pointer;
    container-type: size;
    border-style: solid;
    border-width: 0.1vmax;

    color: #ffffff;
    border-color: #dedede;
}

.thumbnail_small_imgContainer {
    margin-top: 15cqh;
    width: 9%;
    height: 70cqh;
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #00000000;
}

.thumbnail_small_detailsContainer {
    width: 55%;
    height: 100cqh;
}

.thumbnail_small_priceContainer {
    width: 30%;
    height: 100cqh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.thumbnail_small_title {
    margin-top: 10cqh;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.05;
    font-family: CreatoDisplay-Black;
    font-size: 20cqh;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

.thumbnail_small_subtext {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.045;
    font-family: CreatoDisplay;
    font-size: 20cqh;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: rgb(105, 105, 105);
}

.thumbnail_small_availability {
    width: 50%;
    height: auto;
    aspect-ratio: 1 / 0.2;
    font-family: CreatoDisplay;
    font-size: 25cqh;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;

    color: rgb(105, 105, 105);
}

.thumbnail_small_price {
    width: 50%;
    height: auto;
    aspect-ratio: 1 / 0.25;
    font-family: CreatoDisplay;
    font-size: 35cqh;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;

    color: rgb(105, 105, 105);
}

a.thumb_big {
    width: 23%;
    height: auto;
    aspect-ratio: 1 / 1.5;
    margin-bottom: 1vmax;
}

.thumbnail_big_container {
    width: 100%;
    height: 100%;
    border-radius: 1vmax;
    z-index: 6;
    cursor: pointer;
    container-type: size;
    border-style: solid;
    border-width: 0.1vmax;

    color: #ffffff;
    border-color: #dedede;
}

.thumbnail_detailSpacer {
    display: flex;
    justify-content: space-evenly;
}

.thumbnail_img_container {
    width: 80%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-left: 10%;
    margin-top: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.thumbnail_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.thumbnail_title {
    margin-top: 5%;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.15;
    font-family: CreatoDisplay-Black;
    font-size: 10cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

.thumbnail_subtext {
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.13;
    font-family: CreatoDisplay;
    font-size: 8cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: rgb(105, 105, 105);
}

.thumbnail_availability {
    width: 50%;
    height: auto;
    aspect-ratio: 1 / 0.16;
    margin-top: 4%;
    font-family: CreatoDisplay;
    font-size: 7cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: rgb(105, 105, 105);
}

.thumbnail_price {
    width: 40%;
    height: auto;
    aspect-ratio: 1 / 0.16;
    margin-top: 2%;
    font-family: CreatoDisplay;
    font-size: 9cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;

    color: rgb(105, 105, 105);
}

a.search_thumbnail_card {
    container-type: inline-size;
    position: relative;
    width: 32.5%;
    height: auto;
    aspect-ratio: 1 / 0.;
    margin-top: .5%;
    margin-bottom: .5%;
    text-decoration: none;
}

.search_thumbnail_card_header {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.075;
    border-width: 0.1vw;
    border-color: rgb(255, 212, 187);
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_thumbnail_card_mainContent_details_text_header_left {
    width: auto;
    height: auto;
    margin-left: 2.5%;
    font-family: CreatoDisplay;
    font-size: 3.5cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search_thumbnail_card_mainContent_details_text_header_right {
    width: auto;
    height: auto;
    margin-right: 2.5%;
    font-family: CreatoDisplay;
    font-size: 3.5cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search_thumbnail_card_mainContent {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.35;
    border-width: 0.1vw;
    border-color: #ffffff;
    border-style: solid;
    display: flex;
}

.search_thumbnail_card_mainContent_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-size: 100%;

    background-image: url(/common_res/thumbCard_bg/DOL.webp);
}

.search_thumbnail_card_mainContent_imgCont {
    width: auto;
    height: 90%;
    aspect-ratio: 1 / 0.8;
    margin-top: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
}

.search_thumbnail_card_mainContent_details {
    width: 60%;
    height: 100%;
    z-index: 6;
}

.search_thumbnail_card_mainContent_details_text_header {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-top: 5%;
    font-family: CreatoDisplay-Black;
    font-size: 5cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    text-shadow: 0px 0px 2px #ffffff;
    filter: drop-shadow(0px 0px 2px #ffffff);
}

.search_thumbnail_card_mainContent_details_text_sub1 {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-top: 2%;
    font-family: CreatoDisplay;
    font-size: 4cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    text-shadow: 0px 0px 2px #ffffff;
    filter: drop-shadow(0px 0px 2px #ffffff);
}

.search_thumbnail_card_mainContent_details_text_sub2 {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-top: 20%;
    font-family: CreatoDisplay;
    font-size: 4cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    text-shadow: 0px 0px 2px #ffffff;
    filter: drop-shadow(0px 0px 2px #ffffff);
}

.search_thumbnail_card_footer {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.075;
    border-width: 0.1vw;
    border-color: rgb(238, 238, 238);
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: linear-gradient(to bottom, #00000000, rgb(238, 238, 238));
    background-color: #ffffff;
}

.debug_gamelisting {
    width: 100%;
    height: 22px;
    font-family: ConsolaMono-Bold;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}


input.search_controls_viewToggle {
    visibility: hidden;
}

input.search_controls_viewToggle.active {
    visibility: hidden;
}

.search_controls {
    container-type: size;
    width: 19%;
    height: auto;
    position: absolute;
    z-index: 6;
}

.search_controls.active {
    visibility: visible;
}

.search_controlSpacer {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.search_controlLabel {
    width: 90%;
    height: 15cqw;
    font-family: LTWave;
    font-size: 13cqw;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

input.search_viewButton_small {
    width: 25cqw;
    height: 25cqw;
    border: 0px;
    font-size: 0px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100%;

    background-image: url("svg/white/search_smlView.svg");
}

input.search_viewButton_small:disabled {
    cursor: default;

    background-image: url("svg/white/search_smlView_sel.svg");
}

input.search_viewButton_big {
    width: 25cqw;
    height: 25cqw;
    border: 0px;
    font-size: 0px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100%;

    background-image: url("svg/white/search_bigView.svg");
}

input.search_viewButton_big:disabled {
    cursor: default;

    background-image: url("svg/white/search_bigView_sel.svg");
}

select.search_sortBy {
    width: 90%;
    height: 12cqw;
    font-size: 10cqw;
    border: 0px;
    background-color: rgba(0, 0, 0, 0);
    font-family: LTWave;
    margin-bottom: 0vw;

    color: #000000;
}

input.search_controlButton_half {
    width: 40%;
    height: 12cqw;
    font-size: 10cqw;
    font-family: LTWave;
    border: 0px;
    cursor: pointer;

    background-color: #ffffff;
    color: #000000;
}

input.search_controlButton_half:disabled {
    cursor: default;

    background-color: #000000;
    color: #ffffff;
}

input.search_controlButton {
    width: 90%;
    height: 15cqw;
    font-size: 13cqw;
    font-family: LTWave;
    cursor: default;
    border: 0px;
    cursor: pointer;

    background-color: #ffffff;
    color: #000000;
}

input.search_controlButton_third {
    width: 27%;
    height: 10cqw;
    font-size: 6cqw;
    font-family: LTWave;
    border: 0px;
    cursor: pointer;

    background-color: #ffffff;
    color: #000000;
}

input.search_controlButton_third_active {
    width: 27%;
    height: 10cqw;
    font-size: 6cqw;
    font-family: LTWave;
    border: 0px;
    cursor: pointer;

    background-color: #000000;
    color: #ffffff;
}

input.search_controlButton_third_active:disabled {
    cursor: default;
}

.search_controlSubLabel {
    width: 27%;
    height: 10cqw;
    font-size: 10cqw;
    font-family: LTWave;
    margin-left: 0.5vw;
    cursor: default;

    color: #000000;
}

input.search_controlDate {
    width: 53%;
    height: 10cqw;
    border: 0px;

    background-color: #ffffff;
    color: #000000;
}

img.s_loadinggear {
    visibility: hidden;
    background-attachment: fixed;
    position: fixed;
    width: 10vw;
    height: 10vw;
    top: 45vh;
    left: 50vw;
    animation: spin 2s linear infinite;
    z-index: 255;

    content: url(svg/white/gear.svg);
}

.search_controlsBG{
    left: -1%;
    width: 15%;
    height: 200vh;
    position: absolute;
    overflow: hidden;
    filter: blur(2vmax);
    z-index: 3;

    background-color: #dedede;
}

.search_controlsBG.active {
    visibility: visible;
}

.search_controlsLeak {
    left: 8%;
    width: 30%;
    height: 200vh;
    position: absolute;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% auto;
    z-index: 3;

    background-image: url("svg/white/search_sidebarLeaker.svg");
}

.search_systemFilter_container {
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    transition-duration: 0.7s;
    z-index: 300;
}

.search_systemFilter_container.active
{
    visibility: visible;
    backdrop-filter: blur(.1vw);
    opacity: 1;
}

.search_systemFilter_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: 300cqh 100cqh;
    background-position: -300cqh 0cqh;
    background-repeat: no-repeat;
    transition-duration: 0.7s;
    transition-timing-function: linear;
    z-index: 302;

    background-image: url(svg/white/filterBG.svg);
}

.search_systemFilter_bg.active {
    background-position: 0cqh 0cqh;
}

.search_systemFilter_content {
    left: -150%;
    width: 100%;
    height: 50cqh;
    margin-top: 25cqh;
    position: fixed;
    transition-duration: 0.7s;
    transition-timing-function: ease-out;
    z-index: 302;
}

.search_systemFilter_content.active {
    left: 0%;
}

.search_controls_container {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-bottom: 2.5%;

    background-color: #ff0000;
}

.search_controls_container.hidden {
    height: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

.search_controls_bar {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.03;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;
    justify-content: space-between;

    background: linear-gradient(to bottom, #00000000, lightgrey);
    background-color: #ffffff;
}

.search_controls_subBar {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.018;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;
    justify-content: space-between;

    background: linear-gradient(to bottom, #e4e4e4, rgb(175, 175, 175));
    background-color: #ffffff;
}

.search_controls_bar_item_test {
    width: 20%;
    height: 100%;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;

    background: linear-gradient(to bottom, #00000000, rgb(235, 235, 235));
    background-color: #ffffff;
}

.search_controls_bar_item_viewchanger {
    width: 6%;
    height: 100%;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;
    justify-content: space-evenly;

    background: linear-gradient(to bottom, #00000000, rgb(235, 235, 235));
    background-color: #ffffff;
}

.search_controls_bar_item_searchterm {
    container-type: inline-size;
    width: 70%;
    height: 100%;
    cursor: default;
}

.search_controls_bar_item_sortby {
    container-type: inline-size;
    width: 20%;
    height: 100%;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;

    background: linear-gradient(to bottom, #00000000, rgb(235, 235, 235));
    background-color: #ffffff;
}

.search_controls_bar_item_regionSel {
    container-type: inline-size;
    width: 30%;
    height: 100%;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;

    background: linear-gradient(to bottom, #00000000, rgb(235, 235, 235));
    background-color: #ffffff;
}

.search_controls_bar_item_moreFilterOptions {
    container-type: inline-size;
    width: 15%;
    height: 100%;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.2;

    background: linear-gradient(to bottom, #00000000, rgb(235, 235, 235));
    background-color: #ffffff;
}

.search_controls_bar_item_activeFilters {
    container-type: inline-size;
    width: 52%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: default;

    color: #008000;
}

.search_controls_bar_item_searchterm_text {
    width: 100%;
    height: auto;
    margin-top: 0.4cqh;
    font-size: 3cqw;
    font-family: LTWave;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #777777;
}

.search_controls_bar_item_button_cardview {
    width: 50%;
    height: 100%;
    cursor: pointer;
    background-size: 100%;

    background-image: url("svg/white/search_cardview_disabled.svg");
}

.search_controls_bar_item_button_cardview.disabled {
    cursor: default;
    pointer-events: none;

    background-image: url("svg/white/search_cardview_enabled.svg");
}

.search_controls_bar_item_button_listview {
    width: 50%;
    height: 100%;
    cursor: pointer;
    background-size: 100%;

    background-image: url("svg/white/search_listview_disabled.svg");
}

.search_controls_bar_item_button_listview.disabled {
    cursor: default;
    pointer-events: none;

    background-image: url("svg/white/search_listview_enabled.svg");
}

select.search_controls_bar_item_sortby_dropdown {
    width: 80%;
    height: 100%;
    font-size: 8cqw;
    border: 0px;
    background-color: rgba(0, 0, 0, 0);
    font-family: LTWave;
    margin-bottom: 0vw;

    color: #000000;
}

.search_controls_bar_item_sortby_ascdesc_container {
    width: 20%;
    height: 100%;
    cursor: pointer;

    background-color: #ffffff;
}

.search_controls_bar_item_sortby_ascdesc_container.disabled {
    cursor: default;
    pointer-events: none;
}

.search_controls_bar_item_sortby_asc {
    container-type: inline-size;
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    color: #999999;
    background-color: #00000000;
}

.search_controls_bar_item_sortby_asc.active {
    color: #ffffff;
    background-color: #000000;
}

.search_controls_bar_item_sortby_desc {
    container-type: inline-size;
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    color: #999999;
    background-color: #00000000;
}

.search_controls_bar_item_sortby_desc.active {
    color: #ffffff;
    background-color: #000000;
}

.search_controls_bar_item_sortby_ascdesc_text {
    font-size: 35cqw;
    font-family: OCR-A;
}

.search_controls_bar_item_regionSel_button_u {
    width: 33.33333333cqw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0px;
    cursor: pointer;
    pointer-events: all;

    background-color: #ffffff;
}

.search_controls_bar_item_regionSel_button_u.active {
    background-color: #000000;
    color: #ffffff;
    border-width: 0.1vw;
    border-color: white;
    border-style: solid;
}

.search_controls_bar_item_regionSel_button_u.active_disabled {
    background-color: #000000;
    color: #ffffff;
    pointer-events: none;
}

.search_controls_bar_item_regionSel_button_j {
    width: 33.33333333cqw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0px;
    cursor: pointer;

    background-color: #ffffff;
}

.search_controls_bar_item_regionSel_button_j.active {
    background-color: #000000;
    color: #ffffff;
    border-width: 0.1vw;
    border-color: white;
    border-style: solid;
}

.search_controls_bar_item_regionSel_button_j.active_disabled {
    background-color: #000000;
    color: #ffffff;
    pointer-events: none;
}

.search_controls_bar_item_regionSel_button_p {
    width: 33.33333333cqw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0px;
    cursor: pointer;

    background-color: #ffffff;
}

.search_controls_bar_item_regionSel_button_p.active {
    background-color: #000000;
    color: #ffffff;
    border-width: 0.1vw;
    border-color: white;
    border-style: solid;
}

.search_controls_bar_item_regionSel_button_p.active_disabled {
    background-color: #000000;
    color: #ffffff;
    pointer-events: none;
}

.search_controls_bar_item_regionSel_text {
    font-size: 6cqw;
    font-family: LTWave;
}

.search_controls_bar_item_moreFilterOptions_text {
    font-size: 8.5cqw;
    font-family: OCR-A;
}

.search_controls_bar_item_activeFilters_text {
    font-size: 2.5cqw;
    font-family: OCR-A;
}


input.search_systemFilter_exit {
    width: 50cqh;
    height: 50cqh;
}

.item_bgColor {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
    position: absolute;
    background-attachment: fixed;
    background-position: center;
}

.item_gameBgContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: #000000;
}

img.item_bgScreen {
    width: 100cqw;
    height: auto;
    filter: blur(0.5cqw);
}

.item_logoContainer {
    width: 100%;
    height: 13cqh;
    margin-bottom: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

img.item_logo {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: 5;
}

.item_sysYearContainer {
    container-type: inline-size;
    width: 60%;
    display: flex;
    margin-left: 5%;
    margin-top: 0.5cqh;
    justify-content: space-evenly;
}

.item_sysYearText {
    font-family: LTWave;
    font-size: 4cqw;
    color: #000000;
    cursor: default;
}

.item_quickPurchase_container {
    width: 35%;
    float: left;
    z-index: 6;
}

.item_quickPurchase_imgContainer {
    width: 95%;
    height: auto;
    margin-left: 5%;
    margin-bottom: 5%;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: zoom-in;
}

img.item_quickPurchase_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    justify-content: center;
}

.item_quickPurchase_subDetContainer {
    display: flex; 
    margin-left: 5%;
}

.item_quickPurchase_textContainer {
    container-type: inline-size;
    width: 95%;
    cursor: default;
    margin-left: 0%;
}

.item_quickPurchase_textContainer_titleLabel {
    container-type: inline-size;
    width: 95%;
    cursor: default;
    margin-left: 5%;
}


.item_quickPurchase_text {
    width: 90%;
    height: auto;
    font-family: LTWave;
    font-size: 7cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

.item_quickPurchase_label {
    width: 100%;
    height: auto;
    font-family: OCR-A;
    font-size: 5cqw;
    margin-top: 5%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: right;

    color: #000000;
}

.item_quickPurchase_newButton {
    opacity: 1;
    container-type: inline-size;
    width: 95%;
    height: auto;
    aspect-ratio: 1 / 0.1;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
    display: flex;
    cursor: pointer;
    transition-duration: 0.2s;
    transition-timing-function: linear;

    background: linear-gradient(to bottom, #00ff00, #00d600);
}

.item_quickPurchase_newButton:hover {
    opacity: 0.7;
}

.item_quickPurchase_newButton_condition {
    width: 40%;
    height: 100%;
    margin-left: 10%;
    font-family: LTWave;
    font-size: 6cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: left;
    align-items: center;

    color: #ffffff;
}

.item_quickPurchase_newButton_price {
    width: 45%;
    height: 100%;
    margin-right: 5%;
    font-family: LTWave;
    font-size: 7cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: right;
    align-items: center;
    
    color: #008000;
}

.item_quickPurchase_newButton_sell {
    width: 80%;
    height: 100%;
    margin-left: 10%;
    font-family: OCR-A;
    font-size: 6cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: right;
    align-items: center;

    color: #ffffff;
}

.item_quickPurchase_button_old {
    container-type: inline-size;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.2;
    margin-top: 2.5%;
    margin-left: 5%;
    border-radius: 10cqh;
    border-style: solid;
    border-width: 0.1vmax;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-size: 100% 100%;
    backdrop-filter: blur(1vw);
    
    background-image: url(/svg/white/item_buttonShine.png);
    border-color: white;
}

.item_quickPurchase_buttonContainer {
    container-type: inline-size;
    width: 95%;
    height: auto;
    aspect-ratio: 1 / 0.14;
    margin-left: 5%;
    margin-top: 2.5%;
    display: flex;
    cursor: pointer;
}

.item_quickPurchase_buttonLabel {
    container-type: inline-size;
    width: 70cqw;
    height: auto;
    aspect-ratio: 1 / 0.2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: 200%;
    backdrop-filter: blur(1vw);
    
    background-image: url(svg/white/shine.svg);
}

.item_quickPurchase_buttonText {
    font-family: LTWave;
    font-size: 8cqw;
    margin-left: 5%;
    margin-right: 5%;

    color: #000000;
}

.item_quickPurchase_buttonLabel_large {
    container-type: inline-size;
    width: 95cqw;
    height: auto;
    aspect-ratio: 1 / 0.2;
    display: flex;
    justify-content: left;
    align-items: center;
    background-size: 100% 100%;
    backdrop-filter: blur(1vw);

    background-color: #00000000;
}

.item_quickPurchase_buttonText_large {
    font-family: OCR-A;
    font-size: 8cqw;
    color: #000000;
}

.item_quickPurchase_buttonLabel_IDONTCARE {
    container-type: inline-size;
    width: 100cqw;
    height: auto;
    aspect-ratio: 1 / 0.14;
    background-size: 100% 100%;
    background-color: #00000000;

    background-image: url(svg/white/item_buttonDONTCARE.png);
}

.item_quickPurchase_addToCart {
    width: 25%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

    background: linear-gradient(to right, #00ff6a, #7bff00);
}

.item_quickPurchase_addToCart_text {
    font-family: LTWave;
    font-size: 4cqw;
    color: #000000;
}

.item_topPage {
    width: 65%;
    height: auto;
    float: right;
}

.item_contentView {
    position: relative;
    width: 90%;
    height: auto;
    aspect-ratio: 4 / 3;
    margin-top: 0%;
    margin-left: 5%;
    margin-bottom: 5%;
    z-index: 4;

    background-color: #000000;
    filter: drop-shadow(0px 0px 15px #000000);
}

.item_contentView_videoThumbnailContainer {
    position: relative;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.15;
    margin-top: 0%;
    margin-left: 5%;
    margin-bottom: 5%;
    z-index: 4;

    background-color: #000000;
    filter: drop-shadow(0px 0px 15px #000000);
}

.item_contentView_controls_container {
    opacity: 0;
    container-type: inline-size;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    cursor: default;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}

.item_contentView_controls_container.active {
    opacity: 1;
}

.item_contentView_controls_uppergradient {
    position: absolute;
    width: 100%;
    height: 25%;

    background: linear-gradient(to bottom, #000000, #ffffff00);
}

.item_contentView_controls_videoName {
    position: absolute;
    width: 80%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    margin-top: 5%;
    margin-left: 5%;
    font-family: LTWave;
    font-size: 5cqw;
    color: #ffffff;
}

.item_contentView_controls_controlBar {
    position: absolute;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    bottom: 0px;
    display: flex;

    background: linear-gradient(to bottom, #00000099, #00000000);
}

.item_contentView_controls_play {
    width: 10%;
    height: 100%;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 7;

    background-image: url(/svg/white/playbutton.svg);
}

.item_contentView_controls_play.active {
    background-image: url(/svg/white/pausebutton.svg);
}

.item_contentView_controls_fullscreen {
    position: absolute;
    width: 10%;
    height: 100%;
    right: 0px;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 7;

    background-image: url(/svg/white/fullscreenbutton.svg);
}

.item_contentview_controls_mute {
    position: absolute;
    width: 10%;
    height: 100%;
    right: 10%;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 7;

    background-image: url(/svg/white/mutebutton.svg);
}

.item_contentview_controls_mute.active {
    background-image: url(/svg/white/unmutedbutton.svg);
}

.item_videoContent {
    position: absolute;
    width: 100%;
    height: auto;
    object-fit: contain;
    z-index: 5;
}

.item_quickDetails {
    container-type: inline-size;
    width: 90%;
    height: auto;
    margin-left: 5%;
}

.item_quickDetails_purchaseContainer {
    width: 60%;
    margin-bottom: 6%;

}

.item_quickDetails_mainInfo {
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.04;
    display: flex;

    color: #777777;
}

.item_quickDetails_description {
    container-type: inline-size;
    width: 100%;
    height: auto;
    font-family: LTWave;
    font-size: 2.5cqw;

    color: #777777;
}

.item_quickDetails_descSrc {
    container-type: inline-size;
    width: 100%;
    height: auto;
    font-family: LTWave;
    font-size: 2cqw;
    display: flex;
    justify-content: right;

    color: #777777;
}

.item_quickDetails_release {
    width: 50%;
    height: 100%;
    font-family: LTWave;
    font-size: 3cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: left;
    align-items: center;
}

.item_quickDetails_developer {
    width: 50%;
    height: 100%;
    font-family: LTWave;
    font-size: 3cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: right;
    align-items: center;
}

.item_quickDetails_subInfo{
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.04;
    display: flex;
    justify-content: space-evenly;

    color: #777777;
}

.item_quickDetails_subtext {
    height: 100%;
    font-family: OCR-A;
    font-size: 2.5cqw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: left;
    align-items: center;
}


.item_extendedDetailsContainer {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-top: 3%;
    float: left;

    background-color: #ff0000;
}

.item_extendedDetails_tabContainer {
    position: relative;
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.05;
    display: flex;
    background-size: 100% 100%;
    
    background-image: url(svg/white/item_detailTabBase.svg);
}

.item_extendedDetails_tab {
    width: 20cqw;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-family: LTWave;
    font-size: 2cqw;
    cursor: pointer;
    background-size: 100% 100%;

    background-image: url(svg/white/item_detailTab_Disabled.svg);
}

.item_extendedDetails_tab:hover {
    color: #000000;
}

.item_extendedDetails_tab.active {
    color: #ffffff;
    background-image: url(svg/white/item_detailTab_Active.svg);
}

.item_extendedDetails_contentContainer {
    position: absolute;
    width: 90%;
    height: auto;
}

.item_extendedDetails_content {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 0px;
    margin-top: 2.5%;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    overflow: hidden;

    visibility: hidden;
    opacity: 0;
}

.item_extendedDetails_content.active {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
}

.item_extDetContent_details_content {
    width: 100%;
    height: auto;
}

.item_extDetContent_details_headerCont {
    container-type: inline-size;
    width: 100%;
    height: auto;
    display: flex;

    background-color: #00000000;
}

.item_extDetContent_details_headerCont_left {
    width: 70%;
    height: auto;
    aspect-ratio: 1 / 0.048;
    float: left;
}

.item_extDetContent_details_headerCont_right {
    width: 30%;
    height: auto;
    aspect-ratio: 1 / 0.12;
    float: right;
    display: flex;
    justify-content: right;

    background-color: #00000000;
}

.item_extDetContent_details_header {
    font-family: LTWave;
    font-size: 4cqw;
    color: #000000;
}

sub.item_extDetContent_details_headerSub{
    font-size: 2cqw;
    color: #999999;
}

.item_extDetContent_details_subText {
    font-family: LTWave;
    font-size: 1.5cqw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #999999;
}

.item_extDetContent_details_headerLine {
    container-type: inline-size;
    width: 99.8%;
    height: auto;
    aspect-ratio: 1 / 0.025;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;
    display: flex;

    background: linear-gradient(to bottom, #00000000, lightgrey)
}

.item_extDetContent_details_headerLine_left {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: left;
    align-items: center;
}

.item_extDetContent_details_headerLine_right {
    width: 30%;
    height: auto;
    display: flex;
    justify-content: right;
    align-items: center;
}

.item_extDetContent_details_detailContent {
    width: 100%;
    height: auto;
    font-family: LTWave;
    font-size: 16px;

    color: #777777;
}

highlight {
    color: #333333;
}

.item_extDetContent_details_detailHeader {
    width: 55%;
    height: 20px;
    font-family: OCR-A;
    font-size: 16px;

    color: #ffffff;
    background: linear-gradient(to left, #00000000, #999999);
    filter: drop-shadow(0px 0px 2px #999999);
    text-shadow: 0px 0px 5px #999999;
}

.item_extDetContent_details_calendarCont {
    width: 65%;
    height: auto;
    aspect-ratio: 1 / 0.1;
    display: flex;
}

.item_extDetContent_details_calendar_monthCont {
    container-type: inline-size;
    width: 8.02%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-radius: .1cqw;
    cursor: default;
}

.item_extDetContent_details_calendar_monthLabel {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.3;
    font-family: OCR-A;
    font-size: 20cqw;
}

.item_extDetContent_details_calendar_monthDaysCont {
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.8;
}

.item_extDetContent_details_calendar_day {
    position: relative;
    width: 14.285714%;
    height: auto;
    aspect-ratio: 1 / 1;
    float: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    background-image: url(/svg/white/calendar_day.svg);
}

.item_extDetContent_details_calendar_dayEmpty {
    position: relative;
    width: 14.285714%;
    height: auto;
    aspect-ratio: 1 / 1;
    float: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    background-image: url(/svg/white/calendar_day_empty.svg);
}

.item_extDetContent_details_calendar_dayHighlight {
    position: relative;
    width: 14.285714%;
    height: auto;
    aspect-ratio: 1 / 1;
    float: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
    filter: drop-shadow(0px 0px 2px #ff0000);
    background-image: url(/svg/white/calendar_day_highlight.svg);
}

.item_extDetContent_details_calendar_yearHeader {
    container-type: inline-size;
    width: 65%;
    height: auto;
    aspect-ratio: 1 / 0.025;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-radius: .1cqw;
    display: flex;
    justify-content: center;
    cursor: default;
}

.item_extDetContent_details_calendar_yearHeaderText {
    font-family: LTWave;
    font-size: 2cqw;
}

.item_extDetContent_details_calendar_timeline {
    position: relative;
    container-type: inline-size;
    width: 65%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    cursor: default;
}

.item_extDetContent_details_calendar_timeline_yearCont {
    container-type: inline-size;
    width: 65%;
    height: auto;
    aspect-ratio: 1 / 0.02;
    display: flex;
    cursor: default;
}

.item_extDetContent_details_calendar_timeline_year {
    font-family: LTWave;
    font-size: 2cqw;
    display: flex;
    justify-content: center;
}

.item_extDetContent_details_calendar_timeline_line {
    position: absolute;
    left: 0%;
    width: 100cqw;
    height: auto;
    aspect-ratio: 1 / 0.005;
    margin-top: 3.3%;

    background-color: #bbbbbb;
}


.item_extDetContent_details_calendar_timeline_barYear {
    position: absolute;
    left: 0%;
    width: 3px;
    height: auto;
    aspect-ratio: 1 / 12;
    margin-top: 0.6%;
    border-radius: 50cqw;

    background-color: #bbbbbb;
}

.item_extDetContent_details_calendar_timeline_barMonth {
    position: absolute;
    left: 0%;
    width: 1px;
    height: auto;
    aspect-ratio: 1 / 12;
    margin-top: 2.55%;
    border-radius: 50cqw;

    background-color: #bbbbbb;
}

.item_extDetContent_details_calendar_timeline_highlight {
    position: absolute;
    left: 0%;
    width: 1px;
    height: 25%;
    margin-top: 2.55%;
    border-radius: 50cqw;

    background-color: #ff0000;
}

.item_extDetContent_details_calendar_timeline_range {
    position: absolute;
    left: 0%;
    width: 1px;
    height: 30%;
    margin-top: 4.5%;
    font-family: OCR-A;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #ffffff;

    background-color: #ff0000;
}

.item_extDetContent_details_specification_container_new {
    container-type: inline-size;
    position: relative;
    width: 67%;
    height: auto;
    display: flex;
}

.item_extDetContent_details_specification_icon_new {
    width: 6%;
    aspect-ratio: 1 / 0.75;
    background-size: 100% 100%;
    float: left;

    background-image: url(/common_res/item_specs/aspectratio_43.svg);
}

.item_extDetContent_details_specification_text_new {
    width: 96%;
    height: auto;
    aspect-ratio: 1 / 0.06;
    margin-left: 2%;
    margin-top: 1%;
    font-family: LTWave;
    font-size: 16px;
    float: left;

    color: #777777;
}

.item_extDetContent_details_specification_container {
    container-type: inline-size;
    width: 65%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    margin-top: 1%;
    margin-bottom: 1%;
    display: flex;

    background-color: #00000000;
}

.item_extDetContent_details_specification_icon {
    width: auto;
    height: 100%;
    aspect-ratio: 1 / 0.75;
    margin-left: 1%;
    margin-right: 1%;
    background-size: 100% 100%;

    background-image: url(/common_res/item_specs/aspectratio_43.svg);
}

.item_extDetContent_details_specification_textCont {
    width: 100%;
    height: auto;
    margin-left: 2.5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    background-color: #00000000;
}

.item_extDetContent_details_specification_text_header {
    font-family: Yu-Gothic;
    font-size: 2.8cqw;
}

.item_extDetContent_details_specification_text_content {
    font-family: LTWave;
    font-size: 2.3cqw;
}

.item_extDetContent_details_specification_textCont_header {
    width: auto;
    height: 100%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Yu-Gothic;
    font-size: 2.8cqw;

    background-color: #00000000;
}


.item_extDetContent_details_specification_textCont_content {
    width: auto;
    height: 100%;
    margin-left: 2.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: LTWave;
    font-size: 2.3cqw;

    background-color: #00000000;
}

.item_extDetContent_details_infoBox {
    width: 30%;
    height: auto;
    float: right;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;

    background: linear-gradient(to top, #00000000, lightgrey);
}

.item_extDetContent_details_infoBox_infoCont {
    width: 100%;
    height: auto;
    margin-bottom: 2.5%;
}

.item_extDetContent_details_infoBox_labelCont {
    container-type: inline-size;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.01;
    margin-left: 5%;
}

.item_extDetContent_details_infoBox_labelText {
    font-family: OCR-A;
    font-size: 6cqw;
    color: #999999;
}

.item_extDetContent_details_infoBox_detailCont {
    container-type: inline-size;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.1;
    margin-left: 5%;
}

.item_extDetContent_details_infoBox_detailText {
    font-family: LTWave;
    font-size: 7cqw;
    color: #333333;
}

.item_extDetContent_details_infoBox_listedDetailText {
    font-family: LTWave;
    font-size: 5cqw;
    color: #333333;
    margin-left: 5%;
}

img.item_extDetContent_details_ageRating {
    float: right;
    margin-top: 1%;
    margin-right: 1%;
    margin-left: 5%;
    width: 10%;
}

.item_extDetContent_details_halfSection {
    width: 50%;
    height: auto;
    margin-top: 1%;
}

.item_extDetContent_details_detail {
    container-type: inline-size;
    width: 100%;
    height: auto;
    margin-bottom: 2%;
    display: flex;
}

.item_extDetContent_details_detailTitle {
    width: 30%;
    height: auto;
    margin-left: 5%;
    font-size: 3cqw;
    font-family: OCR-A;
    cursor: default;

    color: #777777;
}

.item_extDetContent_details_detailText {
    width: 60%;
    height: auto;
    font-size: 3cqw;
    font-family: LTWave;
    cursor: default;

    color: #777777;
}

.item_extDetContent_details_categoryLabel {
    width: 100%;
    height: auto;
    margin-bottom: 2%;
    font-size: 1cqw;
    font-family: OCR-A;
    cursor: default;
}

.item_extDetContent_details_sources_header {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.025;
    display: flex;
    align-items: center;
    border-width: 0.1vw;
    border-color: lightgrey;
    border-style: solid;
    cursor: pointer;

    background: linear-gradient(to bottom, #00000000, lightgrey);
}

.item_extDetContent_details_sources_header_arrow {
    width: 2.5%;
    height: auto;
    font-family: ConsolaMono-Bold;
    font-size: 2cqw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item_extDetContent_details_sources_header_text {
    width: 90%;
    margin-left: 1%;
    font-family: LTWave;
    font-size: 1.5cqw;
}

.item_extDetContent_details_sources_content {
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.item_extDetContent_details_sources_content.active {
    height: auto;
}

.item_extDetContent_details_sources_listing {
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.025;
    margin-top: 1%;
    margin-bottom: 1%;
}

.item_extDetContent_details_sources_listing_text {
    width: 90%;
    margin-left: 5%;
    font-family: LTWave;
    font-size: 1.5cqw;
}

.item_extDetContent_media_videoContainer {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    display: flex;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    cursor: pointer;
    border-color: #f3f3f3;
    border-width: 0.1vw;
    border-style: solid;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    
    background: linear-gradient(to top, #e6f8fc, #ffffff);
    background-color: #ffffff;
}

.item_extDetContent_media_videoContainer:hover {
    border-color: rgb(194, 194, 194);
}

.item_extDetContent_media_videoContainer.active {
    background-color: #000000;
}

.item_extDetContent_media_videoContainer_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    z-index: 7;

    opacity: 1;
    background: linear-gradient(to bottom, #ffffff, #f3f3f3);
}

.item_extDetContent_media_videoContainer_shadow:hover {
    opacity: 0;
}

.item_extDetContent_media_videoPlayingIconContainer {
    width: 8%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 8;
    pointer-events: none;
    visibility: hidden;
}

.item_extDetContent_media_videoPlayingIconContainer.active {
    visibility: visible;
}

img.item_extDetContent_media_videoPlayingIcon {
    width: 30%;
    
    content: url(svg/white/playing.svg);
}

.item_extDetContent_media_videoThumbnailContainer {
    container-type: inline-size;
    width: 10cqw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 8;
    pointer-events: none;
}

img.item_extDetContent_media_videoThumbnail {
    width: 90cqw;
    height: auto;
    aspect-ratio: 4 / 3;
}

.item_extDetContent_media_videoTextContainer {
    container-type: inline-size;
    width: 75cqw;
    height: 100%;
    z-index: 8;
    pointer-events: none;
}

.item_extDetContent_media_videoText {
    width: 90cqw;
    height: auto;
    font-family: LTWave;
    font-size: 4cqw;
    margin-top: 2%;
    margin-left: 5%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #000000;
}

.item_extDetContent_media_videoText.active {
    visibility: visible;
}

.item_extDetContent_media_videoSubText {
    width: 90cqw;
    height: auto;
    font-family: LTWave;
    font-size: 3cqw;
    margin-left: 10%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
}

.item_extDetContent_media_videoSubText.active {
    visibility: visible;
}

.item_extDetContent_media_container {
    width: 65%;
    height: auto;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
}

.item_extDetContent_media_header {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.03;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;
    display: flex;
    align-items: center;

    background: linear-gradient(to bottom, #ffffff, lightgrey);
}

.item_extDetContent_media_header_text {
    width: 90%;
    height: auto;
    margin-left: 5%;
}

.item_extDetContent_media_screenshotsContainer {
    width: 100%;
    height: auto;
    display: flex;
}

.item_extDetContent_media_screenshots_quickviewer {
    width: 60%;
    height: auto;
    aspect-ratio: 1 / 0.75;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: zoom-in;

    background: linear-gradient(to top, #ffffff, lightgrey);
}

.item_extDetContent_media_screenshots_quickviewer_imageContainer {
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.5;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}

.item_extDetContent_media_screenshots_quickviewer_imageContainer.active {
    opacity: 1;
}

.item_extDetContent_media_screenshots_list {
    width: 40%;
    height: auto;
    aspect-ratio: 1 / 0.5;

    background-color: #ffffff;
}

.item_extDetContent_media_screenshots_list_item {
    container-type: inline-size;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.15;
    display: flex;
    align-items: center;
    border-width: 0.1vw;
    border-style: solid;
    border-color: white;
    cursor: pointer;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    
    background: linear-gradient(to top, #e6f8fc, #ffffff);
}

.item_extDetContent_media_screenshots_list_item:hover {
    border-color: rgb(194, 194, 194);
}

.item_extDetContent_media_screenshots_list_item.active {
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.1;
    display: flex;
    align-items: center;
    border-width: 0.1vw;
    border-style: solid;
    border-color: #000000;
    color: #ffffff;

    background: linear-gradient(to bottom, #585858, #000000);
}

.item_extDetContent_media_screenshots_list_item_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    z-index: 7;

    opacity: 1;
    background: linear-gradient(to bottom, #ffffff, #f3f3f3);
}

.item_extDetContent_media_screenshots_list_item_shadow:hover {
    opacity: 0;
}

.item_extDetContent_media_screenshots_list_item_shadow.active {
    opacity: 0;
}

.item_extDetContent_media_screenshots_list_item_Text {
    width: 90%;
    margin-left: 5%;
    font-family: LTWave;
    font-size: 6cqw;
    z-index: 8;
    pointer-events: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.item_extDetContent_releases_releaseContainer {
    margin-top: 0%;
}

.item_extDetContent_releases_release {
    container-type: inline-size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.04;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;

    background: linear-gradient(to bottom, #00000000, lightgrey)
}

.item_extDetContent_releases_releaseText {
    margin-left: 5%;
    font-family: LTWave;
    font-size: 2cqw;
    margin-top: 1cqh;
    float: left;

    color: #000000;
}

.item_extDetContent_releases_releaseSubText {
    font-family: LTWave;
    font-size: 1.5cqw;
    margin-left: 1%;
    margin-top: 1.4cqh;
    margin-right: 5%;
    float: left;

    color: #707070;
}

.item_extDetContent_releases_releaseContent {
    container-type: inline-size;
    width: 90%;
    height: auto;
    margin-left: 10%;
    margin-bottom: 5%;
    border-style: solid;
    border-width: 0.1vw;
    border-color: lightgrey;

    background: linear-gradient(to top, #00000000, lightgrey)
}

.item_extDetContent_releases_thumbnail {
    width: 17%;
    height: auto;
    margin-top: 2%;
    margin-left: 5%;
    margin-bottom: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

.item_extDetContent_releases_top {
    container-type: inline-size;
    width: 70%;
    height: auto;
    margin-top: 2%;
    margin-right: 5%;
    margin-bottom: 2%;
    float: right;
}

.item_extDetContent_releasesTitle {
    width: 100%;
    height: auto;
    font-size: 4cqw;
    font-family: LTWave;
}

.item_extDetContent_releasesText {
    width: auto;
    height: auto;
    font-size: 2.5cqw;
    font-family: LTWave;
    z-index: 5;

    color: #707070;
}

.item_extDetContent_releases_bottom {
    container-type: inline-size;
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-bottom: 2%;
    margin-top: 2%;
}

.item_extDetContent_releasesBttmHeader {
    width: 100%;
    height: auto;
    font-size: 2.5cqw;
    font-family: LTWave;

    color: #707070;
}

.item_extDetContent_releases_halfSection {
    position: relative;
    width: 100%;
    float: left;
    z-index: 5;
}

.item_extDetContent_releases_scansArea {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.item_extDetContent_releasesScanContainer {
    width: 12.5%;
    height: auto;
    aspect-ratio: 1 / 1.2;
    cursor: zoom-in;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    opacity: 0.8;
    
    background: linear-gradient(to bottom, #00000000, lightgrey);
}

.item_extDetContent_releasesScanContainer:hover {
    opacity: 1;
}

.item_extDetContent_releasesScanContainer_thumb {
    container-type: size;
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item_extDetContent_releasesScanContainer_name {
    width: 90%;
    height: auto;
    aspect-ratio: 1 / 0.2;
    margin: 5%;
    font-size: 1.8cqw;
    font-family: LTWave;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.imageView {
    container-type: inline-size;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background-attachment: fixed;
    background-position: center;
    overflow: hidden;
    z-index: 256;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}

.imageView.active{
    visibility: visible;
    opacity: 1;
}

.imageView_background {
    top: -50cqh;
    width: 100%;
    height: 200%;
    backdrop-filter: blur(0.1vw);

    background-color: #000000dd;
}

.imageView_flavorLine {
    top: 50cqh;
    left: 0cqw;
    width: 200cqw;
    height: 5cqw;
    rotate: 45deg;
    position: absolute;
    z-index: 257;
    background-size: 100% 100%;
    backdrop-filter: blur(0.5vw);

    background-color: #0000000f;
}

.imageView_centerContent {
    top: 0%;
    left: 0%;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.imageView_imgTitle {
    container-type: size;
    top: 2.5%;
    width: 50%;
    min-width: 1000px;
    height: auto;
    aspect-ratio: 1 / 0.05;
    position: absolute;
    z-index: 258;
}

.imageView_imgTitle_text {
    width: 100%;
    height: auto;
    font-size: 3cqw;
    font-family: LTWave;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;

    color: #ffffff;
}

.imageView_imgSrc {
    container-type: size;
    bottom: 0%;
    width: 50%;
    min-width: 1000px;
    height: auto;
    aspect-ratio: 1 / 0.04;
    position: absolute;
    z-index: 258;
    display: flex;
    align-items: center;
}

.imageView_imgSrc_text {
    width: 100%;
    height: auto;
    font-size: 1.5cqw;
    font-family: ConsolaMono;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    color: #999999;
}

.imageView_imgContainer {
    bottom: 4%;
    width: 50vh;
    min-width: 1000px;
    height: 88vh;
    position: absolute;
    z-index: 258;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    visibility: hidden;
    opacity: 0;
}

.imageView_imgContainer.active {
    visibility: visible;
    opacity: 1;
}

.imageView_leftArrow {
    top: 40cqh;
    left: 5vw;
    width: 5cqw;
    height: auto;
    aspect-ratio: 1 / 2;
    position: absolute;
    z-index: 258;
    cursor: pointer;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    rotate: 180deg;
    opacity: 0.2;

    background-image: url(/svg/white/itemView_arrow.svg);
}

.imageView_leftArrow.hide {
    visibility: hidden;
}

.imageView_leftArrow.active {
    opacity: 1;
}

.imageView_rightArrow {
    top: 40cqh;
    right: 5vw;
    width: 5cqw;
    height: auto;
    aspect-ratio: 1 / 2;
    position: absolute;
    z-index: 258;
    cursor: pointer;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.2;

    background-image: url(/svg/white/itemView_arrow.svg);
}

.imageView_rightArrow.hide {
    visibility: hidden;
}

.imageView_rightArrow.active {
    opacity: 1;
}

img.imageView_loadinggear {
    visibility: hidden;
    background-attachment: fixed;
    position: fixed;
    width: 10vw;
    height: 10vw;
    top: 45vh;
    left: 45vw;
    animation: spin 2s linear infinite;
    z-index: 258;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    opacity: 0;

    content: url(svg/white/gear.svg);
}

img.imageView_loadinggear.active {
    visibility: visible;
    opacity: 1;
}

img.img_fit {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

img.contact {
    width: 40%;
    margin-top: 20vh;
    margin-left: 5%;
    content: url(svg/white/contact.svg);
    animation: jitter 1s step-end infinite;
}

.contact_LargeTextContainer {
    container-type: size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.08;
    z-index: 3;
}

.contact_LargeText {
    width: 90%;
    height: auto;
    margin-left: 5%;
    font-family: NovecentoSans-Bold;
    font-size: 4.8cqw;

    color: #000000;
}

.contact_SmallTextContainer {
    container-type: size;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.03;
    z-index: 3;
}

.contact_SmallText {
    width: 90%;
    height: auto;
    margin-left: 5%;
    font-family: LTWave;
    font-size: 1.8cqw;
    
    color: #555555;
}

.article_articleFrame {
    width: 100%;
    height: auto;
    border-style: none;
}

@keyframes spin {
  0% { rotate: 0deg; }
  100% { rotate: 359deg; }
}

@keyframes jitter {
    0% { rotate: -1deg; }
    50% {rotate: 1deg}
    100% { rotate: -1deg; }
}

@keyframes hide {
    0% { opacity: 1; }
    100% { opacity: 0.3; }
}

@media screen and (orientation: portrait), screen and (max-width: 1000px) {
    .checkerboard {
        background-size: 30vmin 30vmin;
        animation: checkerslide 5s linear infinite;
    }

    .checkerboard_white {
        background-size: 30vmin 30vmin;
        animation: checkerslide 5s linear infinite;
    }

    @keyframes checkerslide {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-30vmin, 0vw, 0); } /* what we subtract needs to be same as bg image width*/
    }

    .BG_arrow {
        visibility: hidden;
    }
    
    .pageContent {
        width: 100%;
        min-width: 0px;
    }

    .pageContent_BG_Fade {
        width: 92%;
        min-width: 0px;
        opacity: 1;
    }

    .pageContent_BG_Solid {
        width: 150%;
        min-width: 0px;
        opacity: 1;
    }

    .pageContent_filler {
        height: 8vh;
        min-height: 25px;
    }

    .navBar {
        width: 100%;
        height: 6cqh;
        min-width: 0px;
        background-size: 300%;
        background-color: #ffffff;
    }

    .navBarShading {
        background: linear-gradient(to bottom, #00000044, #ffffff00);
    }

    .navBar_ext {
        visibility: hidden;
    }

    .navBar_ext_mobile {
        visibility: hidden;
        opacity: 0;

        top: 6cqh;
        width: 100%;
        min-width: 0px;
        height: auto;
        position:fixed;
        background-attachment: fixed;
        z-index: 254;
        backdrop-filter: blur(0.05vw);
        background-size: 150%;
        border: 50px;
        border-style: solid;
        border-width: 1px;
        font-family: LCD;
        font-size: 4.5cqh;
        transition-duration: 0.2s;
        transition-timing-function: linear;

        background-color: #1b1100dd;
        border-color: #000000dd;
        filter: drop-shadow(0px 0px 10px #000000);
        background-image: url(svg/white/shine_lite.svg);
    } 

    .navBar_ext_mobile.active {
        visibility: visible;
        opacity: 1;
    }

    .navBar_ext_mobile_backBlur {
        visibility: hidden;
        opacity: 0;

        position: fixed;
        width: 100vw;
        height: 100vh;
        backdrop-filter: blur(1vw);
        z-index: 250;

        background-color: #ff000000;
    }

    .navBar_ext_mobile_backBlur.active {
        visibility: visible;
        opacity: 1;
    }

    .navBar_ext_mobile_centerContent {
        width: 90%;
        height: auto;
        margin-left: 5%;
        margin-top: 2.5%;
    }

    .navBar_ext_flavor_container {
        container-type: inline-size;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.08;
        margin-bottom: 1%;
    }

    .navBar_ext_flavor {
        color: #999999;
        font-family: CreatoDisplay;
        font-size: 2.5cqh;
    }

    .navBar_ext_Link {
        animation: navbar_ext_flicker 0.05s step-end infinite;
        filter: drop-shadow(0px 0px 2px #ff9900);
        text-shadow: 0px 0px 5px #ff9900;
        margin-bottom: 4%;

        background-color: #613a0099;
    }

    .navBar_ext_link_database {
        animation: navbar_ext_flicker 0.05s step-end infinite;
        filter: drop-shadow(0px 0px 2px #ff9900);
        text-shadow: 0px 0px 5px #ff9900;
        margin-bottom: 4%;

        background-color: #613a0099;
    }

    .navBar_ext_link_sell {
        animation: navbar_ext_flicker 0.05s step-end infinite;
        filter: drop-shadow(0px 0px 2px #ff9900);
        text-shadow: 0px 0px 5px #ff9900;
        margin-bottom: 4%;

        background-color: #613a0099;
    }

    .navBar_ext_link_contact {
        animation: navbar_ext_flicker 0.05s step-end infinite;
        filter: drop-shadow(0px 0px 2px #ff9900);
        text-shadow: 0px 0px 5px #ff9900;
        margin-bottom: 4%;

        background-color: #613a0099;
    }

    .navBar_ext_link_about {
        animation: navbar_ext_flicker 0.05s step-end infinite;
        filter: drop-shadow(0px 0px 2px #ff9900);
        text-shadow: 0px 0px 5px #ff9900;
        margin-bottom: 5%;

        background-color: #613a0099;
    }

    img.navBar_indexButton {
        margin-left: 1cqw;
        height: 70cqh;
        content: url(svg/Logo_small.svg);
    }

    img.navBar_searchIcon {
        visibility: hidden;
    }

    form.navBar_search {
        left: 15cqw;
    }

    input.navBar_searchInput {
        font-size: 2.5vh;
    }

    .navBar_sell {
        visibility: hidden;
    }

    img.navBar_cartIcon {
        top: 12.5cqh;
        right: 15cqw;
        height: 65cqh;
    }

    img.navBar_mobile_dropdown {
        visibility: visible;
        top: 12.5cqh;
        right: 2cqw;
        height: 65cqh;
        position: fixed;

        content: url(svg/white/mobile_hamburger.svg);
    }

    img.getStarted_backLine {
        margin-left: 5%;
        width: 90%;
    }

    img.getStarted_frontLine {
        margin-left: 5%;
        width: 90%;
    }

    img.getStarted_text {
        margin-left: 5%;
        width: 90%;
    }

    img.whatsNew {
        margin-top: 25%;
        width: 40%;
    }

    .home_timeGradientContainer {
        top: 6cqh;
        aspect-ratio: 1 / 0.6;
    }

    .home_sunMoonSpacer {
        aspect-ratio: 1 / 0.55;
    }

    .home_timeTextCont {
        width: 90%;
        height: auto;
        aspect-ratio: 1 / 0.1;
        margin-left: 5%;
        display: flex;
        justify-content: center;
    }

    .home_timeHeader_text_timeCall {
        font-size: 5cqw;
        margin-top: 0.8%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .home_timeHeader_text_time {
        font-size: 5cqw;
        margin-top: 0.5%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .home_timeText {
        font-family: OCR-A;
        font-size: 10cqw;
    }

    .home_timeHeader {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.08;
    }

    .home_logo {
        width: 80%;
        aspect-ratio: 1 / 0.37;
        margin-right: 10%;
        margin-top: 5%;

        background-size: 100% 100%;
        background-repeat: no-repeat;
        
        filter: drop-shadow(0px 0px 15px #000000);
        background-image: url(/svg/white/logo_w.svg);
    }

    .home_bannerFiller {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.5;
    }

    .home_whatsnew {
        width: 40%;
        height: auto;
        aspect-ratio: 1 / 0.2;
        margin-left: 2.5%;
        background-size: 100% 100%;
        
        background-image: url(/svg/white/home_whatsnew.svg);
    }

    .home_news_cont {
        width: 90%;
        height: auto;
        aspect-ratio: 1 / 0.323;
        margin-left: 5%;
        margin-top: 5%;
    }

    .home_news_article_cont {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.1;
    }

    .home_news_article_cont:hover {
        border-color: #f3f3f3;
    }

    .home_news_article_cont_shadow:hover {
        opacity: 1;
    }

    .home_news_article_date {
        font-size: 3.7cqw;
    }

    .home_news_article_title {
        font-size: 4cqw;
    }

    .home_welcome_cont {
        width: 95%;
        height: auto;
        aspect-ratio: 1 / 0.7;
        margin-left: 2.5%;
        backdrop-filter: blur(.5vw);
    }

    .home_welcome_closetext {
        width: 80cqw;
        height: auto;
        aspect-ratio: 1 / 0.05;
        margin-top: 2cqh;
        margin-left: 5cqw;
        margin-right: 5cqw;
        float: right;
        font-size: 5cqw;
        font-family: OCR-A;
        cursor: pointer;

        color: #71baff;
    }

    .home_welcome_text {
        width: 90cqw;
        height: auto;
        aspect-ratio: 1 / 0.05;
        margin-left: 5cqw;
        float: left;
        font-size: 3.6cqw;
        font-family: LTWave;

        color: #ffffff;
    }

    .search_results {
        left: 0%;
        width: 100%;
    }

    .search_controls {
        visibility: visible;
        width: 60%;
        left: -100%;
        transition-duration: 1s;
    }

    .search_controls.active {
        left: 0%;
    }

    .search_controlsBG{
        left: -100%;
        width: 70%;
        z-index: 5;
        transition-duration: 1s;
    }

    .search_controlsBG.active {
        left: -5%;
    }

    .search_controlsLeak {
        visibility: hidden;
    }
    

    a.thumb_big {
        width: 40%;
    }

    a.thumb_small {
        aspect-ratio: 1 / 0.15;
        margin-bottom: 1vmax;
    }

    .thumbnail_small_detailsContainer {
        width: 40%;
        height: 100cqh;
    }

    .thumbnail_small_priceContainer {
        width: 40%;
        height: 100cqh;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .thumbnail_small_title {
        aspect-ratio: 1 / 0.09;
    }

    .thumbnail_small_subtext {
        margin-top: 3cqh;
        aspect-ratio: 1 / 0.09;
    }

    .thumbnail_small_availability {
        aspect-ratio: 1 / 0.2;
        font-size: 20cqh;
    }

    .thumbnail_small_price {
        aspect-ratio: 1 / 0.25;
        font-size: 30cqh;
    }

    a.search_thumbnail_card {
        width: 100%;
        margin-bottom: 10%;
    }


    input.search_controls_viewToggle {
        visibility: visible;
        top: 20%;
        left: 5%;
        width: 20%;
        height: auto;
        aspect-ratio: 1 / 1;
        position:fixed;
        border: 0px;
        font-size: 0px;
        cursor: pointer;
        transition-duration: 1s;
        z-index: 256;

        background-color: #00000000;
        background-image: url(svg/white/open_ctrl.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    input.search_controls_viewToggle.active {
        visibility: visible;
        left: 55%;
        rotate: 180deg;
    }

    .search_controls_bar {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.1;
    }

    .search_controls_bar_item_viewchanger {
        width: 20%;
    }

    .search_controls_bar_item_searchterm {
        width: 78%;
    }

    .search_controls_bar_item_sortby {
        width: 50%;
    }

    .search_controls_bar_item_searchterm_text {
        width: 100%;
        height: auto;
        margin-top: 1cqh;
        font-size: 7cqw;
        font-family: LTWave;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        
        color: #777777;
    }

    .search_controls_bar_item_sortby_ascdesc_container {
        width: 30%;
        height: 100%;
        cursor: pointer;

        background-color: #ffffff;
    }

    .search_controls_bar_item_regionSel {
        width: 50%;
    }

    img.s_loadinggear {
        width: 10vh;
        height: 10vh;
        top: 45vh;
        left: 60vw;
    }

    .imageView_imgContainer {
        bottom: 4%;
        width: 50vh;
        min-width: 0px;
        max-width: 100vw;
        height: 100vh;
        position: absolute;
        z-index: 258;
        display: flex;
        justify-content: center;
        align-items: center;
        transition-duration: 0.1s;
        transition-timing-function: linear;
        visibility: hidden;
        opacity: 0;
    }

    img.item_bgScreen {
        width: auto;
        height: 100cqh;
        filter: blur(0.5cqw);
    }

    .item_quickPurchase_container {
        width: 100vw;
        height: auto;
        min-height: 85vh;
        float: left;
    }

    .item_quickPurchase_imgContainer {
        width: 90%;
        height: auto;
        aspect-ratio: 1.25 / 1;
        margin-left: 5%;
        margin-top: 5%;
        margin-bottom: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .item_quickPurchase_subDetContainer {
        display: flex; 
        margin-left: 5%;
        margin-bottom: 5%;
    }


    .item_quickPurchase_textContainer {
        width: 90%;
        text-shadow: 0px 0px 3px #ffffff;
        filter: drop-shadow(0px 0px 3px #ffffff);
    }

    .item_quickPurchase_text {
        text-shadow: 0px 0px 3px #ffffff;
        filter: drop-shadow(0px 0px 3px #ffffff);
    }

    .item_quickPurchase_newButton {
        width: 90%;
        height: auto;
        aspect-ratio: 1 / 0.12;
        margin-left: 5%;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .item_topPage {
        width: 100%;
        height: auto;
        float: right;
        margin-top: 2vh;
    }

    .item_contentView {
        width: 100%;
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 5%;
    }

    .item_quickDetails_description {
        visibility: visible;
        height: auto;
    }

    .item_quickDetails_descSrc {
        visibility: visible;
        height: 2vh;
        justify-content: left;
    }
    
    .item_titleContainer {
        visibility: hidden;
        container-type: inline-size;
        width: 100%;
        z-index: 3;
    }

    .item_logoContainer {
        justify-content: center;
        width: 90%;
        height: 10cqh;
        margin-left: 5%;
    }

    .item_extendedDetails_tabContainer {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.15;
        background-size: 100% 100%;
        
        background-image: url(svg/white/item_detailTabBase_mob.svg);
    }

    .item_extendedDetails_tab {
        width: 21cqw;
        height: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        font-family: LTWave;
        font-size: 4cqw;
        cursor: pointer;
        background-size: 100% 100%;

        background-image: url(svg/white/item_detailTab_Disabled_mob.svg);
    }

    .item_extendedDetails_tab:hover {
        color: #000000;
    }

    .item_extendedDetails_tab.active {
        background-image: url(svg/white/item_detailTab_Active_mob.svg);
        color: #ffffff;
    }

    .item_extDetContent_details_headerCont_left {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.001;
        margin-top: 2%;
        float: left;
    }

    .item_extDetContent_details_headerCont_right {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.07;
        margin-top: 5%;
        margin-bottom: 2%;
        float: right;
        display: flex;
        justify-content: center;

        background-color: #00000000;
    }

    .item_extDetContent_details_header {
        font-family: LTWave;
        font-size: 10cqw;
        color: #000000;
    }

    sub.item_extDetContent_details_headerSub{
        font-size: 4cqw;
        color: #999999;
    }

    .item_extDetContent_details_subText {
        font-family: LTWave;
        font-size: 4cqw;
        color: #777777;
    }

    .item_extDetContent_details_headerLine {
        container-type: inline-size;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.06;
        border-style: solid;
        border-width: 0.1vw;
        border-color: lightgrey;
        display: flex;

        background: linear-gradient(to bottom, #00000000, lightgrey)
    }

    .item_extDetContent_details_headerLine_left {
        width: 70%;
        height: auto;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .item_extDetContent_details_headerLine_right {
        width: 30%;
        height: auto;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    .item_extDetContent_details_infoBox {
        width: 80%;
        margin-bottom: 5%;
    }

    img.item_extDetContent_details_ageRating {
        float: right;
        margin-top: 1%;
        margin-right: 1%;
        margin-left: 0%;
        width: 18%;
    }

    .item_extDetContent_details_calendarCont {
        width: 101%;
        height: auto;
        aspect-ratio: 1 / 0.1;
        display: flex;
    }

    .item_extDetContent_details_calendar_timeline {
        position: relative;
        container-type: inline-size;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.15;
        cursor: default;
    }

    .item_extDetContent_details_calendar_timeline_yearCont {
        width: 100%;
        aspect-ratio: 1 / 0.025;
    }

    .item_extDetContent_details_calendar_timeline_year {
        font-size: 2.5cqw;
    }

    .item_extDetContent_details_calendar_timeline_line {
        position: absolute;
        left: 0%;
        width: 100cqw;
        height: auto;
        aspect-ratio: 1 / 0.01;
        margin-top: 5.5%;

        background-color: #bbbbbb;
    }


    .item_extDetContent_details_calendar_timeline_barYear {
        width: 3px;
        height: auto;
        aspect-ratio: 1 / 12;
        margin-top: 0.6%;
        border-radius: 50cqw;
    }

    .item_extDetContent_details_calendar_timeline_barMonth {
        width: 1px;
        aspect-ratio: 1 / 24;
        margin-top: 2.55%;
        border-radius: 50cqw;
    }

    .item_extDetContent_details_calendar_timeline_highlight {
        width: 1px;
        height: 25%;
        margin-top: 2.55%;
        border-radius: 50cqw;
    }

    .item_extDetContent_details_calendar_timeline_range {
        width: 1px;
        height: 30%;
        margin-top: 7%;
        font-size: 10px;
    }

    .item_extDetContent_details_calendar_yearHeader {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.05;
        border-style: solid;
        border-width: 0.1vw;
        border-color: lightgrey;
        border-radius: .1cqw;
    }

    .item_extDetContent_details_calendar_yearHeaderText {
        font-family: LTWave;
        font-size: 4cqw;
    }

    .item_extDetContent_details_detailHeader {
        width: 100%;
    }

    .item_extDetContent_details_specification_container_new {
        margin-top: 7%;
        margin-bottom: 7%;
        width: 100%;
    }

    .item_extDetContent_details_specification_icon_new {
        width: 7%;
        aspect-ratio: 1 / 0.75;
        background-size: 100% 100%;
        float: left;

        background-image: url(/common_res/item_specs/aspectratio_43.svg);
    }

    .item_extDetContent_details_specification_text_new {
        width: 80%;
        height: auto;
        aspect-ratio: 1 / 0.06;
        margin-left: 2%;
        margin-top: 1%;
        font-family: LTWave;
        font-size: 16px;
        float: left;

        color: #777777;
    }

    .item_extDetContent_media_container {
        width: 100%;
        height: auto;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

    .item_extDetContent_media_videoTextContainer {
        container-type: inline-size;
        width: 75cqw;
        height: 100%;
        z-index: 8;
        pointer-events: none;
    }

    .item_extDetContent_media_videoText {
        font-size: 6cqw;
    }

    .item_extDetContent_media_screenshots_list_item {
        container-type: inline-size;
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.2;
        display: flex;
        align-items: center;
        border-width: 0.1vw;
        border-style: solid;
        border-color: white;
        cursor: pointer;
        transition-duration: 0.5s;
        transition-timing-function: linear;
        
        background: linear-gradient(to top, #e6f8fc, #ffffff);
    }

    .item_extDetContent_media_screenshots_list_item:hover {
        border-color: rgb(194, 194, 194);
    }

    .item_extDetContent_media_screenshots_list_item.active {
        container-type: inline-size;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.15;
        display: flex;
        align-items: center;
        border-width: 0.1vw;
        border-style: solid;
        border-color: #000000;
        color: #ffffff;

        background: linear-gradient(to bottom, #585858, #000000);
    }

    .item_extDetContent_media_screenshots_list_item_shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        transition-duration: 0.5s;
        transition-timing-function: linear;
        z-index: 7;

        opacity: 1;
        background: linear-gradient(to bottom, #ffffff, #f3f3f3);
    }

    .item_extDetContent_media_screenshots_list_item_shadow:hover {
        opacity: 0;
    }

    .item_extDetContent_media_screenshots_list_item_shadow.active {
        opacity: 0;
    }

    .item_extDetContent_media_screenshots_list_item_Text {
        width: 90%;
        margin-left: 5%;
        font-family: LTWave;
        font-size: 8cqw;
        z-index: 8;
        pointer-events: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .item_extDetContent_releases_release {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.11;
    }

    .item_extDetContent_releases_releaseText {
        margin-left: 2.5%;
        font-size: 5cqw;
        margin-top: 1.25cqh;
    }

    .item_extDetContent_releases_releaseSubText {
        font-size: 3cqw;
        margin-left: 2%;
        margin-top: 2cqh;
        margin-right: 5%;
    }

    .item_extDetContent_releases_releaseContent {
        width: 100%;
        height: auto;
        margin-left: 0%;
        margin-bottom: 5%;
        border-style: solid;
        border-width: 0.1vw;
        border-color: lightgrey;

        background: linear-gradient(to top, #00000000, lightgrey)
    }

    .item_extDetContent_releases_thumbnail {
        width: 30%;
        height: auto;
        margin-top: 2%;
        margin-left: 5%;
        margin-bottom: 2%;
    }

    .item_extDetContent_releases_top {
        container-type: inline-size;
        width: 55%;
        height: auto;
        margin-top: 2%;
        margin-right: 5%;
        margin-bottom: 2%;
        float: right;
    }

    .item_extDetContent_releasesTitle {
        width: 100%;
        height: 0px;
        font-size: 0cqw;
        font-family: LTWave;
        visibility: collapse;
    }

    .item_extDetContent_releasesText {
        width: auto;
        height: auto;
        font-size: 6cqw;
        font-family: LTWave;
        z-index: 5;

        color: #707070;
    }

    .item_extDetContent_releasesBttmHeader {
        width: 100%;
        height: auto;
        font-size: 5cqw;
        font-family: LTWave;

        color: #707070;
    }

    .item_extDetContent_releasesScanContainer {
        width: 25%;
        height: auto;
        aspect-ratio: 1 / 1.2;
        opacity: 1;
    }

    .item_extDetContent_releasesScanContainer_name {
        margin: 5%;
        font-size: 4cqw;
    }

    img.contact {
        width: 90%;
        margin-top: 20vh;
        margin-bottom: 1vh;
    }

    .contact_LargeTextContainer {
        aspect-ratio: 1 / 0.1;
    }

    .contact_LargeText {
        font-size: 5.5cqw;
    }

    .contact_SmallTextContainer {
        aspect-ratio: 1 / 0.1;
    }

    .contact_SmallText {
        font-size: 3.7cqw;
    }

}