.status-box-container{display:inline-flex;gap:.25rem}
.status-box-container .box{width:.75rem !important;height:.75rem !important;border:1px solid var(--ds-color-dark-blue-100,#bdc5d2) !important}
.status-box-container .box[filled]{background-color:var(--ds-theme-background-accent-strong-pressed,currentcolor);border-color:var(--ds-theme-background-accent-strong-pressed,currentcolor)}
.legend{display:flex;gap:.5rem;color:var(--ds-theme-foreground-base-strong,currentcolor);align-items:var(--ds-legend-align-items,center);flex-direction:var(--ds-legend-flex-direction,row)}
::slotted([slot]){display:flex;align-items:center;justify-content:center}
@media(max-width:481px){.legend{margin-right:1rem}
}