.msrw-workspace {
    dl {
        display: grid;
        grid-template-columns: auto 1fr;
        dd {
            min-height: 3em;
        }
        dd > ol {
            list-style-type: none;
            display: flex;
            flex-direction: row;
            overflow: hidden;
            min-height: 2lh;
            &> li {
                /*display: inline-block;*/
                background: white;
                margin-right: 1ex;
                white-space: nowrap;
                border: 1px solid #888;
                border-radius: 5px;
                padding: 5px;
                margin: 5px;
                display: flex;
                align-items: center;
            }
        }
        :is(dd, dt)[data-stack-name=" Scratch"] {
            grid-row: 1000;
                font-style: italic;
        }
        :is(dd, dt)[data-stack-name=" Scratch 2"] {
            grid-row: 1001;
                font-style: italic;
        }
        dt {
            display: flex;
            align-items: center;
        }
    }

    li:has(ol.quote) {background: transparent;}
    ol.quote {
        list-style-type: none;
        display: inline-block;
        padding-left: 0;
        &> li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
            border: 0 !important;
            margin-right: 1ex;
            &:last-child {
                margin-right: 0;
            }
        }
    }
}
:root {
    --step-duration: 500ms;
}

/* Keyframes for sliding IN from the left */
@keyframes slide-in-left {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Keyframes for sliding OUT to the left */
@keyframes slide-out-left {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}

/* Target the specific item transitioning */
//::view-transition-new(.sliding-item) {
//  animation: var(--step-duration) ease-out slide-in-left;
//}
//
//::view-transition-old(.sliding-item) {
//  animation: var(--step-duration) ease-out slide-out-left forwards;
//}

::view-transition-new(*),
::view-transition-group(*) {
    z-index: 2;
    animation-duration: var(--step-duration);
}
::view-transition-group(*) {
    z-index: 3;
}
::view-transition-old(*) {
    z-index: 1;
}