.tracker-entry-motion-slot {
    display: grid;
    grid-template-rows: 1fr;
}

.tracker-entry-motion-clip {
    min-height: 0;
    overflow: hidden;
}

.tracker-entry-motion-content {
    min-width: 0;
}

.tracker-entry-motion-entering > .tracker-entry-motion-clip > .tracker-entry-motion-content {
    animation: tracker-entry-motion-enter 900ms cubic-bezier(0.45, 0, 0.55, 1) 80ms 1 both;
}

.tracker-entry-motion-leaving {
    animation: tracker-entry-motion-close 680ms cubic-bezier(0.55, 0, 0.75, 0.25) 1 both;
    pointer-events: none;
}

.tracker-entry-motion-leaving > .tracker-entry-motion-clip > .tracker-entry-motion-content {
    animation: tracker-entry-motion-exit 680ms cubic-bezier(0.55, 0, 0.75, 0.25) 1 both;
}

@keyframes tracker-entry-motion-close {
    from { grid-template-rows: 1fr; }
    to { grid-template-rows: 0fr; }
}

@keyframes tracker-entry-motion-enter {
    from { transform: translateX(-108%); }
    to { transform: translateX(0); }
}

@keyframes tracker-entry-motion-exit {
    from { transform: translateX(0); }
    to { transform: translateX(108%); }
}

@media (prefers-reduced-motion: reduce) {
    .tracker-entry-motion-slot,
    .tracker-entry-motion-slot > .tracker-entry-motion-clip > .tracker-entry-motion-content {
        animation-duration: 1ms !important;
    }
}
