@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/s/nunito/v9/BCVslGnw-rd3HMmA07k03z8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"),url(//fonts.gstatic.com/s/nunito/v9/BCVslGnw-rd3HMmA07k031tXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/s/nunito/v9/1TiHc9yag0wq3lDO9cw0vj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"),url(//fonts.gstatic.com/s/nunito/v9/1TiHc9yag0wq3lDO9cw0vltXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/s/nunito/v9/0rdItLTcOd8TSMl72RUU5w.woff) format("woff"),url(//fonts.gstatic.com/s/nunito/v9/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format("woff2");
}
@font-face {
  font-family: Nunito;
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/s/nunito/v9/TttUCfJ272GBgSKaOaD7Kj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"),url(//fonts.gstatic.com/s/nunito/v9/TttUCfJ272GBgSKaOaD7KltXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
}
@font-face {
  font-family: Nunito;
  font-style: italic;
  font-weight: 200;
  src: url(//fonts.gstatic.com/s/nunito/v9/7OqZTbfdEIbjL5TSZvx5M4bN6UDyHWBl620a-IRfuBk.woff) format("woff"),url(//fonts.gstatic.com/s/nunito/v9/7OqZTbfdEIbjL5TSZvx5M44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
}
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: local("Source Code Pro"),local(SourceCodePro-Regular),url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD90tugusXa58UbOrParLRF0.eot?#) format("eot"),url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD9V_2ngZ8dMf8fLgjYEouxg.woff2) format("woff2"),url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasDxM0YzuT7MdOe03otPbuUS0.woff) format("woff");
}
:root {
  /* https://flatuicolors.com/palette/in */
  --color-orchidOrange: #FEA47F;
  --color-spiroBlue: #25CCF7;
  --color-honeyGlow: #EAB543;
  --color-sweetGarden: #55E6C1;
  --color-fallingStar:#CAD3C8;
  --color-richGardenia: #F97F51;
  --color-clearChill: #1B9CFC;
  --color-whitePepper: #F8EFBA;
  --color-keppel: #58B19F;
  --color-shipsOfficer: #2C3A47;
  --color-fireyFuschia: #B33771;
  --color-bluebell: #3B3B98;
  --color-georgiaPeach: #FD7272;
  --color-oasisStream: #9AECDB;
  --color-brightUbe: #D6A2E8;
  --color-magenta: #6D214F;
  --color-navyBlue: #182C61;
  --color-sasquatchSocks: #FC427B;
  --color-pineGlade: #BDC581;
  --color-highligterLavender: #82589F;
  --color-grey0: rgb(242, 242, 242);
  --color-grey1: rgb(230, 230, 230);
  --color-grey2: rgb(204, 204, 204);
  --color-grey3: rgb(179, 179, 179);
  --color-grey4: rgb(153, 153, 153);
  --color-grey5: grey;
  --color-grey6: rgb(102, 102, 102);
  --color-grey7: rgb(77, 77, 77);
  --color-grey8: rgb(51, 51, 51);
  --color-grey9: rgb(26, 26, 26);
  --color-grey10: rgb(13, 13, 13);
}
:root {
  --font-primary: 'Nunito', sans-serif;
  --font-code: 'Source Code Pro', monospace;
}
.typescript-react-storybook_Button__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Nunito', sans-serif;
  font-family: var(--font-primary);
  font-weight: 200;
  padding: 0.75em 1.25em;
  border: 1px solid transparent;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  letter-spacing: 1px;
  outline: none;
  text-align: center;
  position: relative;
  transition: all 0.3s;
  text-decoration: none;
  font-style: normal;
  border-radius: 2px;
  align-self: flex-start;
}
.typescript-react-storybook_Button__btn a {
    color: inherit;
    text-decoration: none;
  }
.typescript-react-storybook_Button__primary {
  color: white;
  background-color: #1B9CFC;
  background-color: var(--color-clearChill);
}
.typescript-react-storybook_Button__primary.typescript-react-storybook_Button__cta::after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAjCAYAAAB2KjFhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNqs1NENwyAMBFAa5b8ZJSN1lHaDjtCRMko2cKGhKqIGfL5YskKM9III+CIi4ayY8jOJW8yF0tLKYu5yxBZzyTU4v4P1DLB8ocG6QIFa0Q22JlxgbxIGR1+DQMtemEHrnzKByDkagugp74KeO9gEg/NSq6AXU0EGq8H7RDbXNeY1j3dmVTf5xYvZsz/Ii6mQB2tCKNaFEGwIWTETZMHM0AiDoB4GQy3MBWmYG6oxCioxGioxGko55170+PSjEJ5Mc3sLMACd20R6rvK7zQAAAABJRU5ErkJggg==');
    position: relative;
    display: inline-block;
    background-size: .5em;
    background-repeat: no-repeat;
    background-position: left center;
    height: .9em;
    width: auto;
    padding-left: .5em;
    margin-left: 10px;
  }
.typescript-react-storybook_Button__primary:hover {
    background-color: rgb(50, 166, 252);
    background-color: rgb(50, 166, 252);
  }
.typescript-react-storybook_Button__secondary {
  color: #1B9CFC;
  color: var(--color-clearChill);
  background-color: white;
  border-color: #1B9CFC;
  border-color: var(--color-clearChill);
}
.typescript-react-storybook_Button__secondary:hover {
    background-color: rgb(244, 250, 255);
    background-color: rgb(244, 250, 255);
  }
.typescript-react-storybook_Button__danger {
  color: white;
  background: rgb(227, 59, 111);
  background: rgb(227, 59, 111);
}
.typescript-react-storybook_Button__danger:hover {
    background: rgb(202, 53, 98);
    background: rgb(202, 53, 98);
  }
.typescript-react-storybook_Button__danger.typescript-react-storybook_Button__cta::after {
    content: "";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAjCAYAAAB2KjFhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNqs1NENwyAMBFAa5b8ZJSN1lHaDjtCRMko2cKGhKqIGfL5YskKM9III+CIi4ayY8jOJW8yF0tLKYu5yxBZzyTU4v4P1DLB8ocG6QIFa0Q22JlxgbxIGR1+DQMtemEHrnzKByDkagugp74KeO9gEg/NSq6AXU0EGq8H7RDbXNeY1j3dmVTf5xYvZsz/Ii6mQB2tCKNaFEGwIWTETZMHM0AiDoB4GQy3MBWmYG6oxCioxGioxGko55170+PSjEJ5Mc3sLMACd20R6rvK7zQAAAABJRU5ErkJggg==');
    position: relative;
    display: inline-block;
    background-size: .5em;
    background-repeat: no-repeat;
    background-position: left center;
    height: .9em;
    width: auto;
    padding-left: .5em;
    margin-left: 10px;
  }
.typescript-react-storybook_Button__download {
  color: white;
  background: rgb(139, 212, 197);
  background: rgb(139, 212, 197);
}
.typescript-react-storybook_Button__download::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2048.2%20(47327)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Edownload%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22download%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0716522%2C8.94191304%20L8.24556522%2C12.768%20C8.176%2C12.8354783%208.08834783%2C12.8695652%208%2C12.8695652%20C7.90330435%2C12.8695652%207.81495652%2C12.829913%207.75304348%2C12.768%20L3.92765217%2C8.94191304%20C3.792%2C8.80626087%203.792%2C8.58573913%203.92765217%2C8.45008696%20C4.06330435%2C8.31513043%204.28382609%2C8.31513043%204.41947826%2C8.45008696%20L7.65217391%2C11.6827826%20L7.65217391%2C3.47826087%20C7.65217391%2C3.28695652%207.80730435%2C3.13043478%208%2C3.13043478%20C8.19130435%2C3.13043478%208.34782609%2C3.28695652%208.34782609%2C3.47826087%20L8.34782609%2C11.6827826%20L11.5798261%2C8.45008696%20C11.7154783%2C8.31513043%2011.936%2C8.31513043%2012.0716522%2C8.45008696%20C12.2073043%2C8.58573913%2012.2073043%2C8.80626087%2012.0716522%2C8.94191304%20M8%2C0%20C3.58817391%2C0%200%2C3.58956522%200%2C8%20C0%2C12.4118261%203.58817391%2C16%208%2C16%20C12.4097391%2C16%2016%2C12.4118261%2016%2C8%20C16%2C3.58956522%2012.4097391%2C0%208%2C0%22%20id%3D%22Fill-192%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    position: relative;
    display: inline-block;
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: left center;
    height: 1em;
    width: .5em;
    padding-left: .5em;
    margin-left: 10px;
  }
.typescript-react-storybook_Button__download:hover {
    background: rgb(131, 201, 186);
    background: rgb(131, 201, 186);
  }
:root {
  /* https://flatuicolors.com/palette/in */
  --color-orchidOrange: #FEA47F;
  --color-spiroBlue: #25CCF7;
  --color-honeyGlow: #EAB543;
  --color-sweetGarden: #55E6C1;
  --color-fallingStar:#CAD3C8;
  --color-richGardenia: #F97F51;
  --color-clearChill: #1B9CFC;
  --color-whitePepper: #F8EFBA;
  --color-keppel: #58B19F;
  --color-shipsOfficer: #2C3A47;
  --color-fireyFuschia: #B33771;
  --color-bluebell: #3B3B98;
  --color-georgiaPeach: #FD7272;
  --color-oasisStream: #9AECDB;
  --color-brightUbe: #D6A2E8;
  --color-magenta: #6D214F;
  --color-navyBlue: #182C61;
  --color-sasquatchSocks: #FC427B;
  --color-pineGlade: #BDC581;
  --color-highligterLavender: #82589F;
  --color-grey0: rgb(242, 242, 242);
  --color-grey1: rgb(230, 230, 230);
  --color-grey2: rgb(204, 204, 204);
  --color-grey3: rgb(179, 179, 179);
  --color-grey4: rgb(153, 153, 153);
  --color-grey5: grey;
  --color-grey6: rgb(102, 102, 102);
  --color-grey7: rgb(77, 77, 77);
  --color-grey8: rgb(51, 51, 51);
  --color-grey9: rgb(26, 26, 26);
  --color-grey10: rgb(13, 13, 13);
}
.typescript-react-storybook_Code__code {
  text-align: left;
  display: inline-block;
  padding: 5px 10px;
  background-color: #f5f7f8;
  border-radius: 3px;
  border: 1px solid #ccc;
  min-width: 400px;
  box-sizing: border-box;
}
.typescript-react-storybook_Code__code code {
    width: 100%;
    color: rgb(102, 102, 102);
    color: var(--color-grey6);
    font-family: var(--font-code);
    font-family: var(--font-code);
  }
:root {
  /* https://flatuicolors.com/palette/in */
  --color-orchidOrange: #FEA47F;
  --color-spiroBlue: #25CCF7;
  --color-honeyGlow: #EAB543;
  --color-sweetGarden: #55E6C1;
  --color-fallingStar:#CAD3C8;
  --color-richGardenia: #F97F51;
  --color-clearChill: #1B9CFC;
  --color-whitePepper: #F8EFBA;
  --color-keppel: #58B19F;
  --color-shipsOfficer: #2C3A47;
  --color-fireyFuschia: #B33771;
  --color-bluebell: #3B3B98;
  --color-georgiaPeach: #FD7272;
  --color-oasisStream: #9AECDB;
  --color-brightUbe: #D6A2E8;
  --color-magenta: #6D214F;
  --color-navyBlue: #182C61;
  --color-sasquatchSocks: #FC427B;
  --color-pineGlade: #BDC581;
  --color-highligterLavender: #82589F;
  --color-grey0: rgb(242, 242, 242);
  --color-grey1: rgb(230, 230, 230);
  --color-grey2: rgb(204, 204, 204);
  --color-grey3: rgb(179, 179, 179);
  --color-grey4: rgb(153, 153, 153);
  --color-grey5: grey;
  --color-grey6: rgb(102, 102, 102);
  --color-grey7: rgb(77, 77, 77);
  --color-grey8: rgb(51, 51, 51);
  --color-grey9: rgb(26, 26, 26);
  --color-grey10: rgb(13, 13, 13);
}
:root {
  --font-primary: 'Nunito', sans-serif;
  --font-code: 'Source Code Pro', monospace;
}
.typescript-react-storybook_Terminal__terminal {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  --borderRadius: 6px;
  flex-direction: column;
  box-shadow:0 2px 6px 1px rgba(0, 0, 0, .25);
  border-radius: var(--borderRadius);
  border-radius: var(--borderRadius);
  position: relative;
  background-color: #CAD3C8;
  background-color: var(--color-fallingStar);
  width: 700px;
  height: 400px;
}
.typescript-react-storybook_Terminal__terminal * {
    box-sizing: border-box;
  }
.typescript-react-storybook_Terminal__header {
  background-color: rgb(242, 242, 242);
  background-color: var(--color-grey0);
  height: 2em;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.typescript-react-storybook_Terminal__header .typescript-react-storybook_Terminal__button {
    height: .6em;
    width: .6em;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
  }
.typescript-react-storybook_Terminal__header .typescript-react-storybook_Terminal__button:nth-child(1) {
      background-color: rgb(253, 104, 149);
      background-color: rgb(253, 104, 149);
    }
.typescript-react-storybook_Terminal__header .typescript-react-storybook_Terminal__button:nth-child(2) {
      background-color: rgb(240, 203, 123);
      background-color: rgb(240, 203, 123);
    }
.typescript-react-storybook_Terminal__header .typescript-react-storybook_Terminal__button:nth-child(3) {
      background-color: #55E6C1;
      background-color: var(--color-sweetGarden);
    }
.typescript-react-storybook_Terminal__content {
  width: 100%;
  background-color: black;
  padding: 5px 15px;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
  flex-grow: 1;
  overflow: scroll;
}
.typescript-react-storybook_Terminal__line {
  display: block;
  margin-bottom: 8px;
  text-align: left;
}
.typescript-react-storybook_Terminal__line span {
    font-family: 'Source Code Pro', monospace;
    font-family: var(--font-code);
  }
.typescript-react-storybook_Terminal__line span.typescript-react-storybook_Terminal__comment {
      color: grey;
    }
.typescript-react-storybook_Terminal__line span.typescript-react-storybook_Terminal__comment:before {
        content: '# ';
        position: relative;
      }
.typescript-react-storybook_Terminal__line span.typescript-react-storybook_Terminal__comment.typescript-react-storybook_Terminal__highlight {
        color: #55E6C1;
        color: var(--color-sweetGarden);
      }
.typescript-react-storybook_Terminal__line span.typescript-react-storybook_Terminal__code {
      color: white;
    }
.typescript-react-storybook_Terminal__line span.typescript-react-storybook_Terminal__code:before {
        content: '$ ';
        position: relative;
      }




/*# sourceMappingURL=style.css.map*/