.bivb-sample-calls,
.bivb-sample-calls *,
.bivb-sample-calls *::before,
.bivb-sample-calls *::after {
    box-sizing: border-box;
}

.bivb-sample-calls {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 1.25em;
    color: var(--bivb-color-text);
    font-family: var(--bivb-font-family-base-stack);
}

.bivb-sample-calls__masthead,
.bivb-sample-calls__panel,
.bivb-sample-calls__empty {
    border-radius: var(--bivb-radius-6);
    background: var(--bivb-color-surface);
}

.bivb-sample-calls__masthead {
    display: flex;
    min-height: 5.625em;
    align-items: center;
    justify-content: center;
    padding: 1.625em 3.125em;
}

.bivb-sample-calls__page-title,
.bivb-sample-calls__group-title {
    margin: 0;
    color: var(--bivb-color-black);
    font-weight: var(--bivb-font-weight-semibold);
    line-height: 1.2;
}

.bivb-sample-calls__page-title {
    font-size: 2em;
    text-align: center;
    text-wrap: balance;
}

.bivb-sample-calls__anchors {
    --bivb-anchor-nav-bleed: 20px;
    --bivb-anchor-nav-offset-before: 20px;
    --bivb-anchor-nav-offset-after: 20px;
}

.bivb-sample-calls__panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3.125em;
    padding: 1.8125em 3.125em 2.5em;
}

.bivb-sample-calls__panel[hidden] {
    display: none;
}

.bivb-sample-calls__panel--archive {
    gap: 1.25em;
}

.bivb-sample-calls__group {
    display: flex;
    width: 100%;
    max-width: 49.375em;
    flex-direction: column;
    gap: 1.875em;
}

.bivb-sample-calls__group-title {
    font-size: 1.6875em;
}

.bivb-sample-calls__table {
    --bivb-sample-calls-columns: minmax(0, 1fr) 4.5625rem 3.4375rem 3.4375rem 7.25rem;
    --bivb-sample-calls-gap: 1.875rem;
    min-width: 0;
}

.bivb-sample-calls__columns,
.bivb-sample-calls__row-content {
    display: grid;
    min-width: 0;
    grid-template-columns: var(--bivb-sample-calls-columns);
    align-items: center;
    gap: var(--bivb-sample-calls-gap);
}

.bivb-sample-calls__columns {
    padding-bottom: .625em;
    border-bottom: 1px solid var(--bivb-color-border-light);
    color: var(--bivb-color-text-meta);
    font-size: .6875em;
    font-weight: var(--bivb-font-weight-medium);
    line-height: 1.2;
    text-transform: uppercase;
}

.bivb-sample-calls__column-long {
    display: none;
}

.bivb-sample-calls__rows {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bivb-sample-calls__row {
    border-bottom: 1px solid var(--bivb-color-border-light);
}

.bivb-sample-calls__row-content {
    min-height: 4.375em;
    padding-block: .625em;
    color: inherit;
    text-decoration: none;
}

a.bivb-sample-calls__row-content:hover .bivb-sample-calls__name,
a.bivb-sample-calls__row-content:focus-visible .bivb-sample-calls__name {
    color: var(--bivb-color-primary);
}

a.bivb-sample-calls__row-content:hover .bivb-sample-calls__cta {
    color: var(--bivb-color-text-inverse);
    background: var(--bivb-color-primary);
}

.bivb-sample-calls__identity,
.bivb-sample-calls__identity-text {
    display: flex;
    min-width: 0;
}

.bivb-sample-calls__identity {
    align-items: center;
    gap: .9375em;
}

.bivb-sample-calls__identity-text {
    flex: 1 1 auto;
    flex-direction: column;
    gap: .1875em;
}

.bivb-sample-calls__logo {
    position: relative;
    display: block;
    width: 3.125em;
    height: 3.125em;
    flex: 0 0 3.125em;
    overflow: hidden;
    border-radius: var(--bivb-radius-full);
    background: var(--bivb-sample-calls-logo-background, var(--bivb-color-surface-muted));
}

.bivb-sample-calls__logo > img {
    position: absolute;
    top: var(--bivb-sample-calls-logo-y, 0%);
    left: var(--bivb-sample-calls-logo-x, 0%);
    display: block;
    width: var(--bivb-sample-calls-logo-width, 100%);
    height: var(--bivb-sample-calls-logo-height, 100%);
    max-width: none;
    mix-blend-mode: var(--bivb-sample-calls-logo-blend, normal);
    object-fit: contain;
}

.bivb-sample-calls__name {
    color: var(--bivb-color-black);
    font-size: 1.0625em;
    font-weight: var(--bivb-font-weight-medium);
    line-height: 1.2;
}

.bivb-sample-calls__subtitle {
    color: var(--bivb-color-text-soft);
    font-size: .8125em;
    font-weight: var(--bivb-font-weight-regular);
    line-height: 1.2;
}

.bivb-sample-calls__state {
    display: flex;
    align-items: center;
}

.bivb-sample-calls__badge {
    display: inline-flex;
    min-height: 1.75em;
    align-items: center;
    justify-content: center;
    padding: .25em .625em;
    border: 1px solid currentColor;
    border-radius: var(--bivb-radius-6);
    font-size: .6875em;
    font-weight: var(--bivb-font-weight-semibold);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.bivb-sample-calls__badge--current {
    color: var(--bivb-color-emeraude);
}

.bivb-sample-calls__badge--upcoming {
    color: var(--bivb-color-accent);
}

.bivb-sample-calls__badge--finished {
    color: var(--bivb-color-text-disabled);
}

.bivb-sample-calls__date {
    color: var(--bivb-color-text-meta);
    font-size: .75em;
    font-weight: var(--bivb-font-weight-semibold);
    line-height: 1.2;
    white-space: nowrap;
}

.bivb-sample-calls__cta {
    display: inline-flex;
    min-height: 2.1875em;
    align-items: center;
    justify-content: center;
    padding: .5em 1.25em;
    border: 1px solid var(--bivb-color-primary);
    border-radius: var(--bivb-radius-50);
    color: var(--bivb-color-primary);
    font-size: .8125em;
    font-weight: var(--bivb-font-weight-semibold);
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .2s ease, background-color .2s ease;
}

.bivb-sample-calls__archive-open,
.bivb-sample-calls__back {
    --bivb-button-background: var(--bivb-color-surface);
    --bivb-button-border-color: var(--bivb-color-primary);
    --bivb-button-color: var(--bivb-color-primary);
    --bivb-button-hover-background: var(--bivb-color-primary);
    --bivb-button-hover-border-color: var(--bivb-color-primary);
    --bivb-button-hover-color: var(--bivb-color-text-inverse);
}

.bivb-sample-calls__archive-open,
.bivb-sample-calls__back {
    align-self: flex-start;
}

.bivb-sample-calls__back-arrow {
    display: block;
    width: .5em;
    height: .5em;
    flex: 0 0 .5em;
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
    transform: rotate(45deg);
}

.bivb-sample-calls__empty {
    padding: 1.875em;
    margin: 0;
}

.bivb-sample-calls__panel.is-leaving,
.bivb-sample-calls__panel.is-entering {
    animation-duration: .2s;
    animation-fill-mode: both;
}

.bivb-sample-calls__panel.is-leaving {
    animation-name: bivb-sample-calls-leave;
    animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.bivb-sample-calls__panel.is-entering {
    animation-name: bivb-sample-calls-enter;
    animation-timing-function: cubic-bezier(.22, 1, .36, 1);
}

@keyframes bivb-sample-calls-leave {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-.5em); }
}

@keyframes bivb-sample-calls-enter {
    from { opacity: 0; transform: translateY(.5em); }
    to { opacity: 1; transform: translateY(0); }
}

.bivb-sample-calls a:focus-visible,
.bivb-sample-calls button:focus-visible,
.bivb-sample-calls__group-title:focus-visible {
    outline: var(--bivb-control-focus-width) solid var(--bivb-color-primary);
    outline-offset: var(--bivb-control-focus-offset);
}

@media (max-width: 1023px) {
    .bivb-sample-calls { gap: .625em; }
    .bivb-sample-calls__masthead { min-height: 0; flex-direction: column; gap: .625em; padding: 1.5625em 1.25em; }
    .bivb-sample-calls__page-title { font-size: 1.4375em; }
    .bivb-sample-calls__panel { gap: 2.5em; padding: 1.25em .9375em 1.875em; }
    .bivb-sample-calls__panel--archive { gap: 1.25em; }
    .bivb-sample-calls__group { gap: 1.25em; }
    .bivb-sample-calls__group-title { font-size: 1.375em; }
    .bivb-sample-calls__table { --bivb-sample-calls-columns: minmax(0, 1fr) max-content max-content; --bivb-sample-calls-gap: .9375rem; }
    .bivb-sample-calls__columns { gap: 1.25em; }
    .bivb-sample-calls__column--start,
    .bivb-sample-calls__column--cta,
    .bivb-sample-calls__date--start,
    .bivb-sample-calls__cta,
    .bivb-sample-calls__column-short { display: none; }
    .bivb-sample-calls__column-long { display: inline; }
    .bivb-sample-calls__row-content { min-height: 4.375em; }
    .bivb-sample-calls__identity { gap: .625em; }
    .bivb-sample-calls__identity-text { gap: 0; }
    .bivb-sample-calls__name { font-size: .9375em; }
    .bivb-sample-calls__archive-open { width: 100%; min-height: 3.125em; justify-content: space-between; }
    .bivb-sample-calls__back { width: 100%; min-height: 3.125em; }
}

@media (prefers-reduced-motion: reduce) {
    .bivb-sample-calls *,
    .bivb-sample-calls *::before,
    .bivb-sample-calls *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}