@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap");@font-face {font-family: 'Evogria Italic';src: url('../html/assets/Xolonium-Bold.otf');}:root {--color-acent: rgb(58, 163, 175);--color-secondary: #176e74;--color-green: #8aff8a;--color-amarillo: rgb(255 210 47);--color-blue: #8adfff;--color-danger: #ff223f;--cubic: cubic-bezier(0, 0.53, 0.11, 0.995);--gradient-shadow: linear-gradient(45deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000);}* {padding: 0;margin: 0;font-family: 'Quicksand', sans-serif;font-weight: 300;user-select: none;-webkit-font-smoothing: antialiased;}body {background: transparent !important;position: fixed;right: 1vh;top: 0;height: 100%;width: max-content;left: unset;display: flex;justify-content: center;align-items: center;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}::-webkit-scrollbar-thumb {background: #171717e6;border-radius: 10px;}.container {position: relative;height: auto;right: -1vh;border-radius: 10px;background: transparent !important;transform: translateX(10vh);opacity: 0;transition: 0.25s var(--cubic) all;}.container.show {transform: translateX(0vh);opacity: 1;}.title {width: auto;margin: auto;position: relative;justify-content: left;top: 1vw;overflow: hidden;border-radius: 5px;display: flex;flex-direction: column;font-family: "Bebas Neue";padding: 1vh;background: linear-gradient(135deg, rgba(141, 16, 218, 0.7) 0%, rgba(82, 82, 82, 0.7) 50%, rgba(156, 113, 255, 0.7) 100% );color: rgb(255, 255, 255);box-shadow: 3px 3px 0px 0px rgba(42, 42, 42, 0.2);font-weight: bold;}.title::before {content: "";position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(to right, rgba(255,255,255,0.15), transparent), linear-gradient(to right, rgba(255,255,255,0.15), transparent), linear-gradient(to right, rgba(255,255,255,0.15), transparent), linear-gradient(to right, rgba(255,255,255,0.15), transparent);background-repeat: no-repeat;background-size: 20px 6px, 20px 6px;background-position: 5% 35%, 15% 55%, 95% 35%, 85% 55%;z-index: 1;}.title > * {position: relative;z-index: 2;}#buttons {width: 40vh;border-radius: 10px 10px 5px 5px;}.buttons-list {max-height: 71vh;overflow-y: auto;padding: 1vh;margin-top: 2.5vh;background: linear-gradient(135deg, rgba(141, 16, 218, 0.7) 0%, rgba(82, 82, 82, 0.7) 50%, rgba(156, 113, 255, 0.7) 100% );background-size: cover;background-position: 60% center;border-radius: 5px;background-size: cover;background-position: center;display: flex;flex-direction: column;gap: 0.5vh;position: relative;overflow-x: hidden;box-shadow: 3px 3px 0px 0px rgba(42, 42, 42, 0.2);background-position: center;background-size: cover;}::-webkit-scrollbar {width: 0.5vh;border-radius: 5px;}::-webkit-scrollbar-thumb {background: #ffffff;border-radius: 5px;}::-webkit-scrollbar-track {background: transparent;}.button {width: auto;height: 10%;position: relative;overflow: hidden;padding: 0.1vh 0vh;display: flex;flex-direction: column;cursor: none;font-family: "Bebas Neue";cursor: pointer;display: flex;flex-direction: row !important;gap: 10px;background-color: rgb(255 255 255 / 68%);border-radius: 5px;border: 1px solid #ffffffb8;transition: 0.25s var(--cubic) all;align-items: center;flex-shrink: 0;}.button .header {color: #000000 ;}.icon {display: flex;align-items: center;position: relative;justify-content: left;}.button.selected {background-color: white;box-shadow: 0 0 5px rgba(255, 255, 255, 0.493);transform: scale(1.015);}.title>div.column>div.header {font-size: 2vh;text-align: center;line-height: 2.3vh;}.disabled {background: rgba(102, 102, 102, 0.9) !important;cursor: default;}div>.text {flex-direction: column;font-size: 1.3vh;overflow: hidden;font-weight: 600;color: #000000 ;}div>.header {width: 100%;max-width: 100%;align-items: left;text-align: left;justify-content: left;overflow: wrap;overflow: visible;font-family: 'Evogria Italic';text-transform: uppercase;}.footer {width: max-content;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;color: white;text-transform: uppercase;font-size: 1.3vh;font-family: "Bebas Neue";position: absolute;top: -1.5vh;right: 0;transform: translateY(2vh);opacity: 0;transition: .5s var(--cubic) all;transition-delay: 0s;gap: 1vh;margin-right: 1vh;}.container.show .footer {transform: translateY(0vh);opacity: 0.9;transition: .5s var(--cubic) all;transition-delay: .1s;}.footer-bg {position: absolute;width: 100%;height: 100%;z-index: -1;filter: blur(5px);border-radius: 5px;top: 0;left: 0;}.footer .control {display: flex;align-items: center;padding: 0.2vh 1vh;position: relative;width: max-content;opacity: 0.8;text-align: center;border-radius: 5px;align-content: center;font-size: 1.1vh;font-family: 'Bebas Neue', cursive !important;background: #ffffff;color: black;text-transform: uppercase;display: flex;font-weight: bold;}.footer .accion {font-family: "Quicksand";font-weight: bold;}.footer svg, .footer img {height: 2vh;margin-right: .5vh;filter: invert(1);}.button .icon {display: flex;align-items: center;position: relative;justify-content: center;font-size: 2.2vh;background: linear-gradient(135deg, rgba(141, 16, 218, 0.7) 0%, rgba(82, 82, 82, 0.7) 50%, rgba(156, 113, 255, 0.7) 100% );border-radius: 5px;border-radius: 5px;width: 4vh;aspect-ratio: 1/1;}.button .icon i {color: #ffffffc2;transition: 0.5s var(--cubic) all;width: 3vh;display: flex;justify-content: center;align-items: center;text-shadow: 0 0 10px #ffffffc2;}.circle-1, .circle-2 {animation: scroll 2s infinite linear;opacity: 0;}.circle-2 {animation-delay: 1s;}@keyframes scroll {0% {cy: 4;opacity: 0;}45%, 55% {opacity: 1;cy: 9;}100% {cy: 14;opacity: 0;}}.img-logo {position: absolute;z-index: 999;width: 7vh;top: -2.3vh;left: -2.2vh;}