.psvr-steam-drop/* ANIMATIONS */

#arrow-down-icon {
	-webkit-animation-name: pulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

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

#arrow-down-icon:hover {
	-webkit-animation: none;
    animation: none;
}

/* header, */
/* .btn, */
.thumb-16-9 img, 
.view-icon, 
.view-360-icon,
.platform-select li,
#social-list li {
  transition: 0.3s all linear;
}

.btn:hover {
    background: url(../img/btn-outline.svg) 0 0 / 100% 100% no-repeat;
	color: var(--red);
}

.btn-drawer:hover {
	color: var(--red);
}

.psvr-steam-drop:hover{
    background: url(../img/button-drawer-ps-steam-meta-reverse.svg) 0 0 / 100% 100% no-repeat;
}

.ps5-pro-steam-drop:hover{
    background: url(../img/button-drawer-ps5-pro-steam-reverse.svg) 0 0 / 100% 100% no-repeat;
}

.epic-drop:hover{
    background: url(../img/button-drawer-epic-reverse.svg) 0 0 / 100% 100% no-repeat;
}

.meta-drop:hover{
    background: url(../img/button-drawer-meta-reverse.svg) 0 0 / 100% 100% no-repeat;
}

.btn-alt:hover {
	background: url(../img/btn-alt-outline.svg) 0 0 / 100% 100% no-repeat;
	color: var(--yellow);
}

.btn-outline:hover {
	background: url(../img/btn-filled.svg) 0 0 / 100% 100% no-repeat;
	color: #000;
}

.btn-outline-wide:hover {
    background: url(../img/btn-filled-wide.svg) 0 0 / 100% 100% no-repeat;
	color: #000;
}

.btn-alt-wide:hover {
	background: url(../img/btn-alt-filled-wide.svg) 0 0 / 100% 100% no-repeat;
	color: #000;
}

.btn-outline-wide-white:hover {
    background: url(../img/btn-outline-wide-white-hover.svg) 0 0 / 100% 100% no-repeat;
	color: #000;
}

.thumb-16-9:hover img {
	opacity: .2;
}

.thumb-16-9:hover .play-icon {
	background: url(../img/play-btn-red.svg) 0 0 / contain no-repeat;
}

.thumb-16-9:hover .view-icon, .thumb-16-9:hover .view-360-icon {
	opacity: 1;
}

.thumb-16-9:hover {
	background: url(../img/thumb-xl-overlay.svg) 0 0 / contain no-repeat;
}

.view-icon {
    width: 130px;
    height: 130px;
    background: url(../img/view-btn-red.svg) 0 0 / contain no-repeat;
    position: absolute;
	opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.view-360-icon {
    width: 130px;
    height: 130px;
    background: url(../img/view-360-btn-red.svg) 0 0 / contain no-repeat;
    position: absolute;
	opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#standard .platform-select li:hover {
	background: url(../img/thumb-rect-simple-filled.svg);
}

#deluxe .platform-select li:hover {
	background: url(../img/thumb-rect-simple-filled.svg);
}

#standard .platform-select li:hover span,
#deluxe .platform-select li:hover span {
	color: #000;
}

#standard .platform-select li:hover .quest-3-icon-1,
#standard .platform-select li:hover .psvr-buy-icon-1,
#standard .platform-select li:hover .steam-buy-icon-1,
#deluxe .platform-select li:hover .quest-3-icon-2,
#deluxe .platform-select li:hover .psvr-buy-icon-2,
#deluxe .platform-select li:hover .steam-buy-icon-2,
#standard .platform-select li:hover .steampc-buy-icon,
#standard .platform-select li:hover .ps5-buy-icon,
#standard .platform-select li:hover .epic-store-buy-icon-1,
#standard .platform-select li:hover .epic-store-buy-icon-2,
#standard .platform-select li:hover .xbox-buy-icon,
#deluxe .platform-select li:hover .steampc-buy-icon,
#deluxe .platform-select li:hover .ps5-buy-icon,
#deluxe .platform-select li:hover .epic-store-buy-icon-1,
#deluxe .platform-select li:hover .epic-store-buy-icon-2,
#deluxe .platform-select li:hover .xbox-buy-icon{
	fill: #000;
}

.sticky {
  	position: fixed;
  	animation-name: slide-dn;
  	animation-duration: .5s;
  	animation-timing-function: ease;
  	animation-iteration-count: 1;
  	animation-fill-mode: forwards;
  	/* transform: translate(0, -20px) */
}

@keyframes slide-dn {
  0% {
    transform: translate(0, -120px);
    opacity: 0.1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

#social-list li:hover {
	background: url(../img/thumbnail-social-fill.svg) 0 0 / contain no-repeat;
}

#social-list li:hover span {
	color: #000;
}

#social-list li:hover svg {
	fill:#000;
}

@media (max-width: 1600px) {

    .btn-outline-wide:hover {
        background-image: url(../img/btn-filled-wide-med.svg);
    }
    
    .btn-alt-wide:hover {
        background-image: url(../img/btn-alt-filled-wide-med.svg);
    }
	
	.psvr-steam-drop:hover{
    	background: url(../img/button-drawer-ps-steam-meta-med-reverse.svg) 0 0 / 100% 100% no-repeat;
	}

	.meta-drop:hover{
    	background: url(../img/button-drawer-meta-med-reverse.svg) 0 0 / 100% 100% no-repeat;
	}

}