index.css

@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family:"Final Fantasy Script Collection - Final Fantasy VII";
  src:url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Final_Fantasy_VII.eot") format("eot"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Final_Fantasy_VII.woff") format("woff"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Final_Fantasy_VII.ttf") format("truetype"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Final_Fantasy_VII.svg#FinalFantasyVII") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Pixel Cyr Normal";
  src:url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/pixcyr2.eot") format("eot"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/pixcyr2.woff") format("woff"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/pixcyr2.ttf") format("truetype"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/pixcyr2.svg#PixelCyr-Normal") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Play";
  src:url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Play-Regular.eot") format("eot"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Play-Regular.woff") format("woff"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Play-Regular.ttf") format("truetype"),
      url("https://cdn.jsdelivr.net/gh/98mprice/PSone.css@master/fonts/Play-Regular.svg#Play") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'RationalTWDisplay';
  src:url('./fonts/RationalTWDisplay.eot');
  src:url('./fonts/RationalTWDisplay.eot?#iefix') format('embedded-opentype'),
      url('./fonts/RationalTWDisplay.woff2') format('woff2'),
      url('./fonts/RationalTWDisplay.woff') format('woff'),
      url('./fonts/RationalTWDisplay.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

	@font-face {
font-family: "Comic Sans MS", "Comic Sans", cursive;
	}
	
body {
  font-family:"Final Fantasy Script Collection - Final Fantasy VII";
  font-size: 40px;
  background-color: black;
  color: white;
  font-smooth: never;
  -webkit-font-smoothing : none;
  line-height: 20px;
}
*:focus {
  outline: none;
}
.btn {
  cursor: pointer;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 2px black;
  /* Lots of padding, rectangle, rounded corners */
  padding: 0 4rem 0 4rem;
  background: -webkit-linear-gradient(left, transparent, #AEAFAE, transparent);
  border: 0px;
  border-bottom: 3px solid;
  -o-border-image: linear-gradient(to right, transparent , rgba(255, 255, 255, 0.2), transparent);
     border-image: linear-gradient(to right, transparent , rgba(255, 255, 255, 0.2), transparent);
  border-image-slice: 1;
  border-top: 3px solid;
}
.btn:hover {
  background: -webkit-linear-gradient(left, transparent, lightgrey, transparent);
}
.btn.error {
  background: -webkit-linear-gradient(left, transparent, #B62F28, transparent);
}
.btn.error:hover {
  background: -webkit-linear-gradient(left, transparent, #E93F36, transparent);
}
.btn.warning {
  background: -webkit-linear-gradient(left, transparent, #F19C42, transparent);
}
.btn.warning:hover {
  background: -webkit-linear-gradient(left, transparent, #ffb544, transparent);
}
.btn.success {
  background: -webkit-linear-gradient(left, transparent, #4EA35B, transparent);
}
.btn.success:hover {
  background: -webkit-linear-gradient(left, transparent, #5dc66d, transparent);
}
.btn.primary {
  background: -webkit-linear-gradient(left, transparent, #3E8CA5, transparent);
}
.btn.primary:hover {
  background: -webkit-linear-gradient(left, transparent, #49a7c6, transparent);
}
.btn.alternative {
  -o-border-image: linear-gradient(to right, transparent , #E84437, #F4F251, transparent);
     border-image: linear-gradient(to right, transparent , #E84437, #F4F251, transparent);
  background: -webkit-linear-gradient(left, transparent, #79F372, transparent);
}
.btn.alternative:hover {
  -o-border-image: linear-gradient(to right, transparent , #6CB064, #DC4387, transparent);
     border-image: linear-gradient(to right, transparent , #6CB064, #DC4387, transparent);
  background: -webkit-linear-gradient(left, transparent, #77F9FB, transparent);
}
button:disabled,
button[disabled]{
    color:  #AEAFAE;
    pointer-events:none;
     background: -webkit-linear-gradient(left, transparent, #484a48, transparent);
  
}
.container:not(:last-child) {
  margin-bottom: 1rem;
}
.container {
  position: relative;
  background-image: linear-gradient(#0D2289, #06093B);
  border: 1px solid #c6c6c6;
  border-radius: 8px;
  box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.field {
  margin: 0 1rem 0 1rem;
  z-index: 2;
}
.field:last-child {
  margin-bottom: 1rem;
}
.input {
  border: 0px;
  width: 100%;
  padding-bottom: 0.5rem;
  font-family:"Final Fantasy Script Collection - Final Fantasy VII";
  font-size: 40px;
  background-color: transparent;
  background: linear-gradient(to right, white 0%, white 50%, transparent 50%, transparent 100%) repeat-x left bottom;
  background-size: 30px 2px;
  color: white;
}
:-ms-input-placeholder {
  color: #C6C843;
}
::-ms-input-placeholder {
  color: #C6C843;
}
::placeholder {
  color: #C6C843;
}
input:disabled,
input[disabled]{
   
    pointer-events:none;
  
}
input:disabled::-webkit-input-placeholder { 
     color:  #AEAFAE;
}
input:disabled:-moz-placeholder { 
    color:  #AEAFAE;
}
input:disabled::-moz-placeholder { 
     color:  #AEAFAE;
}
input:disabled:-ms-input-placeholder {
    color:  #AEAFAE;
}
.container.dark {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.container.light {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.2);
}
.container:before{
  position:absolute;
  display:border;
  content:'';
  border:2px solid white;
  border-radius: 7px;
  height:100%;
  width:100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 0;
}
.title {
  text-transform: uppercase;
  color: #AAA9AF;
  -webkit-transform: scale(1, 0.5);
  color: lightgrey;
  text-shadow: 4px 4px black;
  font-size: 50px;
  line-height: 4px;
  margin-left: 10px;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
p {
  padding: 0rem 1rem 1rem 1rem;
  margin: 0;
  line-height: 80%;
  text-shadow: 2px 2px black;
}
.progress {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px;
  position: relative;
  margin-bottom: 1rem;
  height: 12px;
}
.progress > .box {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 50%;
  left: 4%;
  width: 45px; height: 12px;
}
.progress > .subtitle {
  position: absolute;
  top: 50%;
  left: 6%;
  font-family:"Pixel Cyr Normal";
  background-color: rgba(0, 0, 0, 0.4);
  height: 20px;
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  line-height: 20px;
  -webkit-transform: scale(1.6, 0.8);
}
.progress > .bar {
  background-image: linear-gradient(to right, #2C6776, #4EA35B);
  height: 12px;
}
.progress.primary > .bar {
  background-image: linear-gradient(to right, #3E8CA5, #49a7c6);
  height: 12px;
}
.progress.success > .bar {
  background-image: linear-gradient(to right, #4EA35B, #5dc66d);
  height: 12px;
}
.progress.warning > .bar {
  background-image: linear-gradient(to right, #F19C42, #ffb544);
  height: 12px;
}
.progress.error > .bar {
  background-image: linear-gradient(to right, #B62F28, #E93F36);
  height: 12px;
}
.progress.error > .bar {
  background-image: linear-gradient(to right, #B62F28, #E93F36);
  height: 12px;
}
.progress.error > .bar {
  background-image: linear-gradient(to right, #B62F28, #E93F36);
  height: 12px;
}
.progress.indeterminate > .bar {
  position: absolute;
  background-image: linear-gradient(to right, #2C6776, #4EA35B);
  width: 0%;
  height: 12px;
  left: 0%;
  top: 3px;
  animation: indeterminate 1.200s ease infinite;
}

@keyframes indeterminate {
  0% {
    width: 30%;
    left: -.5%;
  }
  60% {
    left: 40%;
    width: 60%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}

@media only screen and (min-width: 600px) {
  body {
    margin: 0 10rem 0 10rem;
  }
}
a {
  color: yellow;
  text-decoration: none;
}
.icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.icon.ddr1 {
  background-image: url('data:image/gif;base64,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')
}
.icon.ddr2 {
  background-image: url('data:image/gif;base64,R0lGODlhKQApAIZ/AAkIE+53AKB4d4iTj/SCAPjTwo16h7RCABhJYPe6pfiTKwuAaa2BfNx2AfGNkPBBadtWAVltecWzrq+xpgoMI9mcjeNvKxJhZOFhAJs4AotweTVbbnZrdXiHjfe7tZldN7ORn/ezmxpLp3suAvjLud2jlvOsldrHu/ebUDVUll5ik8dKAObJvOKpl/aqq/KkhXNqjPikaU8sNwsxevJuhQ5An4hBN/bKvvJOcwkkWlZdjcyUh0FWcnE3NVZnpzMjMeZqADYUBbmJgqihkyhSqvF9AGtQVrqTjvSJHvjDr3hdaqCJmQ06j8yMcUMZBffEu085QcVsfOluACEZJu7SxPjItIOsmOZsCu/OwMhXAPjGsnKkkjIzTu68qvR3IAgbRHdABOrPwfJidlpFUZJRN8eel518iU+Zg9J5ht+7r0+Pd1cgBPWbofdYf9NPAOawn9xbEPi2jpptXbacn7K+rOiARcOOheCroYB7pBBIsPiwmNhQAPjYyPiIAAAACP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFFAB/ACwAAAAAKQApAAAH/wCCg4MyPT02Nh+Li4mONmQfZImHP4SDfgB+m5yZGQcrexAEfaUEEHupqQF9AakHByOdnZqznqCipKaoqnusrnuwsraZxACfoaOlfae9vq2vscTFnU4jI0ANAQFFpQEYGNviAUAYQNsQK7EjQbO1nGuw3culUrn0fRh7GKX66gftaHEKEmRElizb5nkDN25bOSn1MECAFZBTrWMH+DUDgo8ZL1Ws8AFz4m4TRo2oOOJr1iskvZElM4HiuLFjq4a6XqbKMGKNRZOhaKa0SVRktGHUAGTBIGUbQ5sNA+RcVgScOqQXG/Sxp8wmS5BF9WX4mUkr16n0vq4Ku2esSZNaCf9sg8qw4UN6VSW2JQtAa9Gt9+jp47cM2E6+2qYiUcBYgRcLFrxI9sIYsoXGCpCAQ+U2aVB6KPSIHm0Cx4MHYkarFh2j3963mT4vC7269OnUq0e3zvc6aTgpGK6giBGHhPHjHkw/oHG8eQI9JmLE0MCDC2LAcF7oScKnu/cbyml4H/98tI88M67by759fHfwp8W751Ne9Pn0sPv2uQIhu4kuYQQYBhV83NAGDjjIR4WAYSRgggn2oceXHAI08cILDDDAwQYcbjBAd0+EeEN3HXS4gQYM2BEhfklpIMAO0DEgQAQI1IjAh/PxQaONHAggxIp86aDCEtDtsAMHF1xQI47/3hWghRY7JmmAkUbex1cNeeCh2gALLLCkeySIRuMFXQ6hRwUCCJCChPlhiceDeoTApZc3ghlCCGOWGUIJaa7J4kVYqsCAEDcUYEWXX7pXQAF5LjBBAWn0yWZSOczAhRFGCGDGjl9wEUGGDEgwXqN08BGpmpMCMMWqKaTAgxFKDDFHBxFEwEEHBkgwxxEMaEFCd0N00MEWW5zAhwQccLAmEzloQsEUz87ABAJc8GDGENfKuoSmczAghx4J5NidBDzwIEIe6H6RyapTpMBEuTwsMce8ZswxRJpDCCGHCeGKS6656OahLrtTIMAEExukIAADR2Ar6xAQK2EEA2XkmEQCwXOIcG7A6l40w8cfyyEHqAxAPAQDsApwRI7PgRAwx0lhiS4RR1TwRhVVdOcBG2xE4TMaPD/BRwE4t1CBGR/LLHDMAYvgIowhFMCHA6e1YbVyLvARph5CCGDEJjPADGjTT8cpNdUPWH3gaVlv3fXXfoSdLjV+UEBB2DWsOrEQISSQgAeABw643y1kCMUUXxyMJRMUaPLOJjl80bgfUCwMIXcsn5nmD358wfE7l4AuyA8/wKpEsqijroQSY5AeuuOaBAIAIfkEBRQAfwAsAAAAACkAKQAAB/8UgoODMjI9NjZkix8fi4uJj5A9Mj8/hBR+AH6cnZ5rBwdue0B9pqYBe6p7GKYYeyuhQZ4Am563oKKkp6irrK6wsrS2t525o6W8qautfa+xB7OdtcWaIyMHDVIBAQR9BBjhQNzcUuHbQCsrGSNrnNTFABkHzbwEEKr1fcsB+6qhI94RexfEyYosGLjZAyKOXABzGIr0KRIuVkBNA/3kkihlDwRvvHoxCwksg0BcoTh6BBlyWT6SzvaYxIhrhRtvHT/CJOBQIslXB67BM7ayT06WMJMCg0Yh44hw5cIhPcWTnM+Q5iCEmpIRzDd8yZK6/CVWFddbXu/tUjpWX0uzXVH/BbhKlSGGceQg0oUIF61SU2rJiux36tWqs57AzA2poHFjC5AtePGCRAESyJUdX8GAbw9iojpPmdBDurQeBw8eODDNWoE/zxnXFBXNmjRq1bVLu172mZPiAOHqxIihhYTx4yTYpGaD3HgS0sOb8HjnV20dPSEK8NnOnY+L1C66bydhGkSeTHGtY9cu3jv49uRLm0dfHQ6EOqNZhNkfhrsLHDiEVwB/YbBgwmh6zKfJLVAIwMALL+zAgAA8bGBhBCxsV8ATT2gngYUXMsBACQmet6AnDTIw2g4CaIDAiwhscEJ7fEwAIwI8CCBABSXS5wkXKsDQgh4l7CDEBUjGOGN3/yRoMceLSEaww5Q7mGFiRjnkQQSJpLWwwAIXKCleAnocAeUCapAmhAAwXHlLlluOFoKXYIrZXQIhmInABWiGEMKabfrYSZYimDFiASx8GaaM4hVQgI17LnCGo0ew6aYnX8wwwxhGKGGGAEl+wYUBErQHKZ9nbFdpoJpM4eoPU3CRQgpKKKHBEEt00EEEHHAwxBB8FKCFFtqdoOsWW0yw3RIc6GAiBVM0BW2mM3DBgxG/zrGEAGbMMYQZfMRHAo3bdcBDCnnk0Gq0rnLBxAw88KDBHN0OoeMQ9IZ74Ljkmouuuq4GHCsTKVgIAwNy4JutvXykIWIa8CWQgA8iiJDuibGdUKspD3I4+OuvDJTRsI4QixefD3mkrC6WKacMQwUVJFGFdgWwYbMDUUThABvhhVtFFzCjrDLGnGTZsg4OjpYEHzfgkNoDbbSRGg3bkVmBjugOzfLRSeuxdNNPRz111XpcLUDWF7NcwxeCTPGDgxVI7MHcdNMtsYQGEEGExUw0RbQfOeTwBTEAaCDADuvRGB+gLedADCb0DeJ2p7ZqYMDlmGuggRJjjAFrLbVkIogfgQAAIfkEBRQAfwAsAAAAACkAKQAAB/8UgoODPz8yiD09Nowfjo9kjIxkH5E2ij+CfhR+nZ6fnQAZByt7EAR9qakYe617AX0BrQcHI6GcoLmipKaoqn2srrCye7S2fgC4uZ+7pae/wK6vsbO1t8ueTiMjQA0BAUWqRRgYUt/fQBhA3xArtSNTystrtOHQ1NOqrBire+4H8bAFCTIiS5Zv9sSRM3cunZRUUjBAoJVp2S5+BCDsAXKvn7B7xCrqGoVRI8eOwVrBghZSnicApDhm3NixT5FzAXz9ammxlEyTNYOqIibDZags5b6RW3nv5jmdCjEUtdigj5ReQlPm6wjFKLKqV58F1cr0XleqfQh8qzkuacNyv9r/TtVVVSi+svt2tpoLCoA3qEgUCBaMxIIFL4gFG7YwWAEScnyZ+fyFQo/ly5bFPBCDuXOMVGd1TVZVuXPmzaYvf+4Tui+GABGvoIgRh4Tt27ZpPKCB+3YCPSZixBDZF+weOC/0JOHDvDlz3TScN/99OSBdq8eTL5f+fDd3PtQtWy/e5woE5Ca6hFm/nspzHNH5UGEfJoEJE+K9ApAjoMmLFwwwwMEGBBLYAXM3PHEDcx0UuIEGDNiRn0UaCLADcAwIEAECHHIYwXcbdsiBAEJMqIsOKiwB3A47cHDBBR1+2FwBWmgR4osGsMhiMhbVkAcemA2wwAIxOkeCZRteMOQQ/3pUIIAAPOriIx736RGCkER6aGQIISS5ZAglPBllXz6qwIAQNxRgxZBFOldAAV4uMEEBaYgJgEU5zMCFEUaYwUCIXGjJXZx08FGnEclMoegPik7xQwop8MDnEBJ0YGkEEXQwBHMkaEECc0NYusUWJ/AhAQdc+KEoBYkCAMAUMzCBABdjDLGEAGbMMYQZzv2WwHfMScBDDpus2qiiM0TKAxdDDPHkEHPwOp0JvwIrLLHHKvoFh0xAugECAhzBALTOOlcGA2V8l0QCc4gwAzKgfDHDvPTOwN+4Q6Dr3BHhfvcbCHm861IOeRRsMBFHVPBGFVU09wQbbKARBRoQP8FHAZQMt1DBEgFvAgrBBhcsQoUXhlAAcy488AAObeCgsgt8HKmHEALA0PHAIYtMspUn85Hyyi2/HLNlNNsscCix+ljDF4QoasSZISQgtQdUV+2B1C0wYIAIeRCRB7G4JPNFwDncCQoUAjCAnx7VSvebk0YX/MUmhLDKySCKQgGFEhxoYMbfZiwhuOAGGMCBEmMYkkwynAQCADs=')
}
.icon.ddr3 {
  background-image: url('data:image/gif;base64,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')
}
.icon.clickable {
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
}
.icon.clickable:active {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.icon.start {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  position: relative;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 42px;
  height: 26px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.4px 0 13.4px 42px;
  border-color: transparent transparent transparent #3C3D3F;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.icon.start.start-label::before {
  font-size: .35em;
  content: 'START';
  position: absolute;
  top: 11px;
  left: -44px;
  padding: 0 0 0 0;
}
.icon.select {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  background-image: linear-gradient(#504f51, #3C3D3F);
  position: relative;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 42px;
  height: 26px;
  box-shadow: 0px 2px 5px black;
  border-radius: 4px;
}
.icon.select.select-label::before {
  font-size: .35em;
  content: 'SELECT';
  position: absolute;
  top: 23px;
  left: -6px;
}
.icon.arrow-left, .icon.arrow-up, .icon.arrow-down, .icon.arrow-right {
  background-image: linear-gradient(#504f51, #3C3D3F);
  position: relative;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 28.1px;
  box-shadow: 0px 2px 5px black;
}
.icon.arrow-left {
  margin-left: 16px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: linear-gradient(to right, #504f51, #3C3D3F);
}
.icon.arrow-right {
  margin-right: 16px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: linear-gradient(to left, #504f51, #3C3D3F);
}
.icon.arrow-up {
  margin-top: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.icon.arrow-down {
  margin-bottom: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.icon.arrow-left:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #504f51;
	border-width: 16px;
	margin-top: -16px;
}
.icon.arrow-right:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #504f51;
	border-width: 16px;
	margin-top: -16px;
}
.icon.arrow-up:after {
	bottom: 100%;
  left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #504f51;
	border-width: 14px;
  margin-left: -14px;
}
.icon.arrow-down:after {
	top: 100%;
  left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #3C3D3F;
	border-width: 14px;
  margin-left: -14px;
}
.icon.square {
  border-radius: 50px;
  padding: .201em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 1.1px;
}
.icon.square::before {
  content: '';
  position: absolute;
  border: 4px solid #D592BD;
  top: 9px;
  bottom: 9px;
  left: 9px;
  right: 9px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.icon.circle {
  border-radius: 50px;
  padding: .201em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 1.2px;
}
.icon.circle::before {
  content: '';
  position: absolute;
  border: 4px solid #E94B0E;
  border-radius: 50px;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.icon.x {
  border-radius: 50px;
  padding: .201em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 1.207387px;
}
.icon.x::before {
  content: '';
  position: absolute;
  border: 2px solid #9DA5D5;
  top: 21.4px;
  left: 5px;
  right: 5px;
  transform: rotate(45deg);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.icon.x::after {
  content: '';
  position: absolute;
  border: 2px solid #9DA5D5;
  top: 21.4px;
  left: 5px;
  right: 5px;
  transform: rotate(135deg);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.icon.triangle {
  border-radius: 50px;
  padding: .201em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 1.1px;
}
.icon.triangle::before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 0px;
  left: 5px;
  right: 5px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 19px;
  border-left-width: 19px;
  border-bottom: 30px solid #20AF93;
}
.icon.triangle::after {
  content: '';
  position: absolute;
  top: 12px;
  bottom: 0px;
  left: 12px;
  right: 0px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 12px;
  border-left-width: 12px;
  border-bottom: 19px solid #47484A;
}
.icon.l2, .icon.r2 {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  border-radius: 5px;
  padding: .2em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  border-radius: 5px 5px 50% 50%;
  height: 25px;
  width: 40px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icon.l2::after {
  font-size: .5em;
  content: 'L2';
  position: absolute;
  top: 0px;
  left: 5px;
  padding: .8em 0 0 .5em;
}
.icon.r2::after {
  font-size: .5em;
  content: 'R2';
  position: absolute;
  top: 0px;
  left: 5px;
  padding: .8em 0 0 .5em;
}
.icon.l1, .icon.r1 {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  border-radius: 5px;
  padding: .2em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  height: 20px;
  width: 40px;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icon.l1::after {
  font-size: .5em;
  content: 'L1';
  position: absolute;
  top: 0px;
  left: 5px;
  padding: .5em 0 0 .5em;
}
.icon.r1::after {
  font-size: .5em;
  content: 'R1';
  position: absolute;
  top: 0px;
  left: 5px;
  padding: .5em 0 0 .5em;
}
.icon.l3, .icon.r3 {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  border-radius: 50px;
  padding: .2em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  height: 54px;
  width: 54px;
  margin: 7px 0 7px 0;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icon.l3::before, .icon.r3::before {
  content: '';
  position: absolute;
  border: 2px solid #29292a;
  border-radius: 50px;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}
.icon.l3::after {
  font-size: .5em;
  content: 'L3';
  position: absolute;
  border-left: 4px solid #fefefe;
  border-radius: 50px;
  top: 8px;
  bottom: 8px;
  left: 7px;
  right: 0px;
  padding: 1em 0 0 .6em;
}
.icon.r3::after {
  font-size: .5em;
  content: 'R3';
  position: absolute;
  border-left: 4px solid #fefefe;
  border-radius: 50px;
  top: 8px;
  bottom: 8px;
  left: 7px;
  right: 0px;
  padding: 1em 0 0 .6em;
}
.icon.psone {
  font-family: 'RationalTWDisplay';
  font-style: normal;
  border-radius: 50px;
  padding: .2em;
  background-image: linear-gradient(#5f5e60, #3C3D3F);
  position: relative;
  will-change: box-shadow;
  box-shadow: 0px 2px 5px black;
  height: 32.1px;
  width: 32.1px;
  margin: 7px 0 7px 0;
  outline: 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icon.psone::after {
  font-size: .5em;
  content: '';
  background-image: url('psone.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 58%;
  height: 100%;
  top: 5px;
  left: 4px;
  padding: .9em 0 0 .6em;
}
.radio {
  z-index: 5;
}
/* HIDE RADIO */
[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + .option {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + .option > .click {
  visibility: visible;
}
.option {
  text-transform: uppercase;
  font-family:"Pixel Cyr Normal";
  text-shadow: 4px 4px black;
  font-size: 20px;
  position: relative;
  padding: 1rem;
}
.click {
  background: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  transform: translate(-20px, 25px);
  visibility:hidden
}
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
}
/*# sourceMappingURL=PSone.css.map */