@import "https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";*{scollbar-width:thin;scrollbar-color:#0a0a0a99 transparent;font-family:League Spartan,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}::backdrop{backdrop-filter:blur(5px);background-color:#0009}button{cursor:pointer;user-select:none;-webkit-user-select:none;background-color:#fff;border:none;border-radius:50px;margin:10px;padding:10px 20px;transition:all .6s;font-size:clamp(16px,3vw,20px);box-shadow:0 0 5px #0000004d}button[small]{margin:5px;padding:5px 10px;font-size:clamp(12px,2.5vw,18px)}button:hover{color:#fff;letter-spacing:3px;background-color:#000;box-shadow:0 0 30px #00000080}button[small]:hover{letter-spacing:1.5px}i{cursor:pointer;user-select:none;display:inline-block;aspect-ratio:1}flex{display:flex;justify-content:center;align-items: center}grow,[grow]{text-align:center;flex-grow:1}[center]{text-align:center}toggle{display:flex;position:relative;box-sizing:border-box;cursor:pointer;border:3px inset silver;border-radius:30px;justify-content:start;align-items: center;width:80px;height:40px;padding:2px 5px}toggle[small]{border:2px inset silver;width:60px;height:30px}toggle:before{display:inline-block;position:absolute;content:" ";background-color:#7e8091;border-radius:50%;width:30px;height:30px;transition:left 1.2s,background-color 1.2s linear;left:5px;box-shadow:0 0 3px #000}toggle[small]:before{width:20px;height:20px}toggle[data-on]:before{background-color:#5dd15d;left:50%;box-shadow:0 0 5px green}[hidden]{display:none!important}[q-show]>*,[q-hide]>*,i>svg,button>*{pointer-events:none}#toaster{position:fixed;color:#000;z-index:4;width:300px;max-width:calc(100% - 10px);margin:0 auto;top:10px;left:0;right:0}#toaster .toast{opacity:0;cursor:pointer;backdrop-filter:blur(3px);background-color:#f0f0f0;border-radius:5px;min-height:40px;margin-top:10px;padding:5px;transition:opacity 1.5s,box-shadow .6s;box-shadow:0 0 3px gold}#toaster .toast:hover{box-shadow:0 0 3px red}#toaster .toast>b{display:block;text-align:center;transition:letter-spacing .6s}#toaster .toast:hover>b{letter-spacing:1.5px}#blur{position:fixed;backdrop-filter:blur(3px);z-index:2;background-color:#000000b3;inset:0}#alert-window{color:#000;z-index:4;background-color:#fff;padding:45px}.dark #alert-window{color:#fff;background-color:var(--primary-dark)!important}.dark{--primary-dark:#2c2c2e;--highlight-dark:#7d7100;--background-dark:#161618;background:var(--background-dark);color:#fff}.dark toggle[data-on=true]:before{background-color:var(--highlight-dark);box-shadow:0 0 5px #ff0}.dark button{background-color:var(--primary-dark);color:#fff}.dark button:hover{color:#000;background-color:#fff}@keyframes vibrate{0%{transform:translate(0)rotate(0)}10%{transform:translate(-2px,1px)rotate(-1.5deg)}20%{transform:translate(3px,-2px)rotate(1deg)}30%{transform:translate(-3px,2px)rotate(-1.5deg)}40%{transform:translate(2px,-1px)rotate(1deg)}50%{transform:translate(-2px,1px)rotate(-1deg)}60%{transform:translate(3px,-2px)rotate(1.5deg)}70%{transform:translate(-3px,2px)rotate(-1deg)}80%{transform:translate(2px,-1px)rotate(1deg)}90%{transform:translate(-1px,1px)rotate(-.5deg)}to{transform:translate(0)rotate(0)}}@font-face{font-family:Arial;src:local(Arial)}@font-face{font-family:Helvetica;src:local(Helvetica)}@font-face{font-family:Verdana;src:local(Verdana)}@font-face{font-family:Tahoma;src:local(Tahoma)}@font-face{font-family:Trebuchet MS;src:local(Trebuchet MS)}@font-face{font-family:Segoe UI;src:local(Segoe UI)}@font-face{font-family:Calibri;src:local(Calibri)}@font-face{font-family:Times New Roman;src:local(Times New Roman)}@font-face{font-family:Georgia;src:local(Georgia)}@font-face{font-family:Garamond;src:local(Garamond)}@font-face{font-family:Palatino;src:local(Palatino),local(Palatino Linotype)}@font-face{font-family:Courier New;src:local(Courier New)}@font-face{font-family:Lucida Console;src:local(Lucida Console)}@font-face{font-family:Andalé Mono;src:local(Andalé Mono),local(Andale Mono)}@font-face{font-family:Monaco;src:local(Monaco)}@font-face{font-family:Brush Script MT;src:local(Brush Script MT)}@font-face{font-family:Comic Sans MS;src:local(Comic Sans MS)}@font-face{font-family:Papyrus;src:local(Papyrus)}@font-face{font-family:Impact;src:local(Impact)}body{text-align:center;color:#fff;background-color:#2c2c2c;margin:10px auto}h1,h2{text-align:center;margin:5px 10px 20px;padding:0;transition:letter-spacing .6s}strike{text-decoration:line-through;color:gray}.plan{position:relative;display:inline-block;color:#fff;cursor:pointer;background-color:#444;border-radius:15px;max-width:300px;margin:10px;padding:10px;transition:box-shadow .6s,transform .3s ease-in,z-index .3s;box-shadow:0 0 3px #000}.plan:hover{z-index:1;transform:scale(1.2);box-shadow:0 0 10px 3px gold}.plan:hover h2{letter-spacing:1.5px}.plan[data-selected]{outline:1px solid gold}.plan[data-selected]:before{content:"(selected)";position:absolute;font-size:80%;top:3px;left:0;right:0}.plan h2{position:relative}.plan img{vertical-align:middle;width:60px}.plan sup{position:absolute;color:gold;font-size:85%;bottom:5px;left:0;right:0}.cc{position:relative;display:inline-block;margin-right:10px;padding-top:20px}.cc:before{display:inline-block;position:absolute;content:attr(data-label);background-color:#141414;border-radius:3px;padding:2px;font-family:monospace;font-size:70%;top:5px;left:0}.cc .svgs{position:absolute;color:#fff;height:23px;top:0;right:0}.cc .svgs svg{height:100%;margin:0 5px}.cc input,.cc select{color:#000;background-color:#fff;border:none;border-radius:5px;padding:2px;font-family:monospace;box-shadow:0 0 6px 4px #786d29}#my-cards{background-color:#fff;border:none;border-radius:10px;width:100%;padding:10px;font-size:large}#new-card-information,#select-card{display:inline-block;text-align:left;background-color:#444;border-radius:10px;width:380px;margin-top:20px;padding:10px}#save-error{color:red}#details{display:inline-block;color:#000;text-align:left;background-color:#fff;padding:10px}#details div{width:375px;margin:10px 0;font-size:large}#d-card svg{vertical-align:middle;height:30px;margin-right:3px}#d-error{color:red}