@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 500ms;
}

.infinite-list {
    height: 300px;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

.infinite-list .infinite-list-item {
    display: flex;
    align-items: start;
    justify-content: start;
    height: 50px;
    background: #e8f3fe;
    margin: 10px;
    color: #7dbcfc;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}

.removed{
    transform: translateX(100vw);
}

.carousel-item{
    float: inline-end;
    margin-right: inherit;
}