@mixin XXS {
	--components-softwareIcon-size: var(--pr-t-spacings-200);
}

@mixin XS {
	--components-softwareIcon-size: var(--pr-t-spacings-300);
}

@mixin S {
	--components-softwareIcon-size: var(--pr-t-spacings-400);
}

@mixin L {
	--components-softwareIcon-size: var(--pr-t-spacings-600);
}

@mixin wrapperXS {
	--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);
	--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);
	--components-softwareIcon-action-boxShadowSpread: 1px;

	&,
	.softwareIcon {
		@include XS;
	}
}

@mixin wrapperS {
	--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);
	--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);

	&,
	.softwareIcon {
		@include S;
	}
}

@mixin insideWrapper {
	--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);
	--components-softwareIcon-illustration-bubble-strokeWidth: 4px;

	@include block;
}

@mixin block {
	--components-softwareIcon-display: block;
}