.frame[name="experimentWidgetList"] .pagination,
.frame[name="experimentWidgetList"] ul.pagination,
.frame[name="experimentVariationWidgetList"] .pagination,
.frame[name="experimentVariationWidgetList"] ul.pagination {
    display: flex !important;
    font-size: var(--fontSize-s);
    justify-content: space-between !important;
    margin-top: var(--gap-m);
    width: 100% !important;
}

.Experiment-list > .Experiment-card,
.ExperimentVariation-list > .LinkTable li {
    position: relative;
}

.ExperimentVariation-list > .LinkTable li > a {
    padding-right: var(--gap-xl);
}

/* Actions container */
.ExperimentVariation-actions {
    position: absolute;
    right: 0;
    top: var(--gap-xs);
}

/* Kebab button styling */
.Experiment-more,
.ExperimentVariation-more {
    --IconButton-name: 'more_horiz';
}

.Experiment-more.is-active
.ExperimentVariation-more.is-active {
    --IconButton-name: 'close';
}

/* Below borrowed from Admin-nav */

[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > * {
    color: var(--Link-color);
    position: relative;
}

[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *::before,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > *::before {
    background: currentColor;
    bottom: -1px;
    content: '';
    left: calc(0px - var(--gap-l));
    opacity: 0;
    position: absolute;
    top: -1px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--time-xs) var(--ease-out);
    width: var(--gap-m);
}

[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *:hover::before,
[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *:focus::before,
[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > .selected::before,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > *:hover::before,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > *:focus::before,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > .selected::before {
    opacity: 1;
    transform: none;
}

[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *:hover,
[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > *:focus,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > *:hover,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > *:focus {
    color: var(--Link-hoverColor);
}

[data-internal-name="com.brightspot.experimentation.variation.ExperimentVariationWidget"] .LinkTable > .selected,
[data-internal-name="com.brightspot.experimentation.experiment.ExperimentWidget"] .Experiment-list > .selected {
    --Link-color: var(--color-dominant6);
    --Link-hoverColor: var(--color-dominant5);
    --Link-decoration: none;
}

.Experiment-card {
    border-top: 1px solid var(--color-gray3);
    padding: var(--gap-m) 0;
}

.Experiment-card:first-child {
    border-top: transparent;
}

.Experiment-cardBody {
    color: var(--color-gray5);
    padding: var(--gap-xs) 0;
}

.Experiment-cardBody > p > span {
    font-weight: bold;
}

.Experiment-cardHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Experiment-icons {
    display: flex;
}

.Experiment-resultsLink {
    --IconButton-name: 'bar_chart_4_bars';
}

[data-internal-name="com.brightspot.experimentation.variation.VariationTopWidget"] > .Message.is-warning>.Message-icon:before {
    content: 'science'
}