.rethread-datasheet-locked {
    cursor: default;
    opacity: 0.62;
}

.rethread-datasheet-access {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em 0.75em;
    margin: 0.625em 0 0;
}

.rethread-datasheet-access a {
    text-decoration: underline;
}

.rethread-datasheet-guest {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--rt-ui-space-sm, 12px) var(--rt-ui-space-md, 16px);
}

.rethread-datasheet-guest .rethread-datasheet-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 46px;
    padding: 9px 20px;
    border: 1px solid currentColor;
    border-radius: var(--rt-ds-radius, 2px);
    background: transparent;
    color: var(--rt-ui-text, #22251f);
    font-weight: 750;
    text-align: center;
    text-decoration: none;
}

.rethread-datasheet-guest .rethread-datasheet-apply:hover {
    background: var(--rt-ui-linen, #f2f1ec);
}

.ks-actions .rethread-datasheet-guest,
.ks-actions > [data-datasheet-guest-group] {
    display: contents;
}

.ks-actions > .rethread-datasheet-group {
    width: auto;
}

.rethread-datasheet-picker {
    position: relative;
}

.rethread-datasheet-picker[data-open] [data-datasheet-trigger] {
    visibility: hidden;
}

.rethread-datasheet-group {
    position: relative;
}

.rethread-datasheet-choices[hidden],
[data-datasheet-paper][hidden],
body:not(.rethread-datasheet-editing) .rethread-datasheet-formats:not([data-datasheet-open]) {
    display: none !important;
}

.rethread-datasheet-choices,
.rethread-datasheet-formats[data-datasheet-open] {
    position: absolute !important;
    z-index: 1;
    box-sizing: border-box;
}

.rethread-datasheet-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    overflow: hidden;
}

.rethread-datasheet-choices > .rethread-datasheet-format {
    display: flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 0;
    padding: 3px 2px;
    text-align: center;
}

.rethread-datasheet-choices > .rethread-datasheet-format + .rethread-datasheet-format {
    box-shadow: inset 1px 0 color-mix(in srgb, currentColor 28%, transparent);
}

.rethread-datasheet-choices a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
}

@media (prefers-reduced-motion: no-preference) {
    .rethread-datasheet-picker[data-open] .rethread-datasheet-choices a,
    .rethread-datasheet-formats[data-datasheet-open] {
        animation: rethread-datasheet-slide-in 180ms ease-out both;
    }
}

@keyframes rethread-datasheet-slide-in {
    from { transform: translateX(10px); clip-path: inset(0 0 0 100%); }
    to { transform: translateX(0); clip-path: inset(0); }
}