@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=JetBrains+Mono&display=swap";

html {
    scroll-behavior: smooth
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none
}

body,
select,
input {
    box-sizing: border-box;
    font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    margin: 0
}

label {
    font-size: .8rem;
    font-weight: 700
}

input:focus-visible,
select:focus-visible {
    background-color: #fff
}

select,
input {
    background-color: #eee;
    border: none;
    border-radius: 3px;
    font-size: .9rem;
    margin-bottom: 3px;
    text-align: center;
    align-items: center;
    width: 100%;
    height: 25px;
    margin-top: 3px
}

a {
    color: #fff;
    text-decoration: none
}

pre {
    font-family: JetBrains Mono, monospace, arial;
    font-size: .7rem;
    margin: 0;
    padding: 0
}

pre:before {
    color: #00a335;
    content: "# "
}

hr {
    border: 1px solid whitesmoke;
    width: 100%
}

button {
    border: none;
    cursor: pointer;
    font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 8px 0;
    text-align: center
}

._container_goiy2_151 {
    background-color: #f5f5f5;
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: repeat(16, 1fr)
}

._select_goiy2_165 {
    border: none;
    font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 30px;
    margin: 10px 0 0;
    text-align: center;
    width: 150px
}

._h2_goiy2_187,
._h3_goiy2_189 {
    margin: 0
}

._h3_goiy2_189 {
    margin-top: 10px
}

._content_goiy2_205 {
    align-items: center;
    background-color: #5e6573;
    border-radius: 3px;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._container_135mh_1 {
    grid-area: 19 / 3 / 19 / 15;
    margin-bottom: 10px
}

._container_135mh_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_135mh_1 h2:before {
    content: "#7";
    font: var(--fa-font-solid)
}

._content_135mh_33 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._title_135mh_51 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #00a335
}

._subTitle_135mh_65 {
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 10px
}

._code_135mh_77 {
    cursor: pointer;
    padding: 15px 10px
}

._code_135mh_77:hover {
    background-color: #1e1e1e
}

._code_135mh_77:active {
    background-color: #3c5745
}

._code_135mh_77:before {
    animation: _pulse_135mh_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_135mh_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_4gul7_1 {
    grid-area: 2 / 3 / 2 / 15
}

._container_4gul7_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_4gul7_1 h2:before {
    content: "#1";
    font: var(--fa-font-solid)
}

._content_4gul7_31 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._code_4gul7_49 {
    cursor: pointer;
    padding: 15px 10px
}

._code_4gul7_49:hover {
    background-color: #1e1e1e
}

._code_4gul7_49:active {
    background-color: #3c5745
}

._code_4gul7_49:before {
    animation: _pulse_4gul7_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_4gul7_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_yfzt5_1 {
    display: flex;
    flex-direction: column;
    grid-area: 6 / 3 / 6 / 15
}

._container_yfzt5_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_yfzt5_1 h2:before {
    content: "#5";
    font: var(--fa-font-solid)
}

._content_yfzt5_35 {
    display: flex
}

._pons_yfzt5_43 {
    background-color: #dfdfdf;
    border: 1px solid #cecece;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 1px;
    padding: 5px;
    text-align: center
}

._h5_yfzt5_67 {
    background-color: #00a335;
    border-radius: 3px;
    color: #fff;
    font-size: small;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center
}

._container_ohyvq_1 {
    grid-area: 8 / 3 / 19 / 9;
    margin-right: 10px
}

._containerRouter_ohyvq_11 {
    grid-area: 8 / 9 / 19 / 15;
    margin-left: 10px
}

._content_ohyvq_21 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._container_ohyvq_1 select {
    background-color: #696969;
    color: #fff;
    margin-bottom: 10px;
    padding: 5px;
    width: fit-content
}

._code_ohyvq_55 {
    cursor: pointer;
    padding: 15px 10px
}

._code_ohyvq_55:hover {
    background-color: #1e1e1e
}

._code_ohyvq_55:active {
    background-color: #3c5745
}

._code_ohyvq_55:before {
    animation: _pulse_ohyvq_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_ohyvq_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_if8lv_1 {
    grid-area: 7 / 3 / 7 / 9;
    margin-right: 10px
}

._h2_if8lv_11 {
    grid-area: 7 / 3 / 2 / 15
}

._containerRouter_if8lv_19 {
    grid-area: 7 / 9 / 7 / 15;
    margin-left: 10px
}

._h2Router_if8lv_29 {
    grid-area: 8 / 3 / 8 / 15
}

._container_if8lv_1 h2,
._containerRouter_if8lv_19 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_if8lv_1 h2:before {
    content: "#6";
    font: var(--fa-font-solid)
}

._content_if8lv_61 {
    background-color: #5e6573;
    border: 1px solid #3d414a;
    border-radius: 3px;
    color: #f5f5f5;
    display: flex;
    justify-content: space-around;
    padding: 10px
}

._DeviceSelectContainer_if8lv_81,
._ModoVlanContainer_if8lv_93 {
    align-items: center;
    display: flex;
    flex-direction: column
}

._selectDevice_if8lv_105,
._modovlan_if8lv_105 {
    border: none;
    font-weight: 700;
    height: 30px;
    margin-top: 5px;
    text-align: center;
    width: 140px
}

._container_7oxxs_1 {
    grid-area: 4 / 3 / 4 / 15
}

._container_7oxxs_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_7oxxs_1 h2:before {
    content: "#3";
    font: var(--fa-font-solid)
}

._content_7oxxs_31 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._container_7oxxs_1 select {
    border: none;
    font-weight: 700;
    height: 35px;
    margin: 10px 0 10px 5px;
    padding: 5px;
    text-align: center;
    text-transform: capitalize;
    width: 180px
}

._h4_7oxxs_71 {
    color: #d3d3d3;
    margin: 5px
}

._h4_7oxxs_71:before {
    content: "#";
    font: var(--fa-font-solid)
}

._code_7oxxs_91 {
    cursor: pointer;
    padding: 5px 10px 15px
}

._code_7oxxs_91:hover {
    background-color: #1e1e1e
}

._code_7oxxs_91:active {
    background-color: #3c5745
}

._code_7oxxs_91:before {
    animation: _pulse_7oxxs_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_7oxxs_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_opaqo_1 {
    display: flex;
    flex-direction: column;
    grid-area: 3 / 3 / 3 / 15
}

._container_opaqo_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_opaqo_1 h2:before {
    content: "#2";
    font: var(--fa-font-solid)
}

._content_opaqo_35 {
    display: flex
}

._pons_opaqo_43 {
    background-color: #dfdfdf;
    border: 1px solid #cecece;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 1px;
    padding: 5px;
    text-align: center
}

._h5_opaqo_67 {
    background-color: #00a335;
    border-radius: 3px;
    color: #fff;
    font-size: small;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center
}

._container_1ki4q_1 {
    grid-area: 5 / 3 / 5 / 15
}

._container_1ki4q_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._container_1ki4q_1 h2:before {
    content: "#4";
    font: var(--fa-font-solid)
}

._content_1ki4q_31 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._h4_1ki4q_49 {
    color: #d3d3d3;
    margin: 5px 0
}

._h4_1ki4q_49:before {
    content: "#";
    font: var(--fa-font-solid)
}

._code_1ki4q_69 {
    cursor: pointer;
    padding: 15px 10px
}

._code_1ki4q_69:hover {
    background-color: #1e1e1e
}

._code_1ki4q_69:active {
    background-color: #3c5745
}

._code_1ki4q_69:before {
    animation: _pulse_1ki4q_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_1ki4q_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_zh85k_1 {
    align-items: center;
    background-color: #5e6573;
    border: 1px solid #3d414a;
    border-radius: 3px;
    color: #fff;
    display: flex;
    flex-direction: column;
    grid-area: 1 / 3 / 1 / 15;
    margin-top: 10px;
    padding: 30px
}

._containerBtn_zh85k_27 {
    display: flex;
    justify-content: space-between
}

._select_zh85k_37 {
    border: none;
    cursor: pointer;
    font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 35px;
    text-align: center;
    width: 250px
}

select {
    cursor: pointer
}

._modoContainer_zh85k_67 {
    align-items: center;
    display: flex;
    flex-direction: column
}

._btnActive_zh85k_79 {
    background-color: #2a2f37;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-family: Fira Sans, Segoe UI, Arial, "sans- serif";
    font-size: 1rem;
    font-weight: 700;
    margin: 15px 0 0 5px;
    padding: 8px 0;
    text-align: center;
    width: 150px
}

._btnActive_zh85k_79:before {
    color: #00a335;
    content: " ";
    font-family: FontAwesome
}

._btnNotActive_zh85k_119 {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #2a2f37;
    cursor: pointer;
    font-family: Fira Sans, Segoe UI, Arial, "sans- serif";
    font-size: 1rem;
    font-weight: 700;
    margin: 15px 0 0 5px;
    padding: 8px 0;
    text-align: center;
    width: 150px
}

._h2_zh85k_147 {
    margin: 0
}

._h1_zh85k_155 {
    margin-top: 0
}

._container_g58tb_1 {
    background-color: #00a335;
    display: flex;
    grid-area: 20 / 3 / 22 / 15;
    justify-content: center;
    margin-bottom: 20px;
    padding: 20px
}

._content_g58tb_19 {
    color: #fff
}

._github_g58tb_27,
._site_g58tb_29 {
    border-radius: 3px;
    padding: 10px;
    text-transform: lowercase
}

._site_g58tb_29:before {
    content: " ";
    font-family: fontawesome;
    font-size: 1.2rem
}

._github_g58tb_27:before {
    content: " ";
    font-family: fontawesome;
    font-size: 1.2rem
}

._container_1v7de_1 {
    display: flex;
    flex-direction: column;
    grid-area: 3 / 3 / 3 / 15
}

._container_1v7de_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    padding: 5px
}

._content_1v7de_25 {
    display: flex;
    justify-content: center
}

._contentOnus_1v7de_35 {
    justify-content: center;
    margin-left: 5px;
    width: 300px
}

._pons_1v7de_47 {
    background-color: #dfdfdf;
    border: 1px solid #cecece;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 1px;
    padding: 5px;
    text-align: center
}

._h5_1v7de_73 {
    background-color: #00a335;
    border-radius: 3px;
    color: #fff;
    font-size: small;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center
}

._h5Onu_1v7de_93 {
    background-color: red;
    border-radius: 3px;
    color: #fff;
    font-size: small;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center
}

._container_19mft_1 {
    grid-area: 5 / 3 / 15 / 10
}

._container_19mft_1 h2,
._containerRemove_19mft_11 h2 {
    border-bottom: 3px solid black
}

._containerRemove_19mft_11 {
    grid-area: 5 / 10 / 5 / 15;
    margin-left: 10px
}

._content_19mft_29 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px
}

._container_19mft_1 select {
    background-color: #696969;
    color: #fff;
    margin-bottom: 10px;
    padding: 5px;
    width: fit-content
}

._code_19mft_63 {
    cursor: pointer;
    padding: 15px 0
}

._code_19mft_63:hover {
    background-color: #1e1e1e
}

._code_19mft_63:active {
    background-color: #3c5745
}

._code_19mft_63:before {
    animation: _pulse_19mft_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_19mft_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

._container_mdkre_1 {
    grid-area: 4 / 3 / 4 / 15
}

._aviso_mdkre_9 {
    background-color: #fddda5;
    border: 1px solid #ffca6e;
    border-radius: 5px;
    color: #915b00;
    margin-top: 20px;
    padding: 10px
}

._aviso_mdkre_9 p {
    font-size: .9rem;
    margin: 0
}

._menu_1uto5_1 {
    background-color: #000;
    border-radius: 3px;
    font-size: .8rem;
    font-weight: 700;
    grid-area: 3 / 1 / 3/ 1;
    height: fit-content;
    list-style: none;
    margin-left: 1px;
    padding: 15px 15px 15px 10px;
    position: fixed;
    top: 55px
}

._menuItem_1uto5_29 {
    color: #fff;
    padding: 5px
}

._menuItem_1uto5_29:hover {
    background-color: #00a335;
    border-radius: 3px;
    color: #fff
}

:root {
    --cor-fundo: #00a335;
    --cor-hover: #1e8a41;
    --cor-fundo-hover: #125628;
    --cor-primaria: #e7f1ec
}

._container_puweb_15 {
    background-color: var(--cor-fundo)
}

._title_puweb_23 {
    font-weight: 900
}

._version_puweb_31 {
    background-color: #2a2f37;
    border-radius: 3px;
    font-size: .6rem;
    padding: 2px 5px
}

._menu_puweb_45 ul {
    border-radius: 3px;
    font-size: .8rem;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    text-align: center
}

._menu_puweb_45 ul li {
    display: inline;
    position: relative
}

._menu_puweb_45 ul li a {
    border-radius: 3px;
    color: var(--cor-primaria);
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    transition: background .3s
}

._menu_puweb_45 ul li a:hover {
    background-color: var(--cor-hover)
}

._btnExternal_puweb_99 {
    background-color: #1b873e;
    border: #00bc5f solid 1px;
    border-radius: 3px;
    color: var(--cor-primaria);
    font-size: .8rem;
    font-weight: 400;
    margin: 0;
    padding: 0
}

._menu_puweb_45 ul ul {
    background-color: var(--cor-fundo-hover);
    display: none;
    left: 0;
    margin-top: 0;
    position: absolute
}

._menu_puweb_45 ul li:hover ul {
    display: block
}

._menu_puweb_45 ul ul {
    width: 120px
}

._menu_puweb_45 ul ul li a {
    display: block
}

._container_2aypy_1 {
    display: flex;
    flex-direction: column;
    grid-area: 2 / 4 / 2 / 14;
    justify-content: center
}

._container_2aypy_1 h2 {
    border-bottom: 3px solid black;
    border-radius: 3px;
    grid-area: 1 / 4 / 1 / 14;
    margin: 0 0 20px;
    padding: 5px
}

._content_2aypy_31 {
    display: flex;
    justify-content: center
}

._pons_2aypy_41 {
    background-color: #dfdfdf;
    border: 1px solid #cecece;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0 10px 10px 0;
    padding: 5px;
    text-align: center
}

._pons_2aypy_41:last-child {
    margin-right: 0
}

._pons_2aypy_41 label,
input {
    margin-bottom: 5px
}

._title_2aypy_83 {
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    margin: 0 0 5px;
    padding: 5px;
    text-align: center
}

._Span_2aypy_101 {
    color: #818181;
    font-size: .6rem;
    font-style: italic
}

._contentCode_2aypy_113 {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    grid-area: 3 / 4 / 4 / 14;
    margin-bottom: 20px;
    padding: 20px
}

._code_2aypy_135 {
    cursor: pointer;
    padding: 15px 10px
}

._code_2aypy_135:hover {
    background-color: #1e1e1e
}

._code_2aypy_135:active {
    background-color: #3c5745
}

._code_2aypy_135:before {
    animation: _pulse_2aypy_1 3s infinite;
    content: "Copiar";
    display: flex;
    font-family: JetBrains Mono, monospace, arial;
    font-size: x-small;
    justify-content: end;
    text-transform: uppercase
}

@keyframes _pulse_2aypy_1 {
    0% {
        color: #d3d3d3
    }

    50% {
        color: #daa520
    }

    to {
        color: #d3d3d3
    }
}

::-webkit-input-placeholder {
    color: #a0a0a0;
    font-size: .8rem;
    text-transform: uppercase
}

._container_nzxy5_1 {
    background-color: #f5f5f5;
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(4 1fr)
}

._menu_nzxy5_17 {
    align-items: center;
    background-color: #0e421f;
    border-radius: 3px;
    color: #fff;
    display: flex;
    flex-direction: column;
    grid-area: 1 / 4 / 1 / 14;
    margin-top: 10px;
    padding: 30px
}

._select_nzxy5_41 {
    border: none;
    font-family: Fira Sans, Segoe UI, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 35px;
    text-align: center;
    width: 150px
}