h2#cardtitle{ font-size:22px; }
.dt-card{padding:15px;} svg.dt-svg-icon{height:15px;vertical-align:middle;width:15px;margin-right:.5rem}div.dt-alert{text-align:center;border:0;margin-top:10px;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}div.dt-alert-warning{background-color:rgba(255,168,0,.1);border-color:rgba(255,168,0,.1);color:#ffa800}div.dt-alert-warning svg.dt-svg-icon{fill:#ffa800}div.dt-alert-success{background-color:rgba(24,210,107,.1);border-color:rgba(24,210,107,.1);color:#18d26b}div.dt-alert-success svg.dt-svg-icon{fill:#18d26b}div#gamepad-container{max-width:800px;margin:0 auto}.controller.svelte-1xis06h.svelte-1xis06h{position:relative;width:100%}.controller.svelte-1xis06h>.svelte-1xis06h{position:absolute;display:block;appearance:none;border:none;padding:0;z-index:1}.pad.svelte-1xis06h.svelte-1xis06h{background-image:url(/wp-content/plugins/shortgames/template/gamepad-test/assets/img/xbox-controller.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:0;padding-top:56.2416%}.well.svelte-1xis06h.svelte-1xis06h{background:#0080ff;background-image:linear-gradient(25deg,#44494a,#555658 40%,#555658 60%,#44494a);left:25.9%;top:15.7%;width:11.2%;padding-top:11.2%;border-radius:100%;box-shadow:inset .05vw -.05vw .1vw .05vw rgba(0,0,0,.3),inset -.05vw .05vw .05vw .05vw rgba(255,255,255,.3)}.well.right.svelte-1xis06h.svelte-1xis06h{left:auto;right:34.1%;top:35.2%}.well.svelte-1xis06h.svelte-1xis06h::before{content:"";position:absolute;left:7%;top:8%;width:86%;height:84%;border-radius:100%;background-color:#0080ff;box-shadow:inset -.05vw .1vw .2vw .2vw #444547,inset 0vw -.1vw .1vw .1vw #18607c,inset 0 0 0 .2vw #444547,inset 0 0 .2vw .5vw #18607c,inset 0 0 2vw 1vw #18607c;z-index:0}.stick.svelte-1xis06h.svelte-1xis06h{position:absolute;left:11%;top:8%;background:url(/wp-content/plugins/shortgames/template/gamepad-test/assets/img/xbox-controller.jpg);width:78%;padding-top:78%;background-position:22.1% 19.8%;background-size:1000%;border-radius:100%;box-shadow:inset .5vw -.5vw 1vw .1vw rgba(0,0,0,.3),-.5vw 1vw 1vw rgba(0,0,0,.5),-1.2vw 2vw 2vw rgba(0,0,0,.6);transition:none;z-index:3}.stick.svelte-1xis06h.svelte-1xis06h:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#aaa;border-radius:100%;mix-blend-mode:overlay;box-shadow:inset 0 0 1vw 1vw rgb(255 255 255 / 0%),inset 0 0 .3vw .5vw #007efb80,0 0 .6vw .4vw #5ba4ea,0 0 1.2vw .4vw #46a3ffcc;transition:all 0.1s ease;opacity:0}.button.on.svelte-1xis06h.svelte-1xis06h,.dpad.on.svelte-1xis06h.svelte-1xis06h,.bumper.on.svelte-1xis06h.svelte-1xis06h,.stick.click.svelte-1xis06h.svelte-1xis06h:after{opacity:1}.button.svelte-1xis06h.svelte-1xis06h{width:4.9%;padding-top:4.9%;border-radius:100%;right:28%;top:29.2%;background:#5cff00;box-shadow:.1vw .2vw .4vw .3vw #5cff00,.1vw .3vw 2vw .5vw #5cff00;mix-blend-mode:overlay;transition:all 0.25s ease;z-index:2;opacity:0}.button.b.svelte-1xis06h.svelte-1xis06h{right:22.5%;top:22.1%;background:#f03;box-shadow:0vw 0vw .4vw .3vw #ff0033,.1vw .3vw 2vw .5vw #f03}.button.x.svelte-1xis06h.svelte-1xis06h{right:33.2%;top:21%;background:#0080ff;box-shadow:.1vw .2vw .4vw .3vw #0080ff,.1vw .3vw 2vw .5vw #0080ff}.button.y.svelte-1xis06h.svelte-1xis06h{right:27.6%;top:12.2%;background:#ffd600;box-shadow:0vw .1vw .4vw .3vw #ffd600,.1vw .3vw 2vw .5vw #ffd600}.button.map.svelte-1xis06h.svelte-1xis06h,.button.menu.svelte-1xis06h.svelte-1xis06h{left:43.4%;top:22.5%;width:2.9%;padding-top:2.8%;background:#fff;box-shadow:inset 0 0 .5vw .2vw #0080ff,0 .1vw .3vw .4vw #0080ff,0 .1vw 1.5vw .7vw #0080ff,0 .1vw .2vw .1vw #0080ff}.button.menu.svelte-1xis06h.svelte-1xis06h{left:54.3%}.button.xbox.svelte-1xis06h.svelte-1xis06h{left:47.6%;top:7.7%;width:4.8%;padding-top:4.4%;background:#5cff00;mix-blend-mode:screen;box-shadow:inset 0 0 .1vw .1vw white,0 .1vw .2vw .2vw white,0 .1vw .5vw .1vw white,0 .1vw 2vw .5vw rgba(92,255,0,.7);transition-duration:0.5s}.dpad.svelte-1xis06h.svelte-1xis06h{width:3.5%;padding-top:4.8%;border-radius:20%;left:38.4%;top:36.7%;background:linear-gradient(0deg,transparent,#62affb,#0080ff);box-shadow:0 -1.4vw 1.7vw .2vw #0080ff,0 -2vw 1.4vw .2vw rgb(255 255 255 / 10%);mix-blend-mode:overlay;transition:all 0.2s ease;opacity:0}.dpad.dr.svelte-1xis06h.svelte-1xis06h{left:41.6%;top:43%;transform:rotate(90deg)}.dpad.dd.svelte-1xis06h.svelte-1xis06h{top:48.4%;transform:rotate(180deg)}.dpad.dl.svelte-1xis06h.svelte-1xis06h{left:34.7%;top:43%;transform:rotate(270deg)}.bumper.svelte-1xis06h.svelte-1xis06h{left:24.1%;top:2.6%;width:13%;padding-top:4%;transform:rotate(-20deg);border-radius:100%;background:#55a0ff;box-shadow:0vw 0vw 2vw 1vw #0080ff;mix-blend-mode:multiply;transition:all 0.2s ease;opacity:0}.bumper.svelte-1xis06h.svelte-1xis06h:after{content:"";left:20%;top:10%;width:60%;height:40%;border-radius:100%;background:#5fa4fd;mix-blend-mode:screen;box-shadow:0vw 0vw 1vw .5vw #66a8fd;z-index:2}.bumper.right.svelte-1xis06h.svelte-1xis06h{left:auto;right:25.4%;transform:scaleX(-1) rotate(-22deg)}.trigger.svelte-1xis06h.svelte-1xis06h{left:15.1%;top:24%;width:10%;padding-top:6px;transform:scaleX(1) scaleY(1) rotate(-69deg);border-radius:2vw;background:#1a86fe;box-shadow:0vw -1vw 4vw 4vw #0080ff;mix-blend-mode:darken;transition:all 0.2s ease;opacity:0}.trigger.right.svelte-1xis06h.svelte-1xis06h{left:auto;right:15.1%;transform:scaleX(-1) scaleY(1) rotate(-69deg)}@keyframes svelte-1xis06h-flash{0%{opacity:0}25%{opacity:1}}div#gamepad{max-height:100%;width:100%;max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center}div#gamepad-info{max-width:700px;margin:5px auto 0}div#gamepad-info div#gamepad-detected{display:none}