*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:'IBM Plex Mono', monospace;height:100vh}img{width:100%;max-width:100%;display:block}button{cursor:pointer;outline:none}ul{list-style:none}a{text-decoration:none}a:active{color:#a252fd}a:visited{color:#913BF3}.grid-1{flex:0 1 calc(8.33333% - 20px);max-width:calc(8.33333% - 20px)}.grid-2{flex:0 1 calc(16.66667% - 20px);max-width:calc(16.66667% - 20px)}.grid-3{flex:0 1 calc(25% - 20px);max-width:calc(25% - 20px)}.grid-4{flex:0 1 calc(33.33333% - 20px);max-width:calc(33.33333% - 20px)}.grid-5{flex:0 1 calc(41.66667% - 20px);max-width:calc(41.66667% - 20px)}.grid-6{flex:0 1 calc(50% - 20px);max-width:calc(50% - 20px)}.grid-7{flex:0 1 calc(58.33333% - 20px);max-width:calc(58.33333% - 20px)}.grid-8{flex:0 1 calc(66.66667% - 20px);max-width:calc(66.66667% - 20px)}.grid-9{flex:0 1 calc(75% - 20px);max-width:calc(75% - 20px)}.grid-10{flex:0 1 calc(83.33333% - 20px);max-width:calc(83.33333% - 20px)}.grid-11{flex:0 1 calc(91.66667% - 20px);max-width:calc(91.66667% - 20px)}.grid-12{flex:0 1 calc(100% - 20px);max-width:calc(100% - 20px)}[class^="grid-"]{min-height:1px;margin-left:10px;margin-right:10px;align-self:flex-start}@media only screen and (max-width: 767px){[class^="grid-"]{align-self:auto;flex:0 1 100%;max-width:100%}}.row{display:flex;flex-wrap:wrap;position:relative;margin-right:-10px;margin-left:-10px}@media only screen and (max-width: 767px){.row{flex-direction:column}}.container{display:flex;flex-wrap:wrap;margin:0 auto;position:relative;max-width:1300px}@media only screen and (min-width: 768px) and (max-width: 1299px){.container{max-width:768px}}@media only screen and (max-width: 767px){.container{flex-direction:column;max-width:460px}}.container-fluid{display:flex;flex-wrap:wrap;margin:0 auto;position:relative;max-width:1300px;max-width:100%;width:100%}@media only screen and (min-width: 768px) and (max-width: 1299px){.container-fluid{max-width:768px}}@media only screen and (max-width: 767px){.container-fluid{flex-direction:column;max-width:460px}}@media only screen and (min-width: 768px) and (max-width: 1299px){.container-fluid{max-width:100%;width:100%}}.grid-fluid{min-height:1px;margin-left:10px;margin-right:10px;align-self:flex-start;max-width:100%;flex:1}@media only screen and (max-width: 767px){.grid-fluid{align-self:auto;flex:0 1 100%;max-width:100%}}.center{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 767px){html{font-size:58%}}.subtitle{margin-bottom:2rem;color:#42445a}.subtitle::after{content:"";display:block;width:100%;height:2px;background:#22b2ea}.form-group{margin-bottom:1rem}input[type="text"]{display:block;width:100%;border-radius:3px;padding:5px;border:1px solid #d9d9e4;outline:#b6b6d6}h1{color:#42445a}.description{margin-bottom:25px;font-size:1.4rem;line-height:2.1rem;border-bottom:1px solid #22b2ea}.description h3{background-color:#22b2ea;color:#fff;font-weight:400;max-width:max-content;padding:0 6px;margin-bottom:2rem}.description .code{border-left:0.4rem solid #8cacd0;margin-bottom:2rem;max-width:100%;overflow:auto;padding:2.4rem 0 2.4rem 1rem;width:100%;background:#fafafa;white-space:normal}.description .code>*{display:block}.description .code .tab_1{margin-left:1rem}.description .code .tab_2{margin-left:2rem}.description .code .tab_3{margin-left:3rem}.description .code .tab_4{margin-left:4rem}.examples button{width:100%;text-align:center;padding:5px;background:#22b2ea;border:1px solid #22b2ea;border-radius:3px;color:#fff;font-weight:bold;transition:background 0.3s ease-out;text-transform:uppercase}p,ul{margin-bottom:1rem}.MT10{margin-top:1rem}.PT10{padding-top:10px}@media only screen and (min-width: 1300px){.MAXW250PERC{max-width:25rem !important}}@media only screen and (min-width: 768px) and (max-width: 1299px){.MAXW250PERC{max-width:25rem !important}}@media only screen and (max-width: 767px){.MOBILE100PERC{max-width:100%}}.roxo{color:#22B2EA}.notfound{max-width:40rem}.copyright{background:linear-gradient(#22b2ea, #24baf5);color:#fff;padding:5px;font-size:1.5rem;font-family:monospace}.word-break{word-break:break-all}.content{animation:showContent 0.3s forwards;will-change:auto;margin-bottom:2rem !important}@keyframes showContent{from{opacity:0}to{opacity:1}}label{display:block;margin-bottom:1rem}

.grid-1{flex:0 1 calc(8.33333% - 20px);max-width:calc(8.33333% - 20px)}.grid-2{flex:0 1 calc(16.66667% - 20px);max-width:calc(16.66667% - 20px)}.grid-3{flex:0 1 calc(25% - 20px);max-width:calc(25% - 20px)}.grid-4{flex:0 1 calc(33.33333% - 20px);max-width:calc(33.33333% - 20px)}.grid-5{flex:0 1 calc(41.66667% - 20px);max-width:calc(41.66667% - 20px)}.grid-6{flex:0 1 calc(50% - 20px);max-width:calc(50% - 20px)}.grid-7{flex:0 1 calc(58.33333% - 20px);max-width:calc(58.33333% - 20px)}.grid-8{flex:0 1 calc(66.66667% - 20px);max-width:calc(66.66667% - 20px)}.grid-9{flex:0 1 calc(75% - 20px);max-width:calc(75% - 20px)}.grid-10{flex:0 1 calc(83.33333% - 20px);max-width:calc(83.33333% - 20px)}.grid-11{flex:0 1 calc(91.66667% - 20px);max-width:calc(91.66667% - 20px)}.grid-12{flex:0 1 calc(100% - 20px);max-width:calc(100% - 20px)}[class^="grid-"]{min-height:1px;margin-left:10px;margin-right:10px;align-self:flex-start}@media only screen and (max-width: 767px){[class^="grid-"]{align-self:auto;flex:0 1 100%;max-width:100%}}.row{display:flex;flex-wrap:wrap;position:relative;margin-right:-10px;margin-left:-10px}@media only screen and (max-width: 767px){.row{flex-direction:column}}.container{display:flex;flex-wrap:wrap;margin:0 auto;position:relative;max-width:1300px}@media only screen and (min-width: 768px) and (max-width: 1299px){.container{max-width:768px}}@media only screen and (max-width: 767px){.container{flex-direction:column;max-width:460px}}.container-fluid{display:flex;flex-wrap:wrap;margin:0 auto;position:relative;max-width:1300px;max-width:100%;width:100%}@media only screen and (min-width: 768px) and (max-width: 1299px){.container-fluid{max-width:768px}}@media only screen and (max-width: 767px){.container-fluid{flex-direction:column;max-width:460px}}@media only screen and (min-width: 768px) and (max-width: 1299px){.container-fluid{max-width:100%;width:100%}}.grid-fluid{min-height:1px;margin-left:10px;margin-right:10px;align-self:flex-start;max-width:100%;flex:1}@media only screen and (max-width: 767px){.grid-fluid{align-self:auto;flex:0 1 100%;max-width:100%}}.center{display:flex;justify-content:center;align-items:center}#main-menu{height:calc(100vh - 24px);padding:10px;overflow-y:auto}#main-menu .logo{display:flex;align-items:center}@media only screen and (max-width: 767px){#main-menu{position:inherit;width:inherit;background:inherit;height:inherit;padding:inherit;overflow-y:inherit}}#main-menu h1{margin-bottom:1.6rem;font-size:2rem}#main-menu li{margin-bottom:8px;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;line-height:1.2;font-size:1.4rem;padding:.5rem;border-radius:4px}#main-menu li:hover{background:#ddeaee61}#main-menu li.active{background:#ddeaee61}#main-menu li.active>a{color:#8CACD0;font-weight:bold}#main-menu li.active>a:visited{color:#8CACD0}#main-menu li a{display:inline-block;width:100%;color:#42445A}#main-menu li a:hover{opacity:0.7}#main-menu .hamburguer{display:none;width:30px;margin-right:1rem;cursor:pointer;position:relative;will-change:auto}@media only screen and (max-width: 767px){#main-menu .hamburguer{display:block}}#main-menu .hamburguer.active{transform:rotate(45deg);transition:.3s ease-in-out;will-change:auto}#main-menu .hamburguer.active>div:first-child{transform:rotate(90deg);top:7px}#main-menu .hamburguer.active>div:last-child{transform:rotate(90deg);top:-7px}#main-menu .hamburguer>div{position:relative;height:3px;margin:4px 0;background:#22B2EA;transition:.3s ease-in-out}@media only screen and (max-width: 767px){#main-menu #nav-bar{will-change:auto;position:fixed;background:#22B2EA;z-index:999;left:-100%;top:0;height:100vh;padding:10px;transition:all .3s ease-out}#main-menu #nav-bar li{padding:.7rem;border-radius:.4rem}#main-menu #nav-bar a{color:#FFF}#main-menu #nav-bar.active{left:0}}