@keyframes BtnBaby{0%{background-position-x: 0%;}100%{background-position-x: 90%;}}
@keyframes FndoModal {from {opacity: 0;} to {opacity: 1;}}  /*Pra remover pq atualizei pra a debaixo, mas tem App q ainda ta usando*/


@keyframes modal{
  from { opacity: 0;transform: translate3d(0,-80px,0)}
  to { opacity: 1;transform: translate3d(0,0,0)}}

input[type="number"]::-webkit-inner-spin-button,/*remover Spinner*/
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}

:root{
  --Laranja: #fa7d09;
  --Branco: #ffffff;
  --Cor-Final: #FF5900;
  --Degrade: linear-gradient(to right,#434343,#73008A,#FF5900);
  --MargemImput: 5px 15px 15px 15px;
  --DegradeFundo:linear-gradient(#1f1f1f,#101010) center center no-repeat fixed;
  --degradeFonte:linear-gradient(to bottom,#E312DF, #FA077D, #ff6f00);
  --CorInput:#303030;
  --Lite:'Tommy_Ligth'  ,'Lexend Deca','Arial';
  --Rglr:'Tommy_Regular','Lexend Deca','Arial';
  --Bold:'Tommy_Bold'   ,'Lexend Deca','Arial';
  --Medi:'Tommy_Medium' ,'Lexend Deca','Arial';
}*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  border: none;
  text-decoration: none;
  font-family: var(--Rglr);
  font-size: 12px;
  letter-spacing: 0.7px;
  text-align: center;
  outline:none;
}
.Ct{display:flex;flex-wrap: wrap;justify-content:center;align-items:center}
.Wrp{flex-wrap: nowrap}
.Start{display:flex;justify-content:flex-start;align-items:center}
.Start2{display:flex;align-items:flex-start;flex-direction:column}
.End{display:flex;justify-content:flex-end;align-items:center}
.Cl{display:flex;flex-direction:column;align-items: center;}
.Rw{display:flex;flex-direction: row;flex-wrap:nowrap;overflow-x:scroll}
.Bt{width: 100%;display: flex;justify-content: space-between;align-items:center}
.Ev{display: flex;justify-content:space-evenly;align-items:center}
.Fx{position:fixed;top:0;left:0}
.Hr{border-bottom: 1px solid #606060}
.rd{border-radius: 10px;}.Rd{border-radius: 20px;}.RD{border-radius: 255px;}
.w100{width:100%}.w90{width:90%;}.w80{width:80%;}.w50{width:50%;}.w40{width:40%;}.w30{width:30%;}.w20{width:20%;}.w10{width:10%;}.wAuto{width:auto;}.w0{width:0%}
.WH30{width:30px;height:30px;}.WH15{width:15px;height:15px;}.WH40{width:40px;height:40px;}
.h100{height: 100%};.h90{height: 90%}
.B{font-weight: bold}
.Br{word-wrap: break-word}
.Grn{background: #008000}.CrCnz{color: #ffffff2f}
.Red{background: #ff0000}
.Blu{background: #0004ff}

.Wht{color: #ffffff}
.Blk{color: black;}
.Pddn-X{padding: 0% 5%}
.Pddn-Y{padding: 3% 0%}
.Pddn-XY{padding: 2% 4%}
.Mgrn-PX{margin: 20px 0px}
.Mgrn-PX2{margin: 3px 3px}
.Mg{margin-top:10px;margin-bottom:10px}
.tc{text-align:center;}
.FtLt{font-family: var(--Lite)}
.FtRg{font-family: var(--Rglr)}
.FtBd{font-family: var(--Bold)}
.FtMd{font-family: var(--Medi)}
.Rltv{position: relative}
.Abslt{position: absolute}
.Stky{position: sticky;top:0;z-index: 2}
.Stky2{position: sticky;bottom:0;z-index: 2}
.Hddn{overflow: hidden;}
.Opacy{opacity: 0}
.Bd0{border:1px solid #ff000000}
.none{display: none;}
.g90{transform: rotate(90deg)}

.erro{color:red;}
.error{border: 2px solid red;}
.error::placeholder {color: red}


h1{font-size:40px;font-family:var(--Bold)}
h2{font-size:18px; color:var(--Laranja)}
.Dark hr{border: 1px solid #ffffff2e;margin:4px 0px;}
.Lite hr{border: 1px solid #00000070;margin:4px 0px;}
.ppt,button,.Close{cursor: pointer}


.noslt{user-select: none;-webkit-user-select: none;-moz-user-select: none;} /*NexBee*/
.Link{text-decoration: underline;cursor: pointer}

@keyframes FModal {from {opacity: 0;} to {opacity: 1;}}
#FModal{position:fixed;top:0px; left:0px;width:100%;height:100%;z-index:999;background:#00000046;backdrop-filter:blur(10px);animation:FModal 0.5s;display: none;}
#FModal > *{padding:15px; box-shadow: 10px 10px 20px black;animation: modal 0.5s}

textarea{overflow:hidden;resize:none;padding: 10px;}

.noClk{pointer-events: none}

.hov{cursor: pointer;transition: all 0.2s ease-in-out;}.hov:hover{transform: scale(1.05)}.hov:active{transform: scale(1.02)}
.Hov{cursor: pointer;transition: all 0.2s ease-in-out;}.Hov:hover{transform: scale(1.05)}.Hov:active{transform: scale(1.02)}
.HOV{cursor: pointer;transition: all 0.1s ease-in-out;}.HOV:hover{transform: scale(1.08)}.HOV:active{transform: scale(1.04)}
.Notfi{top:-6px; right:-9px; width:15px; height:15px; background:red; border-radius:255px; z-index:10; text-align:center}

.Bandj{position:absolute;top:0;left:0}

.Shdw{box-shadow: 0px 4px 6px #0000004d}


.n0  { display: none; }
.n1  { display: none; }
.n2  { display: none; }
.n3  { display: none; }
.n4  { display: none; }
.n5  { display: none; }
.n6  { display: none; }
.n7  { display: none; }
.n8  { display: none; }
.n9  { display: none; }
.n10 { display: none; }
.n11 { display: none; }
.n12 { display: none; }
.n13 { display: none; }
.n14 { display: none; }
.n15 { display: none; }
.n16 { display: none; }
.n17 { display: none; }
.n18 { display: none; }
.n19 { display: none; }
.n20 { display: none; }