@keyframes kds-late{0%,to{box-shadow:0 0 0 2px var(--destructive), 0 0 0 0 color-mix(in oklch, var(--destructive) 0%, transparent)}50%{box-shadow:0 0 0 2px var(--destructive), 0 0 22px 3px color-mix(in oklch, var(--destructive) 45%, transparent)}}@keyframes kds-flash{0%,60%{box-shadow:0 0 0 3px var(--primary), 0 0 30px -2px color-mix(in oklch, var(--primary) 70%, transparent)}to{box-shadow:0 0 #0000}}@keyframes kds-hold{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.kds-card{content-visibility:auto;contain-intrinsic-size:auto 18em}.kds-card:has([data-sla=late]){border-color:var(--destructive);animation:1.6s ease-in-out infinite kds-late}.kds-card[data-fresh=true]{animation:1.2s cubic-bezier(.2,.8,.2,1) both kds-flash}.kds-card[data-selected=true]{outline:3px solid var(--primary);outline-offset:3px}.kds-fade-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}[dir=rtl] .kds-fade-end{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),#0000)}.kds-hold-bar{transform-origin:0;animation:3s linear forwards kds-hold}[dir=rtl] .kds-hold-bar{transform-origin:100%}.kds-backdrop{background:linear-gradient(180deg, color-mix(in oklch, var(--background) 82%, var(--primary) 18%) 0%, var(--background) 72%);position:absolute;inset:0;overflow:hidden}.kds-backdrop>i{filter:blur(22px);display:block;position:absolute}.kds-backdrop .lamp{background:radial-gradient(closest-side, color-mix(in oklch, var(--primary) 55%, transparent), transparent);border-radius:50%;width:26%;height:34%;top:4%}.kds-backdrop .lamp:first-child{inset-inline-start:8%}.kds-backdrop .lamp:nth-child(2){opacity:.8;inset-inline-start:37%}.kds-backdrop .lamp:nth-child(3){inset-inline-start:66%}.kds-backdrop .shelf{inset-inline:-5%;background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 22%, transparent), color-mix(in oklch, var(--foreground) 6%, transparent));filter:blur(10px);height:7%;top:58%}.kds-backdrop .rail{inset-inline:12%;background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--foreground) 16%, transparent) 0 5%, transparent 5% 9%);filter:blur(14px);height:18%;top:36%}.kds-backdrop .steam{inset-inline-start:40%;background:radial-gradient(closest-side, color-mix(in oklch, var(--foreground) 10%, transparent), transparent);filter:blur(30px);border-radius:50%;width:22%;height:40%;top:30%}.kds-backdrop:after{content:"";background:radial-gradient(ellipse at 50% 55%, transparent 30%, color-mix(in oklch, var(--background) 85%, transparent) 85%);position:absolute;inset:0}
