.reportarbug{z-index:999;position:fixed;bottom:20px;left:30px}.reportarbug button{background-color:var(--bg-sec);opacity:.3;border-radius:100px;justify-content:center;padding:5px;display:flex;position:relative}.reportarbug button svg{color:var(--light-dark)}.reportarbug button:hover,.reportarbug button:focus{opacity:1}.reportarbug button:hover:after,.reportarbug button:focus:after{opacity:1;font-size:.7rem;top:-23px}.reportarbug button:after{content:"Report bugs";text-align:center;background-color:var(--bg-sec);color:var(--light-dark);text-wrap:nowrap;opacity:0;border-radius:3px;padding:3px 5px;font-size:0;font-weight:700;transition:all .3s;position:absolute;top:0}
.stats{gap:30px;display:flex}.stats .container{border:var(--thin-border);border-radius:10px;flex-direction:column;gap:20px;width:100%;height:fit-content;padding:30px;display:flex}.stats .container:nth-child(2){max-width:530px;position:sticky;top:90px}.stats .container .content{flex-direction:column;gap:20px;display:flex}.stats .container .content .box{justify-content:space-between;gap:20px;display:flex}.stats .container .input-box,.stats .container .content .box .input-box{flex-direction:column;gap:20px;width:50%;display:flex}.stats .container .input-box{width:100%}.stats .container .input-box .user-input{max-width:100%}.stats .container .content .box .input-box{gap:10px}.stats .container .input-box label{text-wrap:nowrap}.stats .container .input-box label span{color:var(--destructive)}.stats .container .input-box input,.stats .container .input-box select{border:var(--thin-border);border-radius:var(--radius);background-color:var(--muted);padding:10px 20px}:is(.stats .container .input-box input,.stats .container .input-box select):focus{border:1px solid var(--foreground)}.stats .container .input-error input{border-color:var(--destructive);box-shadow:0 0 0 3px #e74c3c33}.stats .container .input-error input:focus{border-color:var(--destructive)}.stats .container .input-error label{color:var(--destructive)}.stats .container .input-error .error-message{color:var(--destructive);margin-top:4px;font-size:13px}.stats .container .input-box .input-color{width:50px;padding:10px}.stats .container .content .bag-code{flex-direction:column;gap:10px;display:flex}.stats .container .content .info{display:flex}.stats .container .info p{color:var(--destructive);display:inline}.stats .container .info button{color:var(--foreground);gap:0;margin-left:5px;text-decoration:underline;display:inline-flex}.stats .container .info button:hover{color:var(--white)}.stats .container .content .info button svg{color:var(--foreground);font-size:1rem}@media (max-width:1352px){.stats{padding:0 20px}}@media (max-width:1172px){.stats .container .content .box{flex-direction:column}.stats .container .content .box .input-box{width:100%}}@media (max-width:1028px){.stats{flex-direction:column}.stats .container .content .box{flex-direction:row}.stats .container:nth-child(2){position:static}.stats .container:nth-child(2),.stats .container .content .bag-code code{max-width:100%}.stats .container .content .bag-code figure,.stats .container .content .bag-code img{width:100%}}.stats .container .content .bag-code .badge-preview{width:fit-content}@media (max-width:1028px){.stats{flex-direction:column-reverse}.stats .container .content .box{flex-direction:column}}@media (max-width:430px){.stats .container{padding:20px}}@media (max-width:360px){.stats .container .input-box label{text-wrap:wrap}}
.codecard{background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius);word-break:break-all;border:var(--thin-border);-webkit-user-select:none;user-select:none;cursor:default;flex-direction:column;gap:10px;width:fit-content;padding:20px;display:flex}.codecard .btn{justify-content:space-between;width:100%}.codecard .btn .tt{font-family:Fira,monospace;font-weight:500}.codecard .btn button:hover svg{color:var(--foreground)}.codecard .btn button svg{font-size:1.3rem;transition:all .3s}.codecard code{max-width:466px;font-weight:300}