*{box-sizing:border-box}body{font-family:"Open Sans",sans-serif}.controller-switch.action-index{text-align:center}.controller-switch.action-index h2{margin-bottom:3em}.actions{padding-top:4em}a{color:#028940}.notice{background-color:#f0f0f0;padding:1em;border:1px solid #ccc;border-radius:5px;margin-top:2em}.alert{background-color:#f8d7da;padding:1em;border:1px solid #f5c6cb;border-radius:5px;margin-top:2em}#login{max-width:400px;margin:0 auto;padding:2em;border:1px solid #ccc;border-radius:0px;margin-top:4em}#login h2{text-align:center;margin-bottom:1em}#login input{width:100%;padding:1em;border:1px solid #ccc;margin-bottom:1em;border-radius:0}#login label{display:block;margin-top:1em;font-weight:bold}#login input[type=checkbox]{display:inline;width:auto}#login input[type=checkbox]+label{display:inline-block;font-weight:normal}#login input[type=submit]{background-color:#028940;color:#fff;border:none;padding:1em;width:100%;cursor:pointer}#login input[type=submit]:hover{background-color:#026c36}.switch{display:block;background-color:#000;width:150px;height:195px;box-shadow:0 0 10px 2px rgba(0,0,0,.2),0 0 1px 2px #000,inset 0 2px 2px -2px #fff,inset 0 0 2px 15px #47434c,inset 0 0 2px 22px #000;border-radius:5px;padding:20px;perspective:700px;text-align:left;margin:0 auto}.switch input{display:none}.switch input:checked+.button{transform:translateZ(20px) rotateX(25deg);box-shadow:0 -10px 20px #ff1818}.switch input:checked+.button .light{animation:flicker .2s infinite .3s}.switch input:checked+.button .shine{opacity:1}.switch input:checked+.button .shadow{opacity:0}.switch .button{display:block;transition:all .3s cubic-bezier(1, 0, 1, 1);transform-origin:center center -20px;transform:translateZ(20px) rotateX(-25deg);transform-style:preserve-3d;background-color:#9b0621;height:100%;position:relative;cursor:pointer;background:linear-gradient(#980000 0%, #6f0000 30%, #6f0000 70%, #980000 100%);background-repeat:no-repeat}.switch .button::before{content:"";background:linear-gradient(rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.3) 30%, #650000 75%, #320000) 50% 50%/97% 97%,#b10000;background-repeat:no-repeat;width:100%;height:50px;transform-origin:top;transform:rotateX(-90deg);position:absolute;top:0}.switch .button::after{content:"";background-image:linear-gradient(#650000, #320000);width:100%;height:50px;transform-origin:top;transform:translateY(50px) rotateX(-90deg);position:absolute;bottom:0;box-shadow:0 50px 8px 0px #000,0 80px 20px 0px rgba(0,0,0,.5)}.switch .light{opacity:0;animation:light-off 1s;position:absolute;width:100%;height:100%;background-image:radial-gradient(#ffc97e, #ff1818 40%, transparent 70%)}.switch .dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(transparent 30%, rgba(101, 0, 0, 0.7) 70%);background-size:10px 10px}.switch .characters{position:absolute;width:100%;height:100%;background:linear-gradient(white, white) 50% 20%/5% 20%,radial-gradient(circle, transparent 50%, white 52%, white 70%, transparent 72%) 50% 80%/33% 25%;background-repeat:no-repeat}.switch .shine{transition:all .3s cubic-bezier(1, 0, 1, 1);opacity:.3;position:absolute;width:100%;height:100%;background:linear-gradient(white, transparent 3%) 50% 50%/97% 97%,linear-gradient(rgba(255, 255, 255, 0.5), transparent 50%, transparent 80%, rgba(255, 255, 255, 0.5)) 50% 50%/97% 97%;background-repeat:no-repeat}.switch .shadow{transition:all .3s cubic-bezier(1, 0, 1, 1);opacity:1;position:absolute;width:100%;height:100%;background:linear-gradient(transparent 70%, rgba(0, 0, 0, 0.8));background-repeat:no-repeat}@keyframes flicker{0%{opacity:1}80%{opacity:.8}100%{opacity:1}}@keyframes light-off{0%{opacity:0}80%{opacity:0}}