@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
    unicode-range: u+0900 -097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

.w3a-parent-container #w3a-network-modal {
    --bg1: #fff;
    --bg2: #f9f9fb;
    --text-color1: #a2a5b5;
    --text-color2: #5c6c7f;
    --text-header: "Poppins", Helvetica, sans-serif;
    --text-body: "DM Sans", Helvetica, sans-serif;
    background: #000;
    color: var(--text-color1);
    height: 100vh;
    left: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    width: 100vw
}

.w3a-parent-container #w3a-network-modal, .w3a-parent-container #w3a-network-modal button.w3a-button {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-family: var(--text-body);
    justify-content: center
}

.w3a-parent-container #w3a-network-modal button.w3a-button {
    background-color: #fff;
    border: 1px solid #f3f3f4;
    border-radius: 24px;
    box-shadow: none;
    color: #b7b8bd;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    padding: 8px;
    width: 100%
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network {
    align-items: center;
    background: #f9f9fb;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: var(--text-body);
    padding: 20px;
    width: 375px
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__title {
    color: var(--text-color2);
    font-family: var(--text-header);
    font-size: 20px;
    margin-bottom: 16px;
    text-align: center
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__link {
    background-color: #fff;
    border-radius: 12px;
    color: #b7b8bd;
    font-size: 12px;
    height: 24px;
    padding: 4px 16px
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__connect {
    display: flex;
    margin: 40px auto 0
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__connect > div {
    color: var(--text-color2);
    font-size: 10px;
    text-align: center
}

.w3a-parent-container .w3a-switch-network__connect-divider {
    margin-top: 20px
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__logo {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 12px rgba(3, 100, 255, .05);
    display: flex;
    height: 58px;
    justify-content: center;
    margin: 0 auto 6px;
    width: 58px
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__logo img {
    height: 34px;
    width: 34px
}

.w3a-parent-container #w3a-network-modal .w3a-switch-network__buttons {
    column-gap: 16px;
    display: flex;
    margin-top: 60px;
    width: 100%
}

.w3a-parent-container #w3a-network-modal .w3a-button.w3a-button--primary {
    background-color: #0364ff;
    color: #fff
}