N64 Overrides for GC

/*Start N64 Styling*/
.controller.gc
 {
    background: url(n64-assets/base.svgz);
    height: 851px;
    width: 810px;
}

.gc
 .bumpers{
    position: absolute;
    height: 100px;
    width: 664px;
    top: 140px;
    left: 73px
}

.gc
 .bumper{
    background: url(n64-assets/buttons.svgz);
    height: 68px;
    width: 174px;
    display: block;
    position: absolute;
}

.gc
 .bumper.right{
    right: 0;
    transform: rotateY(180deg);
}

.gc
 .triggers{
    position: absolute;
    left: 379px;
}

.gc
 .trigger.left{
    width: 52px;
    height: 88px;
    background: url(n64-assets/buttons.svgz);
    display: block;
    background-position-y: -72px;
}

.gc
 .dpad{
    width: 150px;
    height: 150px;
    /*     background: #FF00008F; */
    position: absolute;
    top: 281px;
    left: 106px;
}

.gc
 .dpad .face{
    background: url(n64-assets/buttons.svgz);
    height: 64px;
    width: 44px;
    background-position-y: -164px;
    display: block;
    position: absolute
}

.gc
 .dpad .face.up{
    left: 32px
}


.gc
 .dpad .face.down{
    transform: rotate(180deg);
    left: 32px;
    top: 65px
}

.gc
 .dpad .face.left{
    transform: rotate(-90deg);
    top: 33px
}

.gc
 .dpad .face.right{
    transform: rotate(90deg);
    top: 33px;
    left: 64px;
}

/* We're using the node used for a controller's system button here */
.gc
 .meta{
    background: url(n64-assets/buttons.svgz);
    width: 55px;
    height: 55px;
    background-position-y: -282px;
    position: absolute;
    left: 377px;
    top: 344px
}

.gc
 .abxy{
    position: absolute;
    top: 245px;
    left: 609px
}

.gc
 .abxy .button{
    background: url(n64-assets/buttons.svgz);
    width: 47px;
    height: 47px;
    background-position-y: -231px;
    display: block;
    position: absolute;
}

.gc
 .abxy .button.a{
    left: 45px
}

.gc
 .abxy .button.b{
    left: 44px;
    top: 92px;
    transform: rotate(180deg);
}

.gc
 .abxy .button.x{
    top: 45px;
    left: -2px;
    transform: rotate(-90deg)
}

.gc
 .abxy .button.y{
    left: 91px;
    top: 46px;
    transform: rotate(90deg);
}

.gc
 .arrows{
    position: absolute;
    top: 335px;
    left: 529px
}

.gc
 .back, .gc
 .start{
    background: url(n64-assets/buttons.svgz);
    width: 61px;
    height: 61px;
    background-position-y: -341px;
    display: block;
    position: relative;
}

.gc
 .start{
    background-position-y: -405px;
    top: -5px;
    left: 56px
}

.gc
 .sticks{
    position: absolute;
    top: 469px;
    left: 346px;
}

.gc
 .stick.left{
    background: url(n64-assets/buttons.svgz);
    width: 73px;
    height: 73px;
    display: block;
    background-position-y: 73px
}
.gc
 .stick.right{
    display: none;
}

.gc
 .button,
.gc
 .face,
.gc
 .meta,
.gc
 .bumper,
.gc
 .trigger,
.gc
 .arrows *{
    opacity: 0
}

.gc
 .pressed{
    opacity: 1
}