.essential-slot-item{background:#fff;border:1px solid #ece9e3;border-radius:12px;align-items:center;gap:12px;padding:12px;list-style:none;display:flex}.essential-slot-item-media{background:#f5f4f1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;overflow:hidden}.essential-slot-item-image{object-fit:cover;width:100%;height:100%}.essential-slot-item-placeholder{font-size:1.75rem;line-height:1}.essential-slot-item-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.essential-slot-item-slot-label{letter-spacing:.04em;text-transform:uppercase;color:#278b2e;font-size:.72rem;font-weight:600}.essential-slot-item-name{color:#1a1f2e;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.essential-slot-item-meta{color:#6b7280;margin:0;font-size:.82rem}.essential-slot-item-unavailable{background:#fdf6f4;border-color:#f3c9c0}.essential-slot-item-unavailable .essential-slot-item-media{opacity:.5}.essential-slot-item-unavailable-notice{color:#b3261e;margin:0;font-size:.82rem;font-weight:600}.essential-slot-item-swap-urgent{border-color:#b3261e}.essential-slot-item-swap-urgent:hover{background:#fdf0ee;border-color:#b3261e}.essential-slot-item-swap{cursor:pointer;background:#fff;border:1px solid #ece9e3;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:64px;min-height:44px;padding:6px 10px;transition:border-color .15s,background-color .15s;display:flex}.essential-slot-item-swap:hover{background:#f0f9f0;border-color:#278b2e}.essential-slot-item-swap:focus-visible{outline-offset:2px;outline:2px solid #278b2e}.essential-slot-item-swap-stack{align-items:center;display:flex}.essential-slot-item-swap-thumb{object-fit:cover;background:#f5f4f1;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-9px;box-shadow:0 0 0 1px #ece9e3}.essential-slot-item-swap-thumb:first-child{margin-left:0}.essential-slot-item-swap-thumb-placeholder{justify-content:center;align-items:center;font-size:.8rem;display:flex}.essential-slot-item-swap-more{color:#278b2e;background:#eefbd8;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.essential-slot-item-swap-label{color:#278b2e;letter-spacing:.02em;font-size:.7rem;font-weight:700}@media (max-width:480px){.essential-slot-item{flex-wrap:wrap}.essential-slot-item-swap{flex-direction:row;width:100%}}@media (prefers-reduced-motion:reduce){.essential-slot-item-swap{transition:none}}