
.block-editor-block-list__block .sc-pill-option__wrapper, .sc-pill-option__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--sc-pill-option-gap, var(--sc-spacing-x-small));
}

.sc-pill-option__button, a.sc-pill-option__button {
	background: var(--sc-pill-option-background-color, transparent);
	border-color: var(--sc-pill-option-border-color, var(--sc-color-gray-300));
	border-radius: var(--sc-pill-option-border-radius, var(--sc-border-radius-medium));
	border-style: var(--sc-pill-option-border-style, solid);
	border-width: var(--sc-pill-option-border-width, 1px);
	color: var(--sc-pill-option-text-color, var(--sc-color-gray-700));
	cursor: pointer;
	display: inline-block;
	font-size: var(--sc-pill-option-font-size, var(--sc-font-size-medium));
	font-weight: var(--sc-pill-option-font-weight, var(--sc-font-weight-semibold));
	line-height: 1;
	padding: var(--sc-pill-option-padding-top, var(--sc-spacing-small)) var(--sc-pill-option-padding-right, var(--sc-spacing-medium)) var(--sc-pill-option-padding-bottom, var(--sc-spacing-small)) var(--sc-pill-option-padding-left, var(--sc-spacing-medium));
	position: relative;
	text-align: center;
	-webkit-transition: border var(--sc-transition-medium) ease;
	transition: border var(--sc-transition-medium) ease;
	-webkit-transition: var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow, var(--sc-input-transition, var(--sc-transition-medium)) opacity;
	transition: var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow, var(--sc-input-transition, var(--sc-transition-medium)) opacity;
}

.sc-pill-option__button::-moz-focus-inner, a.sc-pill-option__button::-moz-focus-inner {
	border: 0;
}

.sc-pill-option__button--disabled, a.sc-pill-option__button--disabled {
	text-decoration: line-through;
}

.sc-pill-option__button--selected, .sc-pill-option__button--selected.has-background-color, .sc-pill-option__button--selected.has-text-color, .sc-pill-option__button--selected:active, .sc-pill-option__button--selected:active.has-background-color, .sc-pill-option__button--selected:active.has-text-color, .sc-pill-option__button--selected:focus, .sc-pill-option__button--selected:focus.has-background-color, .sc-pill-option__button--selected:focus.has-text-color, .sc-pill-option__button--selected:hover, .sc-pill-option__button--selected:hover.has-background-color, .sc-pill-option__button--selected:hover.has-text-color, a.sc-pill-option__button--selected, a.sc-pill-option__button--selected.has-background-color, a.sc-pill-option__button--selected.has-text-color, a.sc-pill-option__button--selected:active, a.sc-pill-option__button--selected:active.has-background-color, a.sc-pill-option__button--selected:active.has-text-color, a.sc-pill-option__button--selected:focus, a.sc-pill-option__button--selected:focus.has-background-color, a.sc-pill-option__button--selected:focus.has-text-color, a.sc-pill-option__button--selected:hover, a.sc-pill-option__button--selected:hover.has-background-color, a.sc-pill-option__button--selected:hover.has-text-color {
	background-color: var(--sc-pill-option-active-background-color, var(--sc-color-primary-500)) !important;
	border-color: var(--sc-pill-option-active-border-color, var(--sc-pill-option-active-background-color, var(--sc-color-primary-500))) !important;
	-webkit-box-shadow: var(--sc-shadow-small);
	box-shadow: var(--sc-shadow-small);
	color: var(--sc-pill-option-active-text-color, #fff) !important;
}

.sc-pill-option__button:focus-visible, a.sc-pill-option__button:focus-visible {
	outline-color: var(--sc-pill-option-active-background-color, var(--sc-color-primary-500));
	outline-offset: 4px;
	outline-width: 2px;
}

.sc-pill-option__button:active:not(.sc-pill-option__button--selected), .sc-pill-option__button:focus:not(.sc-pill-option__button--selected), .sc-pill-option__button:hover:not(.sc-pill-option__button--selected), a.sc-pill-option__button:active:not(.sc-pill-option__button--selected), a.sc-pill-option__button:focus:not(.sc-pill-option__button--selected), a.sc-pill-option__button:hover:not(.sc-pill-option__button--selected) {
	background-color: var(--sc-button-default-hover-background-color, var(--sc-pill-option-background-color, var(--sc-color-white)));
	border-color: var(--sc-pill-option-active-background-color, var(--sc-button-default-focus-border-color, var(--primary-background)));
	color: var(--sc-pill-option-text-color, var(--sc-color-gray-700));
}
