/* Size 700 Nunito Sans import */
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-latin-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-cyrillic-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-cyrillic-700-normal.woff) format('woff');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-latin-ext-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-latin-ext-700-normal.woff) format('woff');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-vietnamese-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-vietnamese-700-normal.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-cyrillic-ext-700-normal.woff2) format('woff2'), url(https://fonts.bunny.net/nunito-sans/files/nunito-sans-cyrillic-ext-700-normal.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* ======================
   Define a few template colors and variables to use throughout the project 
    ===================== */
/* From Bootstrap (not correctly imported with OneDesign */
/* >>>>>>>>>>> */
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #fff;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #fff;
}
/* <<<<<<<<<<< */
.btn-light.btn-primary,
.button-light.btn-primary {
  background-color: #15C2BB !important;
  color: #0F204B !important;
  border-color: #15C2BB !important;
}
.btn-light.btn-primary:hover,
.button-light.btn-primary:hover {
  background-color: #14b5af !important;
  border-color: #14b5af !important;
}
.btn-light.btn-primary:active,
.button-light.btn-primary:active {
  background-color: #17d1ca !important;
  border-color: #14b5af !important;
}
.custom-control:not(.custom-switch, .form-switch) input[type=checkbox]:checked + label:after {
  background-color: #15C2BB;
  color: #0F204B;
}
.o-header.dark .o-header-nav > .o-header-links > .o-header-item > a.o-header-link.active {
  border-color: #15C2BB;
}
/*  >>>
    >>> General formatting
    >>> */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #F3F2F2;
}
body > .container {
  min-width: 100% !important;
  padding: 32px 78px;
  flex: 1;
  background-color: #27375d;
  color: white;
  overflow-x: hidden;
}
@media all and (max-width: 990px) {
  body > .container {
    padding: 32px 48px;
  }
}
body.preview header {
  display: none;
}
body.preview footer {
  display: none;
}
.border-collapse-separate {
  border-collapse: separate;
}
.cursor-pointer {
  cursor: pointer;
}
.text-sea-blue {
  color: #003591 !important;
}
.text-eucalyptus {
  color: #15C2BB;
}
.text-white {
  color: white !important;
}
.text-black {
  color: black !important;
}
.filter-digi-green {
  filter: brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(1515%) hue-rotate(76deg) brightness(101%) contrast(101%);
}
.filter-sea-blue {
  filter: brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(6764%) hue-rotate(210deg) brightness(98%) contrast(108%);
}
.filter-white {
  filter: brightness(0) saturate(100%) invert(100%);
}
.filter-black {
  filter: brightness(0) saturate(100%);
}
.filter-grey {
  filter: brightness(0) saturate(100%) invert(47%) sepia(0%) saturate(0%) hue-rotate(194deg) brightness(93%) contrast(92%);
}
.filter-eucalyptus {
  filter: brightness(0) saturate(100%) invert(80%) sepia(37%) saturate(6385%) hue-rotate(129deg) brightness(94%) contrast(84%);
}
.bg-dark-blue {
  background-color: #0F204B;
}
.bg-white {
  background-color: white !important;
}
.bg-special-blue {
  background-color: #27375d;
}
.disabled {
  pointer-events: none;
  opacity: 0.6;
}
@media all and (min-width: 992px) {
  .md-justify-center {
    justify-content: center !important;
  }
}
.link-restore-default:hover,
.link-restore-default:focus {
  text-decoration: underline !important;
}
.scroll {
  overflow-y: scroll;
}
.mw-80 {
  max-width: 80%;
  /**/
}
.mh-chat {
  max-height: calc(100vh - 332px);
  /* 65px header + 64px page padding + 44px footer + 48px title + 76px search bar + misc spacing */
}
.mh-history {
  max-height: calc(100vh - 280px);
}
.mh-search {
  max-height: 280px;
  line-height: 1.5;
  resize: none;
  flex-grow: 0;
  height: 48px !important;
}
.standard-border-radius {
  border-radius: 10px;
}
.no-border {
  border: none !important;
}
.footer {
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
/* FA's "font-small" overrides font as well, which causes problems for some use cases */
.text-small {
  font-size: 14px;
}
.text-semi-bold {
  font-weight: 600;
}
.flex-1 {
  flex: 1;
}
.hidden {
  display: none !important;
}
.text-normal {
  font-size: 16px !important;
}
.text-large {
  font-size: 18px !important;
}
.text-xl {
  font-size: 20px;
}
.text-xxl {
  font-size: 24px !important;
}
.form-group.large input {
  font-size: 16px;
}
.border-white {
  border: 1px solid white;
}
.mw-event {
  max-width: 1200px;
}
.btn-primary {
  border-color: #0F204B !important;
  color: #15C2BB !important;
  background-color: #0F204B !important;
}
.btn-primary:hover,
btn-primary:focus {
  border-color: #0c1a3d !important;
  background-color: #0c1a3d !important;
}
.btn-primary:active,
btn-primary:active {
  border-color: #173275 !important;
  background-color: #173275 !important;
}
.btn-secondary.btn-light {
  border-color: #15C2BB !important;
  color: #15C2BB !important;
}
.btn-secondary.btn-white {
  border-color: white !important;
}
a {
  color: #15C2BB;
}
.custom-control:not(.custom-switch, .form-switch) input[type=radio] + label:after {
  border-color: white;
}
.custom-control:not(.custom-switch, .form-switch) input[type=radio]:checked + label:after {
  background-color: #15C2BB;
  border-color: #15C2BB;
  /* replace background image with a special blue version here */
}
.btn-secondary.btn-white:hover {
  background-color: #2D304FFF !important;
}
.no-clicky {
  pointer-events: none;
}
.modal.show {
  display: block;
}
.custom-checkbox label.custom-control-label::after {
  cursor: pointer;
}
#chat-form button {
  background-color: transparent;
}
/*  <<<
    <<< End general formatting
    <<< */
/* Additional header formatting */
#header-help-menu {
  background: white;
}
/* To implement the design faithfully, some default properties of OneDesign 3.7
needed to be overridden or additional properties added. Those personalized properties live here.
Cases where OneDesign properties are explicitly overridden must use the !important tag. */
.mini-mobile {
  display: none;
}
header,
footer {
  z-index: 100;
}
header {
  border-bottom-color: #F3F2F2FF !important;
}
footer {
  border-top: 1px solid #F3F2F2FF !important;
}
.o-header-item > a.o-header-link:hover,
.o-header-item > a.o-header-link:focus {
  border-color: white !important;
}
/* Prevents active navbar item underline from turning white on hover */
.o-header-item > a.o-header-link.active:hover,
.o-header-item > a.o-header-link.active:focus {
  border-color: #15C2BB !important;
}
#header-user-dropdown-menu {
  min-width: 198px;
}
#login-button {
  color: #15C2BB;
  background-color: transparent;
  border: none;
}
.o-header-product {
  font-weight: 700;
}
.o-header-right .o-header-name + .o-header-actions:before {
  height: 16px;
}
.o-header-dark .actions-group .o-header-action-button:not(.o-header-sign-in-button)[aria-expanded=true]:after,
.o-header.dark .actions-group .o-header-action-button:not(.o-header-sign-in-button)[aria-expanded=true]:after {
  background-color: #15C2BB;
}
.o-header-right ul.child-menu li.child-header {
  margin-left: unset !important;
}
.icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: none;
}
.modebar-btn .icon {
  display: inline;
}
/*  >>>
    >>> Adjustments to mobile menu button
    >>> */
#o-header-mobile-btn {
  width: 24px;
  margin-top: 2px;
  margin-left: 10px;
}
#o-header-mobile-btn:before {
  display: none;
}
#o-header-mobile-btn > .btn-line:nth-child(2) {
  margin: 6px 0px;
}
#o-header-mobile-btn > .btn-line {
  background-color: #91ffb4 !important;
}
#o-header-mobile-btn[aria-expanded=false] > .btn-line {
  height: 3px !important;
}
#o-header-mobile-btn[aria-expanded=true] > .btn-line:nth-child(1) {
  -webkit-transform: rotate(45deg) scaleX(94%);
  transform: rotate(45deg) scaleX(94%);
  margin-top: 10px;
}
#o-header-mobile-btn[aria-expanded=true] > .btn-line:nth-child(3) {
  margin-top: -4px;
  -webkit-transform: rotate(-45deg) scaleX(94%);
  transform: rotate(-45deg) scaleX(94%);
}
/*  <<<
    <<< End mobile menu button adjustments
    <<< */
@media screen and (max-width: 1042px) {
  #o-header-links.o-header-links.child-menu {
    padding-left: 0 !important;
  }
  li.o-header-item {
    padding-left: 14px;
  }
}
@media screen and (min-width: 992px) {
  .o-header-nav > .o-header-links {
    padding-left: 32px;
  }
  #o-header-links .o-header-item a.o-header-link.active,
  #o-header-links .o-header-item a.o-header-link:active,
  #o-header-links .o-header-item a.o-header-link:focus,
  #o-header-links .o-header-item a.o-header-link:hover {
    background-color: #0F204B !important;
  }
  .o-header-nav .child-header,
  .o-header-nav .o-header-dropdown-divider {
    display: none;
  }
  .o-header-dropdown-menu .o-header-item a.o-header-link {
    font-weight: 400;
  }
}
#o-header-links .o-header-item a.o-header-link > i {
  display: none;
}
/*  >>>
    >>> Mobile header formatting
    >>> */
@media screen and (max-width: 991px) {
  .o-header-left {
    display: block !important;
    position: absolute;
  }
  .o-header-nav {
    display: flex;
    justify-content: end;
    background-color: transparent !important;
    right: 0.25rem;
    z-index: 2;
  }
  .o-header-nav .child-header {
    padding: 8px 24px;
  }
  .o-header-nav .child-header h4 {
    margin: 0;
  }
  .o-header-nav li.o-header-dropdown-divider {
    width: 100% !important;
  }
  .o-header-nav li.o-header-dropdown-divider hr {
    margin: 0 !important;
  }
  .o-header-nav > .o-header-links {
    max-width: 222px;
    background-color: #0F204B;
    padding-bottom: 20px;
  }
  #o-header-links .o-header-item a.o-header-link:focus,
  #o-header-links .o-header-item a.o-header-link:hover,
  #o-header-links .o-header-item a.o-header-link:active {
    background-color: #003591 !important;
  }
  #o-header-links .o-header-item a.o-header-link.active {
    background-color: white !important;
    border-left: 4px #91ffb4 solid;
    color: #1A1A19;
    font-weight: 500;
  }
  #o-header-links .o-header-item a.o-header-link > i {
    /* This filter overrides any icon color to Digi Green, #1A1A19.
     * Made using this codepen: https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(89%) sepia(11%) saturate(1272%) hue-rotate(77deg) brightness(94%) contrast(120%);
    display: block;
  }
  #o-header-links .o-header-item a.o-header-link.active > i {
    margin-left: -3px;
    /* This filter overrides any icon color to Black Sandstone, #1A1A19.
     * Made using this codepen: https://codepen.io/sosuke/pen/Pjoqqp */
    filter: brightness(0) saturate(100%) invert(3%) sepia(3%) saturate(1623%) hue-rotate(22deg) brightness(93%) contrast(84%);
  }
  .o-header-item > a.o-header-link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-weight: 400;
  }
  .o-header-links > li.o-header-item:nth-child(3) {
    /* NOTE: This will break if menu title removed! */
    padding-top: 8px;
  }
  .o-header-right {
    display: flex;
  }
  .o-header-right .o-header-name + .o-header-actions:before {
    display: block;
  }
  .o-header-right a.o-header-action-button::before {
    width: 10px;
    height: 10px;
    z-index: 2;
    color: red;
  }
  .o-header-right ul.child-menu {
    background-color: #0F204B !important;
    position: absolute;
    top: 64px !important;
    max-width: 198px;
    left: unset;
    right: -3.65rem !important;
    padding-top: 4px !important;
    padding-bottom: 12px !important;
  }
  .o-header-right ul.child-menu li.o-header-dropdown-divider hr {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }
  .o-header-right ul.child-menu li.o-header-item a.o-header-link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 24px !important;
  }
  .mobile-nav-close {
    /* Removing this element from html file breaks functionality of user menu */
    display: none;
  }
  .icon {
    display: block;
  }
}
/*  <<<
    <<< End mobile header formatting
    <<< */
/*  >>>
    >>> Mini mobile header formatting
    >>> */
@media screen and (max-width: 640px) {
  .mini-mobile {
    display: block;
  }
  .o-header-name {
    display: none;
  }
  .o-header-right .o-header-name + .o-header-actions:before {
    display: none;
  }
}
/*  <<<
    <<< End mini mobile header formatting
    <<< */
/*  >>>
    >>> Footer styling
    >>> */
footer {
  background-color: #0F204B;
  color: white;
}
footer a {
  color: white;
}
/*  <<<
    <<< End footer styling
    <<< */
/* ======================
    General VPP Dash styling
    ===================== */
.spinner-page.light {
  color: #15C2BB;
}
.page-ticker {
  position: relative;
  left: -78px;
  top: -32px;
  width: calc(100vw + 156px);
  /*height: */
}
.ticket-background-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1 !important;
}
.ticker-inner {
  position: relative;
  z-index: 2;
  background: linear-gradient(93deg, rgba(255, 255, 255, 0.9) 33.44%, rgba(255, 255, 255, 0.2) 100%);
}
.ticker-inner h1 {
  font-size: 40px;
}
.ticker-inner p {
  font-size: 30px;
}
/* ======================
    Event page styling
    ===================== */
#event-ticker-background-image {
  background: url('/static/images/events_background.jpg') lightgray 50% / cover no-repeat;
}
/* ======================
    Summary card styling
    ===================== */
.summary-card-grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 46px;
}
.sub-summary-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
.sub-results-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px;
}
.sub-sub-results-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}
.summary-card {
  border: 1px solid white;
  overflow: hidden;
}
.summary-card .d-flex {
  flex-grow: 1;
}
.summary-card p {
  font-size: 22px;
  margin-bottom: 0;
}
.summary-card p.small {
  font-size: 16px;
}
.summary-card p.medium {
  font-size: 20px;
}
.summary-card h3 {
  font-weight: 700;
  font-size: 20px;
  background-color: white;
  color: #27375d;
}
.summary-card img {
  height: 60px;
  width: 60px;
}
.result-card {
  background-color: #0F204B;
  box-shadow: rgba(25, 25, 46, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(5, 18, 32, 0.35) 0px -2px 6px 0px inset;
  /*box-shadow: rgba(35, 76, 177, 0.25) 0px 30px 60px -12px inset, rgba(92, 126, 204, 0.3) 0px 18px 36px -18px inset;*/
  /*box-shadow: rgba(35, 76, 177, 0.25) 0px 30px 60px -12px inset, rgba(8, 21, 51, 0.3) 0px 18px 36px -18px inset;*/
}
.result-card .text-super {
  font-size: 32px !important;
}
/* ======================
    Event table styling
    ===================== */
.event-table {
  width: unset !important;
}
.event-table > :not(caption) > * > * {
  box-shadow: none !important;
}
.event-table th,
.event-table td {
  padding-left: 16px;
  padding-right: 16px;
}
.event-table thead tr {
  background-color: #0F204B !important;
}
.event-table th {
  color: white !important;
}
.event-table tbody tr {
  background-color: white;
}
.event-table td {
  border-bottom: 2px solid #0F204B;
}
/* ======================
    Form and input styling
    ===================== */
select.form-control,
select.form-control * {
  color: white !important;
  border-color: #0F204B !important;
  background-color: #0F204B !important;
  font-weight: 600 !important;
}
select.form-control {
  width: fit-content;
  padding-right: 32px !important;
  background-image: url('/static/images/icons/select-background.svg');
  background-position: right 8px center !important;
}
#plotly-form {
  max-width: fit-content;
}
dl-select-dynamic label {
  font-weight: bold;
}
dl-select-dynamic select {
  background-color: #0F204B !important;
  color: white !important;
}
dl-autotable table thead th {
  background-color: #0F204B !important;
  color: white !important;
  border: 2px solid white !important;
  padding: 0.25rem;
}
dl-autotable table tbody tr {
  background-color: white !important;
}
dl-autotable table tbody tr td {
  border: 2px solid #000 !important;
  padding: 0.25rem;
  color: #000000 !important;
}
dl-summary-box {
  display: block;
  background-color: white !important;
  color: #27375d !important;
  border-radius: 10px !important;
  border: 1px solid white;
  padding: 0px 2px 2px 2px !important;
}
dl-summary-box .name {
  display: inline-block;
  width: 100%;
  font-weight: bold !important;
  background-color: transparent !important;
  color: #27375d !important;
  text-align: center;
}
dl-summary-box .name h3 {
  font-size: 24px;
  line-height: auto;
  margin: 0;
}
dl-summary-box .values {
  background-color: #27375d !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border: 1px solid transparent !important;
  padding: 1rem;
}
dl-summary-box .values .value {
  color: white !important;
}
dl-summary-box .values .value.line_a {
  font-size: 24px;
  text-align: center;
}
dl-summary-box .values .value.line_b {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
dl-summary-box .values .value.line_c {
  font-size: 20px;
  text-align: center;
}
dl-summary-box .values .value .rounded-box {
  display: block;
  margin: auto;
  text-align: center;
  background-color: #0F204B !important;
  border-color: #0F204B !important;
  border: 1px solid #0F204B !important;
  border-radius: 1rem;
  color: white !important;
  height: 6rem;
}
dl-summary-box .values .value .rounded-box h4 {
  font-weight: bold;
  font-size: 1rem;
  color: white;
}
dl-summary-box .values .value .rounded-box p {
  font-weight: bold;
  font-size: 1.25rem;
  color: white;
}
dl-summary-box .values .value .rounded-box em {
  font-weight: normal;
  font-size: 0.75rem;
  color: white !important;
}
dl-summary-box .total h5 {
  color: white !important;
  text-align: center;
}
.paper {
  background-color: #3f4f75;
}
.nav.nav-tabs.no-tabs {
  border: none !important;
}
.nav.nav-tabs.no-tabs .nav-item {
  --bs-nav-tabs-border-width: 0px;
  border: none !important;
}
.nav.nav-tabs.no-tabs .nav-item a {
  color: white;
}
.nav.nav-tabs.no-tabs .nav-item a.active {
  color: white;
  font-weight: bold;
}
.border-box {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 1rem;
}
.border-box h3 {
  font-weight: bold;
  font-size: 24px;
}
.border-box .top-box,
.border-box .bottom-box {
  background: linear-gradient(180deg, #234CB1 0%, #0F204B 100%);
  border-radius: 10px;
  padding: 0.5rem;
  min-height: 10rem;
  text-align: center;
}
.border-box .top-box .title,
.border-box .bottom-box .title {
  font-size: 24px;
  font-weight: bold;
}
.border-box .top-box .value,
.border-box .bottom-box .value {
  font-size: 40px;
  font-weight: bold;
}
.border-box .top-box .large-icon,
.border-box .bottom-box .large-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.border-box .bottom-box .value {
  background-color: #27375d;
  border-radius: 10px;
  font-size: 30px;
  font-weight: bold;
  padding: 0.5rem;
}
.border-box .bottom-box .value .annotation {
  font-size: 16px;
  font-weight: normal;
}