.wp-block-dieline-credits .credit {
		align-items: flex-start;
		border-bottom: 1px solid var(--wp--preset--color--divider-secondary);
		display: grid;
		grid-template-columns: 140px 1fr;
		padding: var(--wp--preset--spacing--2) 0;
	}
.wp-block-dieline-credits .credit:first-child {
			padding-top: 0;
		}
.wp-block-dieline-credits .credit:last-of-type {
			margin-bottom: var(--wp--preset--spacing--2);
		}
.wp-block-dieline-credits .credits-message {
		font-size: var(--wp--preset--font-size--small);
		margin: 0;
	}
.wp-block-dieline-credits .credits-message .pro {
			font-weight: 700;
		}
.wp-block-dieline-credits .something-wrong {
		font-size: var(--wp--preset--font-size--small);
		margin-top: var(--wp--preset--spacing--4);
	}
.wp-block-dieline-credits .credits-modal {
		border-radius: var(--wp--preset--spacing--2);
		height: max-content;
		max-height: 85vh;
		left: calc(50vw - 50%);
		padding: var(--wp--preset--spacing--10);
		width: 75%;
	}
@media (--medium-viewport) {
		.wp-block-dieline-credits .credits-modal {
			padding: var(--wp--preset--spacing--5);
			width: 85vw;
	}
		}
.wp-block-dieline-credits .credits-modal h2 {
			margin-top: 0;
		}
.wp-block-dieline-credits .credits-modal .help-text {
			font-size: var(--wp--preset--font-size--small);
			font-style: italic;
		}
.wp-block-dieline-credits .credits-modal label {
			font-weight: 500;
			margin-bottom: 0.25em;
		}
.wp-block-dieline-credits .credits-modal #credit-listing {
			min-width: 50%;
		}
.wp-block-dieline-credits .credit-list {
		line-height: 1.7;
	}
.wp-block-dieline-credits .credit-list button {
			font-size: 0.8em;
			font-style: italic;
			margin-left: 1em;
		}
.wp-block-dieline-credits .credits-modal-inner {
		height: 100%;
		width: 100%;
	}
.wp-block-dieline-credits .credits-close-modal {
		--open-icon-width: 60%;
		border: none;
		height: 2.5rem;
		padding: 0;
		position: absolute;
		top: var(--wp--preset--spacing--2);
		right: var(--wp--preset--spacing--2);
		text-indent: -999999px;
		width: 2.5rem;
		z-index: 1;
	}
.wp-block-dieline-credits .credits-close-modal::before,
		.wp-block-dieline-credits .credits-close-modal::after {
			background-color: var(--wp--preset--color--bg-secondary);
			content: "";
			height: 2px;
			position: absolute;
			top: 50%;
			left: 50%;
			width: var(--open-icon-width);
			transition: transform var(--speed) ease-in-out;
		}
.wp-block-dieline-credits .credits-close-modal::before {
			transform: translate(-50%, -50%) rotate(45deg);
		}
.wp-block-dieline-credits .credits-close-modal::after {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
.wp-block-dieline-credits .credits-close-modal:hover::before {
				transform: translate(-50%, -50%) rotate(30deg);
			}
.wp-block-dieline-credits .credits-close-modal:hover::after {
				transform: translate(-50%, -50%) rotate(-30deg);
			}
.wp-block-dieline-credits .credit-form {
		display: grid;
		gap: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
		grid-template-columns: 1fr 1fr;
	}
@media (--small-viewport) {
		.wp-block-dieline-credits .credit-form {
			grid-template-columns: 1fr;
	}
		}
.wp-block-dieline-credits .credit-form .select-wrapper,
		.wp-block-dieline-credits .credit-form input[type="text"] {
			width: 100%;
		}
.wp-block-dieline-credits .credit-form .credits-modal-submit {
			background-color: var(--wp--preset--color--bg-secondary);
			color: var(--wp--preset--color--bg-base);
			padding: 0.75em 2em;
			max-width: max-content;
		}
.wp-block-dieline-credits .credit-listing-wrapper {
		position: relative;
	}
.wp-block-dieline-credits .credit-search-results {
		background-color: var(--wp--preset--color--bg-base);
		border: 1px solid var(--wp--preset--color--divider-secondary);
		border-radius: var(--wp--preset--spacing--2);
		font-size: var(--wp--preset--font-size--small);
		list-style: none;
		margin: var(--wp--preset--spacing--1) 0 0;
		overflow: clip;
		padding: 0;
		position: absolute;
		width: 100%;
	}
.wp-block-dieline-credits .credit-search-results:empty {
			display: none;
		}
.wp-block-dieline-credits .credit-search-results li {
			cursor: pointer;
			padding: 0.5em 1em;
		}
.wp-block-dieline-credits .credit-search-results li:hover {
				background-color: var(--wp--preset--color--bg-shade);
			}
:is(.wp-block-dieline-credits .credit-search-results li) + li {
				border-top: 1px solid var(--wp--preset--color--divider-secondary);
			}
.wp-block-dieline-credits #credit-role-other {
		margin-top: var(--wp--preset--spacing--1);
	}