.cb-collection-item--hidden {
	display: none
}

.cb-collection__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem
}

.cb-collection__tabs-layout {
	display: flex;
	flex-direction: column;
}

.cb-collection__tabs-layout--left,
.cb-collection__tabs-layout--right {
	flex-direction: row;
	align-items: flex-start
}

.cb-collection__tabs-layout--left .cb-collection__tabs,
.cb-collection__tabs-layout--right .cb-collection__tabs {
	flex-direction: column;
	flex-wrap: nowrap
}

.cb-collection__tab {
	cursor: pointer;
	outline: none
}

:where(.cb-collection__accordion-header) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	box-sizing: border-box;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
	text-align: inherit;
	padding: 0;
	width: 100%;
	cursor: pointer
}

:where(.cb-collection__accordion-header:focus-visible) {
	outline: 2px solid currentColor;
	outline-offset: 2px
}

:where(.cb-collection__accordion-title) {
	min-inline-size: 0;
	flex: 1 1 auto
}

:where(.cb-collection__accordion-indicator) {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center
}

:where(.cb-collection__accordion-header[aria-expanded="false"] .cb-collection__accordion-indicator--open),
:where(.cb-collection__accordion-header[aria-expanded="true"] .cb-collection__accordion-indicator--closed) {
	display: none
}

:where(.cb-collection__accordion-panel) {
	box-sizing: border-box
}

.cb-collection__track {
	display: flex;
	min-width: 0
}

.cb-collection__slide {
	box-sizing: border-box;
	flex: 0 0 auto;
	min-width: 0
}

:where(.cb-collection__items--slider) {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr) max-content;
	grid-template-areas:
		"previous viewport next"
		"pagination pagination pagination";
	align-items: center;
	-moz-column-gap: 8px;
	     column-gap: 8px;
	min-width: 0;
	width: 100%
}

:where(.cb-collection__items--slider .cb-collection__container) {
	box-sizing: border-box;
	grid-area: viewport;
	max-width: 100%;
	min-width: 0;
	width: 100%;
	overflow: hidden
}

:where(.cb-collection__items--slider .cb-collection__nav) {
	display: contents
}

:where(.cb-collection__prev),
:where(.cb-collection__next) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #1e293b;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none
}

:where(.cb-collection__prev) {
	grid-area: previous
}

:where(.cb-collection__next) {
	grid-area: next
}

:where(.cb-collection__prev[aria-disabled="true"]),
:where(.cb-collection__next[aria-disabled="true"]),
:where(.cb-collection__bullet[aria-disabled="true"]) {
	opacity: .45;
	cursor: default;
	pointer-events: none
}

:where(.cb-collection__prev:focus-visible),
:where(.cb-collection__next:focus-visible),
:where(.cb-collection__bullet:focus-visible) {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px
}

:where(.cb-collection__pagination) {
	grid-area: pagination;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center
}

:where(.cb-collection__bullet) {
	inline-size: 16px;
	block-size: 16px;
	flex: 0 0 16px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #475569;
	cursor: pointer
}

:where(.cb-collection__bullet.is-active) {
	background-color: #1d4ed8
}

@media (prefers-reduced-motion: reduce) {
	:where(.cb-collection__accordion-panel) {
		transition-duration: 0ms
	}

	:where(.cb-collection__track) {
		transition-duration: 0ms !important
	}
}