/* API Menu Items */
.api-method > .menu__link,
.schema > .menu__link {
    align-items: center;
    justify-content: start;
}

.api-method > .menu__link::before,
.schema > .menu__link::before {
    width: 55px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0.25rem;
    border: 1px solid;
    margin-right: var(--ifm-spacing-horizontal);
    text-align: center;
    flex-shrink: 0;
    border-color: transparent;
    color: white;
}

.get > .menu__link::before {
    content: "get";
    background-color: var(--ifm-color-primary);
}

.post > .menu__link::before {
    content: "post";
    background-color: var(--openapi-code-green);
}

.delete > .menu__link::before {
    content: "del";
    background-color: var(--openapi-code-red);
}

.put > .menu__link::before {
    content: "put";
    background-color: var(--openapi-code-blue);
}

.patch > .menu__link::before {
    content: "patch";
    background-color: var(--openapi-code-orange);
}

.head > .menu__link::before {
    content: "head";
    background-color: var(--ifm-color-secondary-darkest);
}

.event > .menu__link::before {
    content: "event";
    background-color: var(--ifm-color-secondary-darkest);
}

.schema > .menu__link::before {
    content: "schema";
    background-color: var(--ifm-color-secondary-darkest);
}

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --ifm-color-primary: #0080ff;
  --ifm-color-primary-dark: #0073e6;
  --ifm-color-primary-darker: #006dd9;
  --ifm-color-primary-darkest: #005ab3;
  --ifm-color-primary-light: #1a8dff;
  --ifm-color-primary-lighter: #2693ff;
  --ifm-color-primary-lightest: #4da6ff;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */

html[data-theme='dark'] {
  --ifm-color-primary: #0080ff;
  --ifm-color-primary-dark: #0073e6;
  --ifm-color-primary-darker: #006dd9;
  --ifm-color-primary-darkest: #005ab3;
  --ifm-color-primary-light: #1a8dff;
  --ifm-color-primary-lighter: #2693ff;
  --ifm-color-primary-lightest: #4da6ff;
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme='light'] .navbar .navbar__logo {
  content: url(/img/internal/BlinkLogoForLightMode.svg);
}

html[data-theme='dark'] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

.icon-dropdown {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.vendor-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  background-color: var(--Color-Grey-Medium-1, #3C3D42);
  padding: 5px 0 5px 1rem;
  margin: 10px 0 10px 0;
  border: 1px solid transparent;
}

.vendor-div:hover {
  border: 1px solid whitesmoke;
}

.vendor-icons {
  width: 33%;
}

.search-icons-container {
  display: flex;
  width: 100%
}

.search-icon {
  width: 100%;
  height: 45px;
  appearance: none;
  background-color: var(--Color-Grey-Medium-1, #3C3D42);
  border: none;
  border-radius: 8px;
  border-right: none;
  color: white;
  font: inherit;
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  outline: none;
  outline-style: none;
}

.search-icon:hover {
  cursor: auto;
  border: 1px solid whitesmoke;
}

.icon-img {
  background-color: transparent;
  width: 15px;
}

.link-container {
  background-color: transparent;
  text-decoration: none;
  width: 100%;
  display: flex;
  padding-left: 0.5rem;
}

.icon-title {
  font-size: 14px;
  line-height: 16px;
  color: white;
  font-family: 'inter';
  font-weight: 400px;

}

[data-theme='dark'] span.badge.badge--info {
  color: white;
  background-color: #225061;
  border: 0.5px solid #c1d9e0;
}


span.badge.badge--info {
  color: #0c1a30;
  background-color: #d9f2fb;
  border: none;
  border-radius: 0.35em;
  border: 0.5px solid #c1d9e0;
  font-family: var(--ifm-font-family-monospace);
  font-size: var(--ifm-code-font-size);
  font-weight: 400;
  margin: 0px, 0, 0.2, 0;

}

.DocSearch-Logo {
  display: none;
}

.DocSearch-Modal footer {
  justify-content: center;
}

mark#red {
  background-color: rgb(230, 45, 45);
  color: black;
}

mark#green {
  background-color: rgb(45, 230, 61);
  color: black;
}

mark#blue {
  background-color: rgb(45, 156, 230);
  color: black;
}



.long-image img {
  text-align: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
  justify-content: center;
  margin: 0;
}

.image-block {
  text-align: center;
  width: 100%;
  padding: 12px;
  display: flex;
  justify-content: center;
  margin: 0;
}

.image-block img {
  max-width: 80%;
}

.image-block.small img {
  max-width: 60%;
}

.image-block.big img {
  max-width: 100%;
}

.image-block.xsmall img {
  max-width: 50%;
}

.centered-image {
  display: flex;
  justify-content: center;
  margin: 0;
}

.icons p {
  background-color: #1c1c1d;
  border-radius: 15px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.icons img {
  width: 75px;
  height: 75px;
  margin: 20px 12px;
}

table {
  display: table;
  max-width: 90%;
  margin: 20px auto;
}

.integrations-table table {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  max-width: 100%;
  text-align: left;
  table-layout: fixed;
}

.integrations-table th:first-child {
  width: 50%;
}


.table-functions {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  max-width: 100%;
  text-align: left;
  table-layout: fixed;
}

.table-functions th:first-child {
  width: 17%;
}

.headless-table thead {
  display: none;
}

blockquote {
  padding: 18px;
}

html[data-theme='light'] blockquote {
  background-color: #f9f9f9;
}

html[data-theme='dark'] blockquote {
  background-color: #222222;
}

.nb-button {
  background: var(--docsearch-searchbox-background);
  border-radius: 30px;
  margin: 0 20px 0 10px;
}

.nb-button-blue {
  background: var(--ifm-color-primary);
  border-radius: 30px;
  margin: 0 10px 0 10px;
  color: white;
}

.nb-button-blue:hover {
  color: black;
}

.hide-sidebar-label {
  display: none;
}

.iframe-wrapper {
  display: unset;
}

.webhook-div {
  position: relative;
  padding-bottom: calc(49.79101358411703% + 41px);
  height: 0;
}

.iframe-webhook {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color-scheme: light;
}

.iframe {
  height: 800px;
  width: 100%;
}

.iframe-media {
  display: none;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .iframe {
    max-height: 100%;
    height: unset;
    border-radius: 32px;
  }

  .iframe-wrapper {
    display: block;
    position: relative;
    max-height: 200px;
    border-radius: 32px;
  }

  .iframe-media {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    backdrop-filter: blur(0.5em);
    background-color: rgba(34, 33, 38, .8);
    border-radius: 32px;
  }

  .integrations-table th:first-child {
    width: 110px;
  }
}

@media (max-width: 996px) {

  .searchBox_UMag,
  .searchBox_ZlJk,
  .searchBox_node_modules-docusaurus-theme-search-typesense-src-theme-SearchBar-styles-module {
    position: unset !important;
  }
}

:root {
    --primary-background-color: #1c1e21;
    --secondary-background-color-transparent: #00000000;
    --secondary-background-color-dark: #303136;
    --tertiary-background-color: #457bfd;
    --blur-background-color: #ffffff0a;
    --primary-text-color: #bec4ca;
    --secondary-text-color: #ffffff;
    --button-secondary-text-color: #ffffff;
    --tertiary-text-color: #4b4c53;
    --tertiary-color-dark: #bec4ca;
    --tertiary-color-blue: #0080ff;
    --tertiary-color-fair: #090a11;
    --input-text-color: #ffffff;
    --primary-icon-color: #ffffff;
    --hover-link-color: #ffffff;
    --hover-background-color: #ffffff0a;
    --box-shadow-color: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
    --border-color-grey: #ffffff4d;
}


@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,300;1,400;1,500;1,700&display=swap");

* {
    font-family: "Roboto";
    box-sizing: border-box;
}

h1,
h3 {
    font-family: "Roboto";
}

h1.title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 120px;
    color: var(--secondary-text-color);
}

.wink {
    width: 72px;
    height: 71px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.hidden {
    display: none !important;
}

h3.subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: var(--secondary-text-color);
}

h3.subtitle:hover {
    color: var(--primary-text-color);
}

.wallpaper-container-dark {
    background: url(/img/wallpaper-dark.png) no-repeat center center fixed, var(--primary-background-color);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    overflow-x: hidden;
}


.div-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.logo {
    width: 117px;
    height: 35.59px;
    margin: 15px 0 15px 10px;
}

.switch-div {
    padding: 20px 10px 0 0;
}

.icon-slider {
    position: relative;
    display: inline-block;
}

.moon {
    margin: 2px 0 4px 8px;
}

.sun {
    margin: 5px 0 0 38px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 33px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5C9FF8;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: var(--primary-icon-color);
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: var(--tertiary-color-blue);
}

input:focus+.slider {
    box-shadow: 0 0 1px var(--tertiary-color-blue);
}

input:checked+.slider:before {
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
    background-color: #ffffff
}

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

.title-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
}


.info-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 17px;
    justify-content: center;
    text-decoration: none;
    margin-top: 43px;
    padding: 20px 20px;
}


.search-container {
    position: relative;
    display: inline-block;
}

.search-bar {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.search-input {
    width: 100%;
    appearance: none;
    background-color: var(--secondary-background-color-dark);
    border: none;
    border-radius: 8px;
    border-right: none;
    color: var(--input-text-color);
    font: inherit;
    padding-left: 2.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    outline: none;
    outline-style: none;
}

.dropdown-menu {
    position: absolute;
    background-color: var(--secondary-background-color-dark);
    border: 1px solid var(--tertiary-text-color);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-width: 100%;
    max-height: 420px;
    overflow: auto;
    font-size: 18px;
    z-index: 1;
}

.result-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.75rem;
    height: 58px;
    margin: 5px 10px 4px 10px;
    background-color: var(--tertiary-color-fair);
    border: 1px solid var(--tertiary-color-fair);
    border-radius: 4px;
    color: var(--primary-text-color)
}

.result-item:hover {
    background-color: var(--tertiary-color-blue);
    color: var(--secondary-text-color);
}

.result-content {
    padding-top: 5px;
}

svg.menu {
    width: 5%;
    height: 75%;
    color: var(--tertiary-text-color);
}

.hit-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 8px 0 8px 8px;
}

.hit-lvl1 {
    color: var(--tertiary-text-color);
    padding: 0 0 0 8px;
}

.result-header {
    font-size: 0.85rem;
    margin-top: 8px;
    padding-left: 14px;
    font-weight: bold;
    color: var(--tertiary-color-blue);
    text-decoration: underline;
}

#icon-header {
    text-decoration: none;
}

.nav-link:hover {
    color: var(--secondary-text-color);
}

.button {
    margin-top: 70px;
    color: var(--button-secondary-text-color);
    border-radius: 12px;
    background: var(--tertiary-color-blue);
    width: 180px;
}

.button a {
    display: flex;
    height: 14px;
    padding: 14px 0 14px 0;
    justify-content: center;
    align-items: center;
    color: var(--button-secondary-text-color);
    flex-shrink: 0;
    border-radius: 4px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

a:hover {
    text-decoration: none;
    color: var(--hover-link-color);
}

.container-1,
.container-2,
.container-3,
.container-4,
.container-5 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
    background-color: var(--blur-background-color);
    border: 1px solid var(--border-color-grey);
    border-radius: 10px;
    width: 254.6px;
    height: 323px;
    border-radius: 10px;
    color: var(--tertiary-color-dark);
}

.container-1:hover,
.container-2:hover,
.container-3:hover,
.container-4:hover,
.container-5:hover {
    border: 1px solid var(--secondary-text-color);
    color: var(--secondary-text-color);
    background-color: var(--hover-background-color)
}

h1.title-1,
h1.title-2,
h1.title-3,
h1.title-4,
h1.title-5 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    background: var(--secondary-background-color-transparent);
}


h5.paragraph-1,
h5.paragraph-2,
h5.paragraph-3,
h5.paragraph-4,
h5.paragraph-5 {
    width: 200px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    background: var(--secondary-background-color-transparent);
}

img.icon-rocket,
img.icon-robot,
img.icon-management,
img.icon-search,
img.icon-connect {
    width: 61.85px;
    height: 60px;
    background: var(--secondary-background-color-transparent);
}

.icons img {
    width: 75px;
    height: 75px;
    margin: 20px 12px;
}

@media only screen and (min-width:769px) and (max-width: 1339px) {

    .wallpaper-container {
        background: var(--primary-background-color);
    }


    h1.title {
        font-size: 100px;
    }

    .wink {
        width: 60px;
        height: 60px;

    }

    .logo {
        margin: 20px 0 0 15px;
    }

    .button {
        margin: 40px 0 10px 0;
    }

    .container-1,
    .container-2,
    .container-3,
    .container-4,
    .container-5 {
        width: 220px;
        height: 250px;
    }

}


@media only screen and (max-width: 768px) {

    .iframe {
        max-height: 100%;
        height: unset;
        border-radius: 32px;
    }

    .iframe-wrapper {
        display: block;
        position: relative;
        max-height: 200px;
        border-radius: 32px;
    }

    .iframe-media {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        backdrop-filter: blur(0.5em);
        background-color: rgba(34, 33, 38, 0.8);
        border-radius: 32px;
    }

    .integrations-table th:first-child {
        width: 110px;
    }


    .wallpaper-container {
        background: var(--primary-background-color);
        height: auto;
    }

    .title-container {
        margin-top: 0;
        padding-top: 15px;
    }

    .div-container {
        padding: 10px 0 50px 0;
    }

    .button {
        margin-top: 35px;
    }

    .info-container {
        margin-top: 50px;
        display: flex;
        flex-direction: row;
    }

    h1.title {
        text-align: center;
        font-size: 55px;
        font-family: Inter;
        font-weight: 700;
        line-height: 79.119px;
    }


    .logo {
        margin: 20px 0 0 25px;
        width: 100px;
    }

    .wink {
        width: 33px;
        height: 35px;
    }

    h3.subtitle {
        color: var(--primary-text-color);
        text-align: center;
        font-size: 14.241px;
        font-family: Inter;
        line-height: 22.153px;
    }

    .search-bar {
        margin-top: 15px;
    }

    .search-input {
        width: 300px;
        padding: 15px 15px 15px 15px;
        font-size: small;
    }

    .hit-title,
    .hit-lvl1 {
        font-size: 10.5px;
        padding: 0 0 0 0;
    }

    .result-content {
        padding: 0 0 0 10px;

    }
}

@media only screen and (min-height:1200px) {

    .title-container {
        margin-top: 100px;
    }

    .info-container {
        margin-top: 180px;
    }
}

:root {
    --primary-background-color: #F3F3F3;
    --secondary-background-color-transparent: #00000000;
    --secondary-background-color-dark: #EAEAEA;
    --tertiary-background-color: #5C9FF8;
    --blur-background-color: #ffffff80;
    --primary-text-color: #0080ff;
    --secondary-text-color: #ffffff;
    --button-secondary-text-color: #ffffff;
    --tertiary-text-color: #4b4c53;
    --tertiary-color-dark: #303136;
    --tertiary-color-blue: #5C9FF8;
    --tertiary-color-fair: #ffffff;
    --input-text-color: #000000;
    --primary-icon-color: #ffffff;
    --hover-link-color: #5C9FF8;
    --hover-background-color: #f5f6f8;
    --box-shadow-color: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
    --border-color-grey: #ffffff80;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


* {
    font-family: "Roboto";
    box-sizing: border-box;
}

h1,
h3 {
    font-family: "Roboto";
}


h1.title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 120px;
    color: var(--secondary-text-color);
}

.wink {
    width: 72px;
    height: 71px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

h3.subtitle {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: var(--secondary-text-color);
}

h3.subtitle:hover {
    color: var(--primary-text-color);
}

.wallpaper-container {
    background: url(/img/wallpaper-transparent.png) no-repeat center center fixed, var(--primary-background-color);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100vh;
    overflow-x: hidden;
}

.div-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.logo {
    width: 117px;
    height: 35.59px;
    margin: 15px 0 15px 10px;
}

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


.title-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
}


.info-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 17px;
    justify-content: center;
    text-decoration: none;
    margin-top: 43px;
    padding: 20px 20px;
}


.search-container {
    position: relative;
    display: inline-block;
}

.search-bar {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.search-input {
    width: 653px;
    height: 45px;
    appearance: none;
    background-color: var(--secondary-background-color-dark);
    border: none;
    border-radius: 8px;
    border-right: none;
    color: var(--input-text-color);
    font: inherit;
    padding-left: 2.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    outline: none;
    outline-style: none;
}

.dropdown-menu {
    position: absolute;
    background-color: var(--secondary-background-color-dark);
    border: 1px solid var(--secondary-color);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-width: 100%;
    max-height: 420px;
    overflow: auto;
    font-size: 18px;
    z-index: 1;
}

.result-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.75rem;
    height: 58px;
    margin: 5px 10px 4px 10px;
    background-color: var(--tertiary-color-fair);
    border: 1px solid var(--tertiary-color-fair);
    border-radius: 4px;
    color: var(--primary-text-color)
}

.result-item:hover {
    background-color: var(--tertiary-color-blue);
    color: var(--secondary-text-color);
}

.result-content {
    padding-top: 5px;
}

svg.menu {
    width: 5%;
    height: 75%;
    color: var(--tertiary-text-color);
}

a.icon-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 8px 0 8px 8px;
    color: var(--secondary-text-color);
}


.hit-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 8px 0 8px 8px;
    color: var(--secondary-text-color);
}

.hit-lvl1 {
    color: var(--tertiary-text-color);
    padding: 0 0 0 8px;
}

.result-header {
    font-size: 0.85rem;
    margin-top: 8px;
    padding-left: 14px;
    color: var(--tertiary-color-blue);
    font-weight: bold;
    text-decoration: underline;
}

#icon-header {
    text-decoration: none;
}

.icon-name {
    margin-left: 5px;
}

.nav-link:hover {
    color: var(--secondary-text-color);
}

.button {
    margin-top: 70px;
    color: var(--button-secondary-text-colorr);
    border-radius: 8px;
    background: var(--tertiary-color-blue);
    width: 180px;
}

.button a {
    display: flex;
    height: 14px;
    padding: 14px 0 14px 0;
    justify-content: center;
    align-items: center;
    color: var(--button-secondary-text-color);
    flex-shrink: 0;
    border-radius: 4px;
    background: var(--tertiary-color-blue);
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
}

a:hover {
    text-decoration: none;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5C9FF8;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.round:before {
    border-radius: 50%;
    background-color: #ffffff
}



.container-1,
.container-2,
.container-3,
.container-4,
.container-5 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
    background-color: var(--blur-background-color);
    border: 1px solid var(--border-color-grey);
    border-radius: 10px;
    width: 254.6px;
    height: 323px;
    color: var(--tertiary-color-dark);
}

.container-1:hover,
.container-2:hover,
.container-3:hover,
.container-4:hover,
.container-5:hover {
    border: 1px solid var(--hover-link-color);
    color: var(--hover-link-color);
    background-color: var(--hover-background-color);
}

h1.title-1,
h1.title-2,
h1.title-3,
h1.title-4,
h1.title-5 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    background: var(--secondary-background-color-transparent);
}

h5.paragraph-1,
h5.paragraph-2,
h5.paragraph-3,
h5.paragraph-4,
h5.paragraph-5 {
    width: 200px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    background: var(--secondary-background-color-transparent);
}

img.icon-rocket,
img.icon-robot,
img.icon-management,
img.icon-search,
img.icon-connect {
    width: 61.85px;
    height: 60px;
    background: var(--secondary-background-color-transparent);
}

.icons img {
    width: 75px;
    height: 75px;
    margin: 20px 12px;
}


@media only screen and (min-width:769px) and (max-width: 1339px) {

    .wallpaper-container {
        background: var(--primary-background-color);
    }


    h1.title {
        font-size: 100px;
    }

    .wink {
        width: 60px;
        height: 60px;

    }

    .logo {
        margin: 20px 0 0 15px;
    }

    .button {
        margin: 40px 0 10px 0;
    }

    .container-1,
    .container-2,
    .container-3,
    .container-4,
    .container-5 {
        width: 220px;
        height: 250px;
    }

}


@media only screen and (max-width: 768px) {

    .iframe {
        max-height: 100%;
        height: unset;
        border-radius: 32px;
    }

    .iframe-wrapper {
        display: block;
        position: relative;
        max-height: 200px;
        border-radius: 32px;
    }

    .iframe-media {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        backdrop-filter: blur(0.5em);
        background-color: var(--secondary-background-color-dark);
        border-radius: 32px;
    }

    .integrations-table th:first-child {
        width: 110px;
    }


    .wallpaper-container {
        background: var(--primary-background-color);
        height: auto;
    }

    .title-container {
        margin-top: 0;
        padding-top: 15px;
    }

    .div-container {
        padding: 10px 0 50px 0;
    }

    .button {
        margin-top: 35px;
    }

    .info-container {
        margin-top: 50px;
        display: flex;
        flex-direction: row;
    }

    h1.title {
        text-align: center;
        font-size: 55px;
        font-family: Inter;
        font-weight: 700;
        line-height: 79.119px;
    }


    .logo {
        margin: 20px 0 0 25px;
        width: 100px;
    }

    .wink {
        width: 33px;
        height: 35px;
    }

    h3.subtitle {
        color: var(--primary-text-color);
        text-align: center;
        font-size: 14.241px;
        font-family: Inter;
        line-height: 22.153px;
    }

    .search-bar {
        margin-top: 15px;
    }

    .search-input {
        width: 300px;
        padding: 15px 15px 15px 15px;
        font-size: small;
    }

    .hit-title,
    .hit-lvl1 {
        font-size: 10.5px;
        padding: 0 0 0 0;
    }

    .result-content {
        padding: 0 0 0 10px;

    }
}

@media only screen and (min-height:1200px) {

    .title-container {
        margin-top: 100px;
    }

    .info-container {
        margin-top: 180px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,300;1,400;1,500;1,700&display=swap");

@font-face {
  font-family: 'Nacelle';
  src: url('https://cdn.prod.website-files.com/62000f475eba4d3330543f5b/652d7a00b58f4090a56b69d4_Nacelle-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-mode-aware-p-color-alt : rgba(0, 0, 0, 0.50);
  --dark-mode-aware-dark-background-color: #1A283B;
  --dark-mode-aware-dark-border-color: #666;
  --dark-mode-aware-dark-text-color: #eee;
  --dark-mode-aware-dark-wrapper-background-color: #364150;
  --dark-mode-aware-dark-link-color: #ffffff;
  --dark-mode-aware-keybpoard-shortcut: "rgba(18, 18, 18, 0.85)";
  --hero-background-image-light: url("https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroLightV.svg");
  --hero-background-image-dark: url("https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroDark.svg");
  --landing-page-image-light: url("https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/Hero.svg");
  --landing-page-image-dark: url("https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroDark.svg");
}

h1,
h2,
h3,
h4 {
  font-family: 'Roboto';
  letter-spacing: normal !important;
}

.hero-text h1{
  font-family: "Roboto";
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 63px;
  letter-spacing: 2.4px;
}

.hero-text h3{
  font-family: "Roboto";
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.2px;
  letter-spacing: 0.96px;
}

.background-image{
 background-image: var(--landing-page-image-light);
 height: 330px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 width: 100%; 
 display: flex; 
 align-items: center;
 justify-content: center;
 overflow: hidden;
}

.dark .background-image{
  background-image: var(--landing-page-image-dark);
}

.paragraph-block{
  text-align: start;
  text-wrap:inherit;
}

.paragraph{
  display: block;
  margin-block-start: 0.5em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
 line-height: normal;
 color: var(----dark-mode-aware-p-color)
}

.dark .paragraph{
  color: #ffffff;
}

.iframe {
  height: 800px;
  width: 100%;
}

.iframe-wrapper {
  display: unset;
}

.iframe-media {
  display: none;
}

.hero {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  padding: 2rem, 2rem, 2rem, 2rem;
  background-image: var(--hero-background-image-light);
  height: 326px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.dark .hero {
  background-image: var(--hero-background-image-dark);
}


.hero-content {
  display: flex;
  flex-direction: column;
  align-items:flex-start;
  margin-bottom: 1rem;
}

.hero h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  color: black;
}

.search-bar {
  display: flex;
  align-items: center;
  background: transparent;
  border: 1px solid #d6d8db;
  border-radius: 0.5rem;
  overflow: hidden;
}

.search-bar input {
  border: none;
  padding: 0.75rem 1rem;
  width: 400px;
  height: 43px;
  background: transparent;
  font-size: 1rem;
  flex-grow: 1;
  outline: none;
  border-radius: var(--Sizes-Radius-R-4-px, 4px);
  border: 1px solid var(--Color-Transparent-White-10, rgba(255, 255, 255, 0.10));
  background: var(--Color-Transparent-White-05, rgba(255, 255, 255, 0.05));
  backdrop-filter: blur(8px);
}

.keyboard-shortcut {
  display: flex;
  align-items: center;
  background:transparent;
  border-radius: var(--Sizes-Radius-R-4-px, 4px);
  border: 1px solid var(--Color-Transparent-White-10, rgba(255, 255, 255, 0.10));
  backdrop-filter: blur(8px);
  padding: 0.5rem;
}

.keys span {
  font-size: 14px;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(62, 149, 255, 0.04);
  color: rgba(18, 18, 18, 0.85);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  margin: 0 0.2rem;
}

.dark .keys span{
  background-color: rgba(62, 149, 255, 0.16);
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(62, 149, 255, 0.04);
}

.grid-table{
  margin-top: 2rem;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
   display: flex;
  align-items: center;
}

#api-grid {
  grid-column-gap: 5rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  justify-items: center;
}

.api-item {
  display: flex;
  padding: var(--Sizes-Padding-Possitive-32-px, 32px) var(--Sizes-Padding-Possitive-16-px, 16px);
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  height: 100px;
  width: 300px;
  border-radius: 16px;
  border: 1px solid rgba(62, 149, 255, 0.04);
  background: #F4F4F4;
}

.api-item img {
  height: 24px;
  width: 24px;
  padding: 9px, 9px,9px 9px;
}

.api-item span {
  font-size: 1rem;
  font-weight: 400;
  color: #FFF;
}

.vendor-link{ 
color: #000000;
text-overflow: ellipsis;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 500;
padding-left: 24px;
letter-spacing: 1.12px;
}

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #E3DFDF;
}

.dark .dark-mode-aware {
  border: 1px solid rgba(62, 149, 255, 0.04);
  background: #1A283B;
}

.dark .wrapper {
  background-color: #364150;
}

.dark .vendor-link {
color: #ffffff;
text-overflow: ellipsis;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 500;
padding-left: 24px;
letter-spacing: 1.12px;
}

table {
  display: table;
  max-width: 90%;
  margin: 20px auto;
}

.integrations-table table {
  border-collapse: collapse;
  border-style: solid;
  width: 100%;
  max-width: 100%;
  text-align: left;
  table-layout: fixed;
  align-items: left;
  border-color: #000000;
}

.integrations-table code a {
  pointer-events: none;
  text-decoration: none;
  color: var(--ifm-table-cell-color);
  cursor: default;
}

.integrations-table th:first-child {
  width: 50%;
}


.table-functions {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
  max-width: 100%;
  text-align: left;
  table-layout: fixed;
}

.table-functions th:first-child {
  width: 17%;
}

.footer-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 100px;
  align-items: center;
}

.footer-icons {
  display: flex;
  gap: 32px;
}

.footer-title {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.footer-display{
  display: flex;
  flex-direction: row;
}


@media only screen and (max-width: 768px) {

  .hero{
    flex-direction: column;
    justify-content: center;
  }

  #api-grid {
    grid-template-columns: 1fr 1fr; 
    grid-column-gap: 2rem;
  }

  .iframe {
    max-height: 100%;
    height: unset;
    border-radius: 32px;
  }

  .iframe-wrapper {
    display: block;
    position: relative;
    max-height: 200px;
    border-radius: 32px;
  }

  .iframe-media {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    backdrop-filter: blur(0.5em);
    background-color: rgba(34, 33, 38, 0.8);
    border-radius: 32px;
  }

}

@media (max-width: 996px) {

  .hero{
    flex-direction: column;
    justify-content: center;
  }

  #api-grid {
    grid-template-columns: 1fr 1fr; 
    grid-column-gap: 2rem;
  }

}

module.exports = {
  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
};


module.exports = [
  { type: "doc", id: "api/blink-rest-api" },
  { type: "doc", id: "api/rql", label: "RQL" },
  {
    type: "category",
    label: "Connections",
    items: [
      {
        type: "doc",
        id: "api/list-connection-types",
        label: "List connection types",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/list-connections",
        label: "List connections",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/create-connection",
        label: "Create connection",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/connection-delete",
        label: "Delete Connection",
        className: "api-method delete",
      },
      {
        type: "doc",
        id: "api/connection-edit",
        label: "Edit connection",
        className: "api-method post",
      },
    ],
  },
  {
    type: "category",
    label: "Workflows",
    items: [
      {
        type: "doc",
        id: "api/execute-playbook",
        label: "Run workflow",
        className: "api-method post",
      },
    ],
  },
  {
    type: "category",
    label: "Case Management",
    items: [
      {
        type: "doc",
        id: "api/case-management-list-records",
        label: "List Records from Case Management Table",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/case-management-delete-record",
        label: "Delete a Record from Case Management Table",
        className: "api-method delete",
      },
      {
        type: "doc",
        id: "api/create-alert",
        label: "Create an Alert",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/update-alert",
        label: "Update an Alert",
        className: "api-method put",
      },
      {
        type: "doc",
        id: "api/create-attachment",
        label: "Create an Attachment",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/update-attachment",
        label: "Update an Attachment",
        className: "api-method put",
      },
      {
        type: "doc",
        id: "api/create-case",
        label: "Create a Case",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/update-case",
        label: "Update a Case",
        className: "api-method put",
      },
      {
        type: "doc",
        id: "api/create-ioc",
        label: "Create an IOC",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/update-ioc",
        label: "Update an IOC",
        className: "api-method put",
      },
      {
        type: "doc",
        id: "api/create-task",
        label: "Create a Task",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/update-task",
        label: "Update a Task",
        className: "api-method put",
      },
    ],
  },
  {
    type: "category",
    label: "Users",
    items: [
      {
        type: "doc",
        id: "api/add-users-to-group",
        label: "Add users to group",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/remove-users-from-group",
        label: "Remove users from group",
        className: "api-method post",
      },
      {
        type: "doc",
        id: "api/get-users",
        label: "Get users or groups",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/get-workspaces",
        label: "List user workspaces",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/get-user-groups",
        label: "Get groups of user",
        className: "api-method get",
      },
    ],
  },
  {
    type: "category",
    label: "Groups",
    items: [
      {
        type: "doc",
        id: "api/delete-group",
        label: "Delete group",
        className: "api-method delete",
      },
      {
        type: "doc",
        id: "api/list-group-users",
        label: "List group users",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/get-groups",
        label: "Get groups",
        className: "api-method get",
      },
      {
        type: "doc",
        id: "api/create-group",
        label: "Create group",
        className: "api-method post",
      },
    ],
  },
  {
    type: "category",
    label: "Executions",
    items: [
      {
        type: "doc",
        id: "api/playbook-execution-get-outputs",
        label: "Get Workflow's execution output",
        className: "api-method get",
      },
    ],
  },
  {
    type: "category",
    label: "Workspaces",
    items: [
      {
        type: "doc",
        id: "api/workspace-add-entities",
        label: "Add entities to workspace",
        className: "api-method post",
      },
    ],
  },
];


// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

const lightCodeTheme = require("prism-react-renderer/themes/github");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: "Blink Ops Documentation",
  tagline: "Build internal tools for cloud operations",
  url: "https://docs.blinkops.com",
  baseUrl: "/",
  onBrokenLinks: "throw",
  onBrokenMarkdownLinks: "warn",
  favicon: "/img/favicon.ico",
  organizationName: "Blinkops", // Usually your GitHub org/user name.
  projectName: "blink-docs", // Usually your repo name.
  staticDirectories: ["static"],
  trailingSlash: false,

  presets: [
    [
      "classic",
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        docs: {
          sidebarPath: require.resolve("./sidebars.js"),
          docItemComponent: "@theme/ApiItem",
        },
        theme: {
          customCss: require.resolve("./src/css/custom.css"),
        },
      }),
    ],
  ],
  themes: [
    "docusaurus-theme-search-typesense",
    "docusaurus-theme-openapi-docs",
  ],
  webpack: {
    jsLoader: (isServer) => ({
      loader: require.resolve("swc-loader"),
      options: {
        jsc: {
          parser: {
            syntax: "typescript",
            tsx: true,
          },
          target: "es2017",
        },
        module: {
          type: isServer ? "commonjs" : "es6",
        },
      },
    }),
  },
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    {
      metadata: [{ name: "slack-app-id", content: "A03EX57MU9X" }],
      colorMode: {
        defaultMode: "light",
      },
      navbar: {
        logo: {
          alt: "Blink Docs Logo",
          src: "/img/internal/BlinkLogoForDarkMode.svg",
        },
        items: [
          {
            type: "doc",
            docId: "getting-started/introduction",
            position: "left",
            label: "Getting Started",
          },
          {
            type: "doc",
            docId: "workflows/workflows",
            position: "left",
            label: "Workflows",
          },
          {
            type: "doc",
            docId: "blink-platform/blink-platform",
            position: "left",
            label: "Blink Platform",
          },
          {
            type: "doc",
            docId: "integrations/integrations",
            position: "left",
            label: "Integrations",
          },
          {
            type: "doc",
            docId: "account-management/account-management",
            position: "left",
            label: "Account Management",
          },
          {
            to: "https://www.blinkops.com/schedule-time",
            position: "right",
            className: "nb-button-blue",
            label: "Get started",
          },
          {
            to: "https://app.blinkops.com/login",
            position: "right",
            className: "nb-button",
            label: "Log in",
          },
        ],
      },
      footer: {
        style: "dark",
        links: [],
        copyright: `Copyright © ${new Date().getFullYear()} Blink, Inc.`,
      },
      prism: {
        theme: lightCodeTheme,
        darkTheme: darkCodeTheme,
      },
      typesense: {
        typesenseCollectionName: "docusaurus-2", // Replace with your own doc site's name. Should match the collection name in the scraper settings.

        typesenseServerConfig: {
          nodes: [
            {
              host: "4ctm1v7g6wjeofkdp-1.a1.typesense.net",
              port: 443,
              protocol: "https",
            },
          ],
          apiKey: "5klm5vBuzcShyDHC5UXA4l5al2mLSGgZ",
        },

        // Optional: Typesense search parameters: https://typesense.org/docs/0.21.0/api/documents.md#search-parameters
        typesenseSearchParameters: {},

        // Optional
        contextualSearch: true,
      },
      tableOfContents: {
        minHeadingLevel: 2,
        maxHeadingLevel: 5,
      },
    },
  plugins: [
    "my-loaders",
    [
      "docusaurus-plugin-openapi-docs",
      {
        id: "openapi",
        docsPluginId: "classic", // e.g. "classic" or the plugin-content-docs id
        config: {
          blink: {
            // the <id> that you will reference in the CLI
            specPath: "static/api/openapi.yaml", // path or URL to the OpenAPI spec
            outputDir: "docs/api", // output directory for generated *.mdx and sidebar.js files
            sidebarOptions: {
              groupPathsBy: "tag", // generate a sidebar.js slice that groups operations by tag
            },
          },
        },
      },
    ],
    () => ({
      name: "inject-tag",
      injectHtmlTags() {
        return {
          headTags: [
            {
              tagName: "script",
              attributes: {
                src: "/js/google-tags/googleTags.js",
              },
            },
          ],
          preBodyTags: [
            `<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MWQHTL5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>`,
          ],
          postBodyTags: [
            {
              tagName: "script",
              attributes: {
                src: "/js/intercom/intercomSettings.js",
              },
            },
            {
              tagName: "script",
              attributes: {
                src: "/js/intercom/intercom.js",
              },
            },
          ],
        };
      },
    }),
  ],
};

module.exports = config;


module.exports = function (context, options) {
  return {
    name: 'my-loaders',
    configureWebpack(config, isServer) {
      return {
        module: {
          rules: [
            {
              test: /\.m?js/,
              resolve: {
                fullySpecified: false
              }
            },
          ],
        },
      };
    },
  };
};

/**
 * Creating a sidebar enables you to:
 - create an ordered group of docs
 - render a sidebar for each doc of that group
 - provide next/previous navigation

 The sidebars can be generated from the filesystem, or explicitly defined here.

 Create as many sidebars as you want.
 */

// @ts-check

/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
const sidebars = {
  // By default, Docusaurus generates a sidebar from the docs folder structure
  introSidebar: [{ type: "autogenerated", dirName: "getting-started" }],
  workflowsSidebar: [{ type: "autogenerated", dirName: "workflows" }],
  docsSidebar: [{ type: "autogenerated", dirName: "blink-platform" }],
  integrationsSidebar: [{ type: "autogenerated", dirName: "integrations" }],
  accountSidebar: [{ type: "autogenerated", dirName: "account-management" }],
  apiSidebar: [
    {
      type: "category",
      label: "API",
      link: {
        type: "generated-index",
        title: "API",
        description:
          "The Blink REST API provides programmatic access to Blink data and functionality, enabling the management of resources such as workflows, users, cases, and more.",
        slug: "/api",
      },
      // @ts-ignore
      items: require("./docs/api/sidebar.js"),
    },
  ],
};

module.exports = sidebars;


import { createContext } from "react";
import { Client } from "typesense";
import integrationsData from "./data";

export const client = new Client({
  nodes: [
    {
      host: "4ctm1v7g6wjeofkdp-1.a1.typesense.net",
      port: "443",
      protocol: "https",
    },
  ],
  apiKey: "5klm5vBuzcShyDHC5UXA4l5al2mLSGgZ",
});

export let searchRequests = {
  searches: [
    {
      collection: "docusaurus-2",
      q: "",
      filter_by:
        "language:=en && docusaurus_tag:=[default,docs-default-current]",
      query_by:
        "hierarchy.lvl0,hierarchy.lvl1,hierarchy.lvl2,hierarchy.lvl3,hierarchy.lvl4,hierarchy.lvl5,hierarchy.lvl6,content",
      group_by: "url",
      group_limit: "3",
      include_fields:
        "hierarchy.lvl0,hierarchy.lvl1,hierarchy.lvl2,hierarchy.lvl3,hierarchy.lvl4,hierarchy.lvl5,hierarchy.lvl6,content,anchor,url,type,id",
      highlight_full_fields:
        "hierarchy.lvl0,hierarchy.lvl1,hierarchy.lvl2,hierarchy.lvl3,hierarchy.lvl4,hierarchy.lvl5,hierarchy.lvl6,content",
    },
  ],
};

export const truncate = (str, n) => {
  if (str && str.length > n) {
    return str.slice(0, n - 1) + "…";
  } else {
    return str;
  }
};

export const handleClickOutside = (
  event,
  searchContainerRef,
  setSearchTerm
) => {
  if (
    searchContainerRef.current &&
    !searchContainerRef.current.contains(event.target)
  ) {
    setSearchTerm("");
  }
};

export const clickOutsideFunction = (searchContainerRef, setSearchTerm) => {
  const handleOutsideClick = (event) =>
    handleClickOutside(event, searchContainerRef, setSearchTerm);

  document.addEventListener("mousedown", handleOutsideClick);

  return () => {
    document.removeEventListener("mousedown", handleOutsideClick);
  };
};

export function mapResults(results) {
  const finalResults = {};

  results.forEach((result) => {
    result.grouped_hits.forEach((groupedHit) => {
      groupedHit.hits.forEach((hit) => {
        const key = hit.document["hierarchy.lvl0"];
        const hitComponent = {
          lvl0: key,
          title:
            hit.document.content ||
            hit.document["hierarchy.lvl4"] ||
            hit.document["hierarchy.lvl2"] ||
            hit.document["hierarchy.lvl3"],
          lvl1: hit.document["hierarchy.lvl1"],
          url: hit.document.url,
        };
        if (finalResults[key]) {
          if (finalResults[key].length < 5)
            finalResults[key].push(hitComponent);
        } else {
          finalResults[key] = [hitComponent];
        }
      });
    });
  });

  return Object.entries(finalResults).map(([key, value]) => ({
    sectionTitle: key,
    hits: value,
  }));
}

export const mapping = ({ results }) => {
  const processedResults = mapResults(results);
  return processedResults;
};

export const getLogoSrc = (isDarkTheme) => {
  const logoSrc = isDarkTheme
    ? "/img/internal/BlinkLogoForDarkMode.svg"
    : "/img/internal/BlinkLogoForLightMode.svg";
  return logoSrc;
};

export const getBFaceSrc = (isDarkTheme) => {
  const BFaceSrc = isDarkTheme ? "/img/Bface.svg" : "/img/BFaceDark.svg";
  return BFaceSrc;
};

export const getModeSrc = (isDarkTheme) => {
  const modeSrc = isDarkTheme ? "/img/moon.svg" : "/img/sun.svg";
  return modeSrc;
};

export const modeClassName = (isDarkTheme) => {
  const modeClassName = isDarkTheme ? "moon" : "sun";
  return modeClassName;
};

export const ThemeContext = createContext();

export function isInitiallyDark(preferredTheme) {
  return preferredTheme ? preferredTheme === "dark" : true;
}

export function setPreferredTheme(theme) {
  if (typeof window !== "undefined") {
    window.localStorage.setItem("theme", theme);
  }
}

export function getPreferredTheme() {
  if (typeof window !== "undefined") {
    return window.localStorage.getItem("theme");
  }
  return null;
}

export function getInitialTheme(initiallyDark, darkTheme, lightTheme) {
  return initiallyDark ? darkTheme : lightTheme;
}


import React, { useState, useEffect } from "react";
import Tables from "../components/Tables";
import Result from "../components/Result";
import Modes from "../components/Modes";
import {
  ThemeContext,
  isInitiallyDark,
  setPreferredTheme,
  getPreferredTheme,
  getInitialTheme,
} from "../lib/api";
import { darkTheme, lightTheme } from "../components/Theme";
import "../css/docs.css";
import "../css/docs_light.css";
import "../css/api.css";

export default function Home() {
  const preferredTheme = getPreferredTheme();
  const initiallyDark = isInitiallyDark(preferredTheme);
  const initialTheme = getInitialTheme(initiallyDark, darkTheme, lightTheme);
  const [isDarkTheme, setIsDarkTheme] = useState(initiallyDark);
  const [activeTheme, setActiveTheme] = useState(initialTheme);
  const [themeStyles, setThemeStyles] = useState({});
  const [isThemeLoaded, setIsThemeLoaded] = useState(false);

  useEffect(() => {
    const newThemeStyles = {};

    for (const [property, value] of Object.entries(activeTheme[0])) {
      newThemeStyles[`--${property}`] = value;
    }

    setThemeStyles(newThemeStyles);
    setIsThemeLoaded(true);
  }, [activeTheme]);

  const toggleTheme = () => {
    setIsDarkTheme((prevIsDarkTheme) => !prevIsDarkTheme);
    setActiveTheme((prevIsDarkTheme) =>
      prevIsDarkTheme === darkTheme ? lightTheme : darkTheme
    );

    const newPreferredTheme = isDarkTheme ? "light" : "dark";
    setPreferredTheme(newPreferredTheme);
  };

  if (!isThemeLoaded) {
    return null;
  }

  return (
    <ThemeContext.Provider value={{ isDarkTheme, toggleTheme }}>
      <div
        className={
          isDarkTheme ? "wallpaper-container" : "wallpaper-container-dark"
        }
        style={themeStyles}>
        <div className="div-container">
          <Modes />
          <Result />
          <Tables />
        </div>
      </div>
    </ThemeContext.Provider>
  );
}


import React from "react";
import IconSearch from "../../components/IconSearch";

export default function Integrations() {
  return (
    <>
      <IconSearch />
    </>
  );
}


(function(w,d,s,l,i){
    w[l]=w[l]||[];
    w[l].push({
        'gtm.start': new Date().getTime(),event:'gtm.js'
    });
    var f =d .getElementsByTagName(s)[0], j = d.createElement(s), dl = l!='dataLayer'?'&l='+l:'';
    j.async = true;
    j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MWQHTL5');

// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/ok3sqlwb'
(function () {
    var w = window;
    var ic = w.Intercom;
    if (typeof ic === 'function') {
        ic('reattach_activator');
        ic('update', w.intercomSettings);
    } else {
        var d = document;
        var i = function () {
            i.c(arguments);
        };
        i.q = [];
        i.c = function (args) {
            i.q.push(args);
        };
        w.Intercom = i;
        var l = function () {
            var s = d.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = 'https://widget.intercom.io/widget/ok3sqlwb';
            var x = d.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
        };
        if (document.readyState === 'complete') {
            l();
        } else if (w.attachEvent) {
            w.attachEvent('onload', l);
        } else {
            w.addEventListener('load', l, false);
        }
    }
})();

window.intercomSettings = {
    api_base: "https://api-iam.intercom.io",
    app_id: "ok3sqlwb"
};

Interactive Actions enables the Workflow owner to control the workflow, even when triggered by someone else. When creating a Workflow, Interactive Actions such as **_ask a question_** via **Email, Slack or Microsoft Teams**, **_ask a question-Advanced_**, **_Slack Interactivity_** and **_Microsoft Teams Interactivity_** can be included in the workflow.

Overview

Interactive Actions

Blink Documentation

The Blink REST API provides programmatic access to Blink data and functionality, enabling the management of resources such as workflows, users, cases, and more.

Introduction

Blink REST API

Returns a list of connection types by a filter

List connection types

Returns a list of connections by a filter

List connections

Create connection

Delete Connection

Gets a Connection by id

Edit connection

Run workflow

Retrieve a list of records from a given case management table. For the list of out-of-the-box tables, visit our [Case Management documentation](https://docs.blinkops.com/docs/case-management/manage-tables).

List Records from Case Management Table

Remove a specific record from a given case management table.

Delete a Record from Case Management Table

Create an Alert

Update an Alert

Create an Attachment

Update an Attachment

Create a Case

Update a Case

Create an Observable

Update an Observable

Create a Task

Update a Task

Add users to group

Remove users from group

Get a list of users or groups in your Blink tenant.

Get users or groups

List user workspaces

Get a list of groups the user is a member of

Get groups of user

Delete group

List group users

Get a list of groups in your Blink tenant

Get groups

Create group

Gets the output of a specific workflow execution by ID.

Get Workflow's execution output

Add entities to workspace

 Blink is a security automation copilot that generates automated workflows to handle repetitive tasks and enforce security policies – simply by typing a prompt. With no-code, low-code, and full coding capabilities, you can automate any security or infrastructure workflow across your entire security stack. Blink has 7K+ pre-built workflows that are available to download from the Blink Library, so you can start automating best practices and common tasks right away. Integrate with popular tools to automate all things security – and beyond.

Introduction to Blink

Welcome to Blink Ops

Instructions for signing up to the Blink Platform.

Signing into Blink

Signing In

To use the Blink platform, you need to know the key concepts and terminology.

Key Concepts

A Workflow is a sequence of steps containing actions designed to complete a specific task or process without manual intervention. The workflow that carries out these tasks automatically, whether they are simple, single-step actions or complex, multi-step processes that interact with multiple systems.

Workflows

Creating a New Workflow

Testing a Workflow

When editing a new or existing Workflow, you are working on an inactive draft version. Changes you make to a draft can be saved, but do not affect the published version.

Monitor your workflows activity using tools in the Blink platform

Running Workflows

Workflows Runtime Limitations

The Case Management feature allows you to effectively handle security incident investigations by providing detailed information and logs in one place on a single [dashboard](/docs/case-management/dashboard). This, in turn, allows for quicker responses to security incidents as soon as they are detected or identified.

Case Management

Instructions and details about Blink's Case Management Dashboard.

Case Management Dashboard

Custom Tables

Manage Tables

Case Management Settings

Case Management Permissions

Blink Copilot is an innovative feature that helps users to create custom workflows from the ground up, using the advanced capabilities of generative AI to enhance and streamline workflows within the Workflow Editor.

Blink Copilot

The Blink Copilot Best Practices guide helps users optimize their prompts for better automated workflow results.

Blink Copilot Best Practices and Limitations

Transform the output of step that contains any `JSON data` using guidance from [Blink Copilot](/docs/blink-copilot/blink-copilot) or manually entering a `JQ command`. This feature uses build-time AI to generate JQ commands from your text prompts, allowing you to reshape data formats or focus on essential information.

Step Output Transformation

In the Blink Platform section of the documentation, you can find all the necessary information related to Blink's Platform and its features.

Blink Platform

Blink customers have the option to designate a Service Provider (MSP, MSSP) to oversee the management of their account. By doing so, the Service Provider can develop customized Workflows tailored to the specific needs of the end-users, as well as manage and update them to guarantee a reliable and secure workspace. Moreover, the Service Provider can promptly address any issues that may arise, ensuring uninterrupted operations and a seamless user experience.

Service Providers

Contact Us

Blog

Home

Getting Started

Platform

Integrations

Get Started

Login

In the subsequent section of the documentation, you will find sample tutorials and detailed instructions on creating different types of Workflow offered by Blink Ops.

Tutorials

This tutorial shows you how to create a simple Workflow that prints Hello World in Bash and Python, using references from input parameters and references from previous Steps.

Creating a Simple Workflow - Hello World

Creating a Simple Workflow: Hello World

Tutorial for creating an Self-Service Workflow

Self Service Workflow Tutorial

Self-service Workflow: Consume and expose a Terraform project as a service

In this tutorial we will show you how to create a Workflow that controls tags applied when a new EC2 instance is created.

Event Based Workflow Tutorials

Event-based Automation: Tag control on a new EC2 instance

The _Workflow Editor_ allows you to build and automate security workflows by adding Blink action or actions from various third-party integrations to steps. It enables users to create custom workflows that streamline security tasks, enhance efficiency, and respond to threats or incidents in a consistent and automated way. Through the workflow editor, you can easily select predefined actions, configure triggers, and set up automated responses, all without needing extensive coding knowledge.

Workflow Editor

The Workflow Editor

Conditions are used to compare two values. The condition builder enables you to use condition statements in your Workflows.

Condition Builder

Steps are the building blocks of a [Workflow](/docs/workflows/workflows). Each Step has a single goal and Steps are arranged in a logical order to complete a workflow. The user selects an [Action](/docs/workflows/building-workflows/actions/actions) and adds a [Connection](docs/workflows/building-workflows/connections/connections), if required, to the Workflow's flow on the Editor.

Steps

The files mechanism allows Workflows builders to create, edit and use files which are persisted between executions of steps in a Workflow. The lifespan of files is aligned with the lifespan of the execution of the Workflow - when the execution is finished, the files are deleted.

Files

The Workflow `YAML` contains all the information about the Workflow. Its name, description, runner, etc. It also includes a list of the Workflow's Steps, and each step has a name, action, inputs, and a connection.

Workflow YAML

To view the workflows's Run Logs, select the Run Logs tab, and then choose the specific Automated Workflow's Run Log you wish to view.

Workflow Run Logs

Instructions on Draft and published Workflow

Controlling the Availability of a Published Workflow

Clicking on any Automation in a Pack takes you to the Automation Overview page. This page displays general information about the Automation, details of each Step, and details about past executions.

Workflow Overview Page

This is the Workflows Version History feature

Workflows Version History

Workflow Version History

Monitor your Workflow activity using tools in the Blink platform.

Monitoring Workflows Health

Workflow Packs

An Automation Pack is a collection of Workflows that it is used to logically sort your Workflows into collections according to their use-cases

Pack Management

The Templates feature contains a wide variety of pre-made Workflows. Import a Workflow template and make small adjustments to suit your needs, instead of creating an Workflow from scratch.

Templates

Instructions on how to use a Workflow template if the user has not signed up for the Blink Platform

Using Workflow Templates for Users Without a Blink Account

Premium users can access, import, and use all templates, free and Premium, in the Workflow Library

Using Workflow Templates as an Existing Blink User

Blink's Automated Case Management

Detailed Explanation of Alert Ingestion Workflows

Alert Ingestion Workflows

Detailed Explanation of IOC Enrichment Workflows

Enrichment Workflows

Detailed Explanation of Response Workflows

Response Workflows

Error Handling Workflow

Detailed Explanation of Recovery Workflows

Recovery Workflows

Detailed Explanation of Utilities Workflows

Utility Workflows

Case Management Actions

Case Actions

All the Case Management Observables Actions.

Observables Actions

Alert Actions

All the Case Management Attachment Actions.

Attachment Actions

Query Action

Record Actions

Task Actions

Triggers

Cases

To create your first Blink case, follow this step-by-step guide

Create a New Case

Editing a Case

Deleting a Case

With the Case Management feature, you can define **service level agreement (SLA)** response times in two ways for the **entire case** or for the **statuses** of the selected case. You can set the **SLA** by choosing a time duration in **Days**,**Hours**, or **Minutes**.

Linked Cases

Blink users can share selected cases with other both Blink Users or Users who do not have a Blink Account.

Sharing a Case

Observables refer to data that indicates a system may have been infiltrated by a cyber threat. They provide cybersecurity teams with crucial knowledge after a data breach or another breach in security. In this section, you can create and manage Observables for your Cases.

Observables

Editing Observables

Deleting Observables

An alert signifies a security issue received from a 3rd party security service provider.

Ovevriew

Alerts

Editing an Alert

Deleting an Alert

Creating a New Attachment

Editing an Attachment

Deleting an Attachment

There is an option to add a **task table** to the already existing **Case Management** tables.

Tasks

Deleting a Task

Editing a Task

Workspaces are compartmentalized environment within your organization designed to help you efficiently manage and organize hyperautomation resources and teams.Each workspace operates independently, with no hierarchical connections between them, enabling complete control over managing resources and workflows. Workspaces can be created based on specific functions or team needs, allowing team members to collaborate effectively on projects and share resources. When a new user joins Blink, a personal workspace is automatically created, named after the email used to sign up. Access to resources within a workspace is governed by Role-Based Access Control (RBAC), linked to user roles, ensuring secure and controlled collaboration.

Workspaces

Blink's workspaces enable you to organize your company into smaller subdivisions based on your specific needs. Every team can have one or more workspaces. This enables team members to collaborate on projects and share Workflows and resources efficiently.

Creating a New Workspace

Additional workspaces can be created to fit your company's needs. Workspaces can be created for departments, teams, projects, and any other subdivision existing in your organization. The owner of the workspace controls the members and their roles.

Organizing Your Workspaces

Managing Your Workspace

Sharing resources allows members of a workspace to use resources created by others, but not to modify them. This allows team members to collaborate on projects easily and efficiently.

Workflows

Interactive Actions

Ask a question

Ask a question via email

Ask a question via Slack

Ask a question-Advanced

Ask a question via Microsoft Teams

Ask a question via Google Chat

Ask a question via Zoom

Slack Interactivity

Microsoft Teams Interactivity

Google Chat Interactivity