:root {
    --palette-item-highlight: #FDD835;
    --palette-item-highlight-text: rgba(66,66,66,1);
}

font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

mark {
    background-color: #fef6cc;
    color: #252728;
}

.blur-background {
    backdrop-filter: blur(4px);
}

.expo-item-mods .mud-badge.mud-badge-bottom.left {
    inset: calc(100% - 12px) calc(100% - 12px) auto auto;
}

.highlight-item-badge .mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 8px) calc(100% - 8px);
}

.expo-order-print-badge {
    inset: auto calc(100% - 21px) calc(100% - 21px) auto !important;
}

.item-highlight-color * {
    background-color: var(--palette-item-highlight) !important;
    color: var(--palette-item-highlight-text) !important;
}

.item-progress-bar * {
    border-radius: 9999px !important;
}

/* prevents widths changing every second from causing large reflow work */
.kd-timer-text {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    display: inline-block;
    min-width: 5ch; /* e.g., "0:00" */
}

    .kd-timer-text.kd-hms {
        min-width: 8ch; /* e.g., "1:00:00" */
    }

.mud-chip-filled.item-highlight {
    color: var(--palette-item-highlight-text) !important;
    --mud-ripple-color: var(--palette-item-highlight-text) !important;
    background-color: var(--palette-item-highlight) !important;
}

.mud-button {
    white-space: nowrap !important;
}

.mud-badge {
    transition: none !important;
}

.mud-snackbar-location-top-right {
    top: 0px !important;
    right: 4px !important;
}

.mud-dialog {
    padding: 8px 8px !important;
}

.mud-dialog-title {
    padding: 18px !important;
}

.mud-dialog-content {
    padding: 18px !important;
}

.mud-dialog-actions {
    padding: 18px !important;
}

.mud-dialog {
    border-radius: 12px;
}