@charset "UTF-8";
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW-AJi8SJQtQ4Y.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW-AJi8SJQtQ4Y.woff) format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W-AJi8SJQtQ4Y.woff) format("woff");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W-AJi8SJQtQ4Y.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW-AJi8SJQtQ4Y.woff) format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://static.parastorage.com/tag-bundler/api/v1/fonts-cache/google/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW-AJi8SJQt.woff) format("woff");
  unicode-range: U+0000-00FF, 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; }

.rootWrapper {
  position: relative;
  margin: 0 -10px; }
  .rootWrapper:before {
    content: '';
    position: absolute;
    /* TODO: the magic 8px tries to negate default margin: 8px on body in order to prevent horizontal
     * scroll. eventually default body margin should be set to 0, then this `calc` can be removed */
    width: calc(100vw - 8px);
    top: 0;
    bottom: -1px;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
    background-image: linear-gradient(256deg, #f6f6f6, #fefefe), linear-gradient(to bottom, rgba(240, 244, 247, 0.5), rgba(240, 244, 247, 0.5)), linear-gradient(to bottom, #fff, #fff);
    z-index: -1;
    border-bottom: 1px solid #cbd3dc; }

.root {
  display: flex;
  flex-direction: column;
  min-height: 156px;
  max-height: 366px;
  overflow: hidden;
  margin-bottom: 30px; }

.titleLayout {
  margin: 60px 10px 40px; }

.title {
  font-family: var(--wix-font-stack, "Helvetica Neue", "Helvetica", "Arial", "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif");
  font-weight: var(--wix-font-weight-bold);
  font-size: 36px;
  line-height: 48px;
  color: #162D3D;
  gap: 24px; }

.title,
.links {
  display: flex;
  align-items: flex-end; }

.links {
  justify-content: flex-end; }

.link {
  font-family: var(--wix-font-stack, "Helvetica Neue", "Helvetica", "Arial", "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif");
  font-weight: var(--wix-font-weight-medium);
  font-size: 16px;
  color: #3899EC;
  line-height: 24px;
  display: flex;
  align-items: center;
  margin-left: 30px; }
  .link a {
    text-decoration: none;
    color: #3899EC;
    margin-left: 8px; }

.component {
  padding: 10px 10px 60px; }

.wip::before {
  background: linear-gradient(0deg, #FFFCF0, #FFFCF0), #FFFFFF; }

.deprecated::before {
  background: linear-gradient(0deg, #FFF5F5, #FFF5F5), #FFFFFF; }

.badge {
  align-self: center;
  margin-top: 10px; }

.statusMessage {
  font-family: var(--wix-font-stack, "Helvetica Neue", "Helvetica", "Arial", "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif");
  font-weight: var(--wix-font-weight-medium);
  font-size: 16px;
  color: #32536A;
  line-height: 24px; }