.QueueVisualizer_container__8FIAp{margin:0 auto;max-width:1200px;padding:var(--spacing-16px) var(--spacing-16px) var(--spacing-40px)}.QueueVisualizer_header__3wL7p{margin-bottom:var(--spacing-32px)}.QueueVisualizer_title__3MhLB{margin-bottom:var(--spacing-16px)}.QueueVisualizer_description__NmCYE{color:var(--text-emphasis-secondary-default)}.QueueVisualizer_controls__rsag_{background-color:var(--bg-subtle-secondary-default);border-radius:var(--corner-radius-8px);padding:var(--spacing-24px);margin-bottom:var(--spacing-32px)}.QueueVisualizer_controlsRow__LquhN{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-16px)}.QueueVisualizer_inputField__57hni{flex:1 1;min-width:12rem}.QueueVisualizer_visualization__gRChn{background-color:var(--bg-subtle-primary-default);border:2px solid var(--border-subtle-primary-default);border-radius:var(--corner-radius-8px);padding:var(--spacing-32px)}.QueueVisualizer_visualizationTitle__Fw9UZ{text-align:center;margin-bottom:var(--spacing-24px)}.QueueVisualizer_queueContainer__1Xchf{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-24px)}.QueueVisualizer_queueLabels__6X_KH{display:flex;justify-content:space-between;width:100%;max-width:32rem}.QueueVisualizer_labelLeft__VNT6m{text-align:left}.QueueVisualizer_labelRight__NN5o_{text-align:right}.QueueVisualizer_queueElements__3ryrF{position:relative}.QueueVisualizer_elementsRow__xPtY0{display:flex;align-items:center;gap:var(--spacing-8px);min-height:var(--spacing-64px)}.QueueVisualizer_emptyQueue__jOsqQ{width:var(--spacing-128px);border:2px dashed var(--border-subtle-secondary-default)}.QueueVisualizer_emptyQueue__jOsqQ,.QueueVisualizer_queueElement__cXCtM{height:var(--spacing-64px);border-radius:var(--corner-radius-8px);display:flex;align-items:center;justify-content:center}.QueueVisualizer_queueElement__cXCtM{width:var(--spacing-64px);border:2px solid var(--border-subtle-primary-default);background-color:var(--bg-subtle-primary-default);color:var(--text-emphasis-primary-default);font-family:var(--font-family);font-weight:var(--font-weight-700);font-size:var(--font-size-18px);transition:all .5s ease-in-out}.QueueVisualizer_queueElement__cXCtM.QueueVisualizer_front__E4uXY{border-color:var(--brand-500);background-color:var(--bg-subtle-brand-default);color:var(--text-emphasis-brand-default)}.QueueVisualizer_queueElement__cXCtM.QueueVisualizer_dequeuing___iE15{border-color:var(--error-500);background-color:var(--bg-subtle-error-default);animation:QueueVisualizer_pulse___UdqI 1s infinite}.QueueVisualizer_animationElement__rQrLh{width:var(--spacing-64px);height:var(--spacing-64px);border-radius:var(--corner-radius-8px);border:2px solid var(--success-500);background-color:var(--bg-subtle-success-default);color:var(--text-emphasis-success-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:var(--font-weight-700);font-size:var(--font-size-18px);animation:QueueVisualizer_pulse___UdqI 1s infinite}@keyframes QueueVisualizer_pulse___UdqI{0%,to{opacity:1}50%{opacity:.5}}.QueueVisualizer_queueInfo__hgrxk{display:flex;gap:var(--spacing-32px);text-align:center}.QueueVisualizer_infoItem__gJ7Nv{display:flex;flex-direction:column;gap:var(--spacing-4px)}.QueueVisualizer_legend__BRS7I{margin-top:var(--spacing-32px);background-color:var(--bg-subtle-secondary-default);border-radius:var(--corner-radius-8px);padding:var(--spacing-24px)}.QueueVisualizer_legendTitle__oyUHt{margin-bottom:var(--spacing-16px)}.QueueVisualizer_legendGrid__gjfGb{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-16px);gap:var(--spacing-16px)}@media (min-width:768px){.QueueVisualizer_legendGrid__gjfGb{grid-template-columns:repeat(3,1fr)}}.QueueVisualizer_legendItem__Weyfe{display:flex;align-items:center;gap:var(--spacing-8px)}.QueueVisualizer_legendColor__GqfpQ{width:var(--spacing-16px);height:var(--spacing-16px);border-radius:var(--corner-radius-4px);border:2px solid}.QueueVisualizer_legendColor__GqfpQ.QueueVisualizer_front__E4uXY{border-color:var(--brand-500);background-color:var(--bg-subtle-brand-default)}.QueueVisualizer_legendColor__GqfpQ.QueueVisualizer_enqueue__hNDZi{border-color:var(--success-500);background-color:var(--bg-subtle-success-default)}.QueueVisualizer_legendColor__GqfpQ.QueueVisualizer_dequeue__nhLUZ{border-color:var(--error-500);background-color:var(--bg-subtle-error-default)}@media (max-width:768px){.QueueVisualizer_container__8FIAp{padding:var(--spacing-12px) var(--spacing-16px) var(--spacing-32px)}.QueueVisualizer_controls__rsag_{padding:var(--spacing-16px)}.QueueVisualizer_controlsRow__LquhN{flex-direction:column;align-items:stretch}.QueueVisualizer_inputField__57hni{min-width:auto}.QueueVisualizer_visualization__gRChn{padding:var(--spacing-16px)}.QueueVisualizer_queueInfo__hgrxk{flex-direction:column;gap:var(--spacing-16px)}}