@font-face {
  font-family: 'NextvisitFont';
  src: url('https://cdn.next.co.im/dist/fonts/garet/variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  font-family: 'NextvisitFont', 'Atlassian Sans', sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1;
}

body {
  font-family: 'NextvisitFont', 'Atlassian Sans', sans-serif !important;
  font-synthesis-weight: none;
  background-color: transparent !important;
  text-rendering: optimizeLegibility;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child
{
  border-radius: 16px 16px 0 0 !important;
  -webkit-border-radius: 16px 16px 0 0 !important;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child
{
  border-radius: 0 0 16px 16px !important;
  -webkit-border-radius:  0 0 16px 16px !important;
}

#custom-metrics-container > div.metrics-container > div {
border-radius: 16px !important;
  -webkit-border-radius: 16px !important;
  background-color: #ffffff !important;
}

.components-section
{
  padding-left: 24px;
  padding-right: 24px;
  background: #ffffff !important;
  border-radius: 16px !important;
  -webkit-border-radius: 16px !important;
}

html {
  --s: 150px; /* control the size*/
  --c1: #ffffff;
  --c2: rgba(47,187,238,0.03);
      
  --l:var(--c1) 20%,#0000 0;
  --g:35%,var(--c2) 0 45%,var(--c1) 0;
  background:
    linear-gradient(135deg,var(--l) 45%,var(--c1) 0 70%,#0000 0),
    linear-gradient(45deg,var(--l) var(--g) 70%,#0000 0),
    linear-gradient(135deg,var(--c1) var(--g));
  background-size: var(--s) var(--s);
}