div.videoframe { max-height: 440px; overflow: hidden; }
video { max-width: 100%; max-height: 25em; }
video[poster] { width: 100%; }
ul.features { list-style-type: none; }
ul.features.all li::marker { content: "\2605   "; }
ul.features.svr li::marker { content: "⚡ "; }
ul.features.svr li.vrcontrollers::marker { content: "🎮 "; }
ul.features.svr li.vrcontrollers li.plus::marker { content: "➕ "; }
ul.features.svr li.vrcontrollers li.minus::marker { content: "➖ "; }
ul.features.svr li.vrcontrollers li.minus { color: indianred; }
ul.features.svr li.vrcontrollers .badge {
        font-size: 10px;
}

ul.features.svr li>* {
        vertical-align: text-bottom;
}
ul.features.svr li.hasmanual::marker {
    content: "directions_run ";
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    font-family: 'Material Icons';
    font-size: 20px;
    line-height: 20px;
}

ul.features.svr li.frspace::marker {
    content: "grid_4x4 ";
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    font-family: 'Material Icons';
    font-size: 20px;
    line-height: 20px;
}
ul.features li:empty { display: none; }
ul.lang {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
}
.discounted:after {
    position: absolute;
    content: '';
    height: 10px;
    margin-top: 8px;
    margin-left: -17px;
    border-right: 4px solid white;
    transform: skew(71deg);
}
div.mainbar {
        min-height: 100%;
}
div.options .panel-heading {
    background-color: #239ad3;
    border-color: #78aee1;
    color: white;
}
div.options .panel-body {
    background-color: #73a3d4;
    color: white;
}
div.options .panel-footer {
    box-shadow: 0 3px 0 rgba(0,0,0, .3);
    background: rgba(247, 230, 210, 0.87);
}

div.options button {
        white-space: normal;
}

div.game>div.row>span>div.row>span>a {
        display: table-cell;
}
div.game>div.row>span>div.row>span img {
        height: auto;
        max-width: 100%;
}
@media all and (orientation: portrait) {
        div.game>div.row>span>div.row>span img {
                height: auto;
        }
}

@media all and (orientation: landscape) {
        .imgsHolder>span {
                transition: all 0.5s;
        }
        .imgsHolder>span:hover {
            transform: scale(1.05);
            border-radius: 4px;
        }
}
.priceClrfctn {
   color: antiquewhite;
   font-style: italic;
   opacity: 0.75;
}
.costView {
        background: rgba(255, 255, 255, 0.12);
        border-radius: 8px;
        height: 100%;
        text-align: center;
}
.imgsHolder {
        overflow-y: hidden;
        overflow-x: hidden;
}
.originalRate {
        color: rgba(255, 101, 0, 1);
        font-size: 0.8em;
}
.discounted.originalRate {
        opacity: 0.6;
}
.fairRate {
        color: rgba(58, 255, 189, 1);
        font-style: italic;
        text-decoration: underline;
}
#updates:empty {
        display: none !important;
}
#updates {
    max-height: 200px;
    overflow-y: auto;
}
#updates:empty {
    display: none;
}
#accordionUpdates>* {
        color: white;
        background: transparent;
        border: 0px;
}
#accordionUpdates .accordion-button {
        background: transparent;
        color: white;
}
#accordionUpdates .accordion-button .date {
color: gray;
    font-style: italic;
    font-size: 14px;
    margin-left: 1em;
}
#accordionUpdates .accordion-button:focus {
        box-shadow: none !important;
}
.features .langssubs[data-langs-expand="true"] {
    max-height: 85px;
    overflow-y: hidden;
    overflow-x: hidden;
}
[data-langs-expand="true"] button {
    background: rgba(58, 223, 255, 1);
    border: 0px;
    font-size: 12px;
    padding: 0px 8px;
}

[data-rating="none"] { display: none !important; }
#ratingHolder {
    background: rgba(255, 255, 255, 0.12) !important;
    padding: 0px 14px;
    width: 96px;
    border-radius: 12px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
}
#rating {
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    height: 20px;
    font-size: 14px;
    width: fit-content;
}
#rating::before {
    position: absolute;
    font-family: "Material Icons";
    content: "\e838\e838\e838\e838\e838";
    opacity: 0.25;
}
#rating:after {
    display: inline;
    width: calc(70px* calc(var(--rating) / 100));
    position: absolute;
    font-family: "Material Icons";
    content: "\e838\e838\e838\e838\e838";
    overflow: hidden;
}
#check_also {
        height: 100%;align-items: center;background: rgba(255, 255, 255, 0.01);box-shadow: inset 0px 0px 33px rgba(209, 189, 255, 0.33);border-radius: 18px;padding: 10px 0px;color: white;
}
#check_also .card {
    background: rgba(255, 255, 255, 0.24);text-decoration: none;color: white;border: 0px;margin-bottom: 0px;
}
[data-server-type="3"]:after {
    content: "Optional";
    font-size: 11px;
    margin-left: 4px;
    font-style: italic;
    color: lightgray;
    text-decoration: none;
}
body:not(.licensed) #ratingholder {
        display: none !important;
}
#ratingholder>div {
        padding:6px 20px 8px 20px !important;background: rgba(255, 255, 255, 0.12);border-radius: 8px;text-align: center;
}
#ratingholder button {
        background: rgba(255, 255, 255, 0.12);
    color: white;
}
#ratingholder button.btn-selected {
        background: rgba(255, 255, 255, 0.24);
        border: 1px solid white;
}

body.game .bt2-11:after { content: " / Lifetime License"; margin-left: 6px; }
body.game.hardware .nohwd { display: none; }
body.game:not(.hardware) .hwdonly { display: none; }
select[onchange^="app.recalcFromCache"] {
        background: transparent;
        color: white;
}
select[onchange^="app.recalcFromCache"] option {
        color: black;
}