.off-canvas-addons .off-canvas-addons__header {
	--tw-border-opacity: 1;

	display: flex;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom-width: 1px;
	border-bottom-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
	flex-direction: column;
	row-gap: 0.125rem;
}

.off-canvas-addons .off-canvas-addons__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.off-canvas-addons .off-canvas-addons__title + p {
	--tw-text-opacity: 1;

	font-size: 14px;
	line-height: 20px;
	color: rgb(121 126 131 / var(--tw-text-opacity, 1));
}

.pdp-atc-addons:not(.pdp-atc-addons--off-canvas) .pdp-atc-addons__list .product-addon-card:nth-child(n + 3) {
	display: none;
}

.pdp-atc-addons.pdp-atc-addons--off-canvas .pdp-atc-addons__list-selected {
	align-items: flex-start;
	flex-direction: column;
}

.pdp-atc-addons.pdp-atc-addons--off-canvas .pdp-atc-addons__list-selected .pdp-atc-addons__list-selected-item {
	max-width: 100%;
}

.pdp-atc-addons .pdp-atc-addons__list-selected {
	display: flex;
	align-items: center;
	margin-top: 0.25rem;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.pdp-atc-addons .pdp-atc-addons__list-selected .pdp-atc-addons__list-selected-item {
	--tw-bg-opacity: 1;
	--tw-text-opacity: 1;

	overflow: hidden;
	display: block;
	padding: 0.25rem 0.5rem;
	background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
	font-size: 0.75rem;
	line-height: 1rem;
	color: rgb(30 58 138 / var(--tw-text-opacity, 1));
	white-space: nowrap;
	border-radius: 0.25rem;
	max-width: 200px;
	text-overflow: ellipsis;
}

.pdp-atc-addons .pdp-atc-addons__list-selected > h3 {
	--tw-text-opacity: 1;

	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1rem;
	line-height: 1.25;
	color: rgb(5 1 17 / var(--tw-text-opacity, 1));
}

.pdp-atc-addons h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.pdp-atc-addons .pdp-atc-addons__list {
	--tw-border-opacity: 1;

	display: flex;
	padding: 0.75rem;
	border-width: 1px;
	border-color: rgb(225 225 225 / var(--tw-border-opacity, 1));
	border-radius: 0.25rem;
	flex-direction: column;
}

.pdp-atc-addons .pdp-atc-addons__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pdp-atc-addons .pdp-atc-addons__header .pdp-atc-addons__show-more {
	--tw-text-opacity: 1;

	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: rgb(5 1 17 / var(--tw-text-opacity, 1));
	column-gap: 0.25rem;
	column-gap: 0.25rem;
}

.pdp-atc-addons .pdp-atc-addons__header .pdp-atc-addons__show-more > span:first-child {
	text-decoration-line: underline;
}

.pdp-atc-addons .pdp-atc-addons__header .pdp-atc-addons__show-more > span:nth-child(2) {
	width: 0.75rem;
	height: 0.75rem;
}

.pdp-atc-addons .pdp-atc-addons__header .pdp-atc-addons__show-more > span:nth-child(2) path,
.pdp-atc-addons .pdp-atc-addons__header .pdp-atc-addons__show-more > span:nth-child(2) svg {
	fill: #050111;
}