input[type=submit]{background:var(--background);padding:10px;border-radius:8px;border:2px solid var(--foreground);cursor:pointer;color:var(--text);transition:all .2s ease}input[type=submit][data-accent=true]{background:var(--primary);color:var(--rtext)}input[type=submit][data-accent=true]:enabled:hover{background:var(--secondary);border-color:var(--primary);color:var(--text);opacity:1;transform:translateY(-10px) scale(1.05);box-shadow:0 10px 20px -5px var(--primary)}input[type=submit][data-accent=true]:disabled{opacity:.2;cursor:not-allowed}input[type=submit]:enabled:hover{background:var(--foreground)}input[type=submit]:disabled{opacity:.2;cursor:not-allowed}select[data-comp=true]{background:var(--background);color:var(--text);border:1px solid var(--secondary);padding:8px;border-radius:8px;width:70vw;max-width:350px;font-family:Roboto;font-size:medium}@media screen and (max-width:700px){select[data-comp=true]{font-size:18px}}select[data-comp=true]:focus{background:var(--secondary)}div.text-input-container[data-input-discreet=false]{padding:10px}input[data-comp=true]{background:var(--background);color:var(--text);border:1px solid var(--foreground);padding:8px;border-radius:8px;width:70vw;max-width:350px;font-family:Roboto;font-size:medium}@media screen and (max-width:700px){input[data-comp=true]{font-size:18px}}input[data-comp=true].content-err{border-color:var(--accent)}input[data-comp=true]:focus{background:var(--secondary)}input[data-comp=true][data-input-discreet=true]{padding:0;margin:0;border:none;border-radius:0;border-bottom:1px solid var(--secondary)}label.content-err,label.input-name{display:block;font-family:Poppins}label.content-err{color:var(--accent)}.form-button_container{width:calc(100% - 30px);max-width:500px;display:flex;justify-content:space-evenly;padding:15px}div[data-loading=true]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}div[data-loading-animation=true]{color:var(--text);display:inline-block;position:relative}div[data-loading-animation=true] div{transform-origin:20px 20px;animation:appear 1.2s linear infinite}div[data-loading-animation=true] div:after{content:" ";display:block;position:absolute;top:1px;left:17px;width:3px;height:8px;border-radius:8px;background:var(--text)}div[data-loading-animation=true] div:first-child{transform:rotate(0deg);animation-delay:-1.1s}div[data-loading-animation=true] div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}div[data-loading-animation=true] div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}div[data-loading-animation=true] div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}div[data-loading-animation=true] div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}div[data-loading-animation=true] div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}div[data-loading-animation=true] div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}div[data-loading-animation=true] div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}div[data-loading-animation=true] div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}div[data-loading-animation=true] div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}div[data-loading-animation=true] div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}div[data-loading-animation=true] div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes appear{0%{opacity:1}to{opacity:0}}