[hidden] { display: none !important; }
.api-state-message { margin: 28px 20px; padding: 28px 18px; text-align: center; color: #e9e5ed; }
.api-state-message h2 { margin: 0 0 12px; font-size: 1.25rem; }
.api-state-message p { margin: 0 0 22px; color: #bfb8c7; line-height: 1.5; }
.api-state-message a, .api-state-message button { color: #d4b4ff; font: inherit; }
.api-state-message button { padding: 9px 13px; border: 1px solid #765091; border-radius: 9px; background: transparent; cursor: pointer; }
.api-state-message a { display: inline-block; margin: 10px; text-underline-offset: 4px; }
.selection-state-message { color: #eee8f5; text-align: center; font-size: clamp(13px, 3.5cqw, 17px); line-height: 1.5; }
.selection-state-message button { font: inherit; color: inherit; border: 1px solid #8860ac; border-radius: 9px; background: #211828; padding: 10px 18px; cursor: pointer; }
.dish-price-group { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 3px 8px; }
.dish-base-price { color: #a59ba9; font-size: .76em; font-weight: 450; white-space: nowrap; }
.sheet-price-row .dish-price-group { justify-content: flex-end; }
.variant-price .dish-base-price { display: block; text-align: right; }