@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/inter/Inter-Light.woff2)
      format('woff2');
  }
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/inter/Inter-Black.woff2)
      format('woff2');
  }
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/inter/Inter-Bold.woff2)
      format('woff2');
  }
  @font-face {
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/dm-mono/DMMono-Regular.woff2)
      format('woff2');
  }
  @font-face {
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/dm-mono/DMMono-Medium.woff2)
      format('woff2'),
      url(../fonts/dm-mono/DMMono-Medium.woff) format('woff');
  }
  @font-face {
    font-family: 'Public Sans Web';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/public-sans/PublicSans-Regular.woff2)
      format('woff2'),
  }
  @font-face {
    font-family: 'Public Sans Web';
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/public-sans/PublicSans-Bold.woff2)
      format('woff2'),
  }

body {
    background-color: #fff;
    height: 100vh;
    overflow: hidden;
    color: #1B1B1B;
}

thead, tbody {
    padding: 16px;
}

th, td {
    font-family: 'Public Sans Web';
    font-weight: 400;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    padding: .5em;
    vertical-align: middle;
}

th {
    font-weight: 700;
}

tr:first-child {
    font-weight: 700;
}

.change_number {
    display: inline-block;
    margin-right: 9px;
    color: #fff;
    font-family: "DM Mono", monospace;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}

.unit_toggle.grid_layout {
    max-width: 120px!important;
    float: inline-end;
    margin-block-start: .5em;
    margin-block-end: .5em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}

.float-l, .float-r {
    font-family: "DM Mono", monospace;
}

.unit_selection {
    background-color: #fff!important;
    color: #58585B;
}

.unit_selection .selected{
    color: #1b1b1b!important;
    font-weight: 500!important;
}

.slider_container {
    background-color: #288BFF;
    border-color: #288BFF!important;
}

.slider_container:hover {
    background-color: #0B3D91;
    border-color: #0B3D91!important;
}

.slider_container:focus {
    background-color: #0B3D91;
    border-color: #0B3D91!important;
}

.unit_selection .slider_container .slider {
    background-color: #fff!important;
}

.units {
    top: 0!important;
}

.BlockLayout.margin-bottom-2+.BlockLayout.margin-y-3 {
    margin-top: 1rem;
}

.smd-padding-x-responsive {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
    
.grid-container-block {
    max-width: 90rem;
}

.margin-y-3 {
    margin-bottom: 1.5rem;
}

.grid-row {
    flex-wrap: wrap;
    display: flex;
}

.grid-container {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.grid-col-12 {
    width: 100%;
}

.grid-col-11, .grid-col-12 {
    flex: 0 auto;
    width: 91.6667%;
}

[class*=grid-col] {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.wp-block-table {
    overflow-x: auto;
}

:where(figure) {
    margin: 0 0 1em;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray;
}

.wp-block-table thead {
    border-bottom: 3px solid;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
    text-align: center;
}

tbody tr th {
    text-align: left;
}

.BlockLayout .hds-caption {
    margin-bottom: 0;
    padding-bottom: 0;
}

.hds-caption, .hds-caption-text {
    text-align: left;
    width: 100%;
    font-size: .75rem;
    line-height: 1.25rem;
    display: block;
}

.time_label {
    color: #58585B!important;
}

abbr {
    text-decoration: none;
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
  }