.ui-icon-set__scope {
	--ui-icon-set__icon-base-size: 24px;
	--ui-icon-set__icon-base-color: var(--ui-color-base-90);
	--ui-icon-set__icon-path: url('');
}

.ui-icon-set {
	--ui-icon-set__icon-base-size: 24px;
	--ui-icon-set__icon-base-color: var(--ui-color-base-90);
	--ui-icon-set__icon-path: url('');

	display: inline-block;
	width: var(--ui-icon-set__icon-size, var(--ui-icon-set__icon-base-size));
	height: var(--ui-icon-set__icon-size, var(--ui-icon-set__icon-base-size));
	flex-shrink: 0;
	-webkit-mask-image: var(--ui-icon-set__icon-path);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	background: var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color));
	transition: 150ms ease-in-out background;
}

.ui-icon-set.--fixed-color {
	-webkit-mask-image: none;
	background: var(--ui-icon-set__icon-path);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: 150ms ease-in-out background;
}

.ui-icon-set:hover {
	transition-duration: 0s;
}

.ui-icon-set.--hoverable-default:hover {
	background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
}

.ui-icon-set.--hoverable-default:active {
	background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity));
}

.ui-icon-set.--hoverable-alt:hover {
	background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity));
}

.ui-icon-set.--hoverable-alt:active {
	background: color-mix(in srgb, var(--ui-icon-set__icon-color, var(--ui-icon-set__icon-base-color)) 100%, var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity));
}

.ui-icon-set.--responsive {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RtcC93RnUzZHciXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiLi4vLi4vLi4vdG1wL3dGdTNkdyIsInNvdXJjZXNDb250ZW50IjpbIi51aS1pY29uLXNldF9fc2NvcGUge1xuXHQtLXVpLWljb24tc2V0X19pY29uLWJhc2Utc2l6ZTogMjRweDtcblx0LS11aS1pY29uLXNldF9faWNvbi1iYXNlLWNvbG9yOiB2YXIoLS11aS1jb2xvci1iYXNlLTkwKTtcblx0LS11aS1pY29uLXNldF9faWNvbi1wYXRoOiB1cmwoJycpO1xufVxuXG4udWktaWNvbi1zZXQge1xuXHQtLXVpLWljb24tc2V0X19pY29uLWJhc2Utc2l6ZTogMjRweDtcblx0LS11aS1pY29uLXNldF9faWNvbi1iYXNlLWNvbG9yOiB2YXIoLS11aS1jb2xvci1iYXNlLTkwKTtcblx0LS11aS1pY29uLXNldF9faWNvbi1wYXRoOiB1cmwoJycpO1xuXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0d2lkdGg6IHZhcigtLXVpLWljb24tc2V0X19pY29uLXNpemUsIHZhcigtLXVpLWljb24tc2V0X19pY29uLWJhc2Utc2l6ZSkpO1xuXHRoZWlnaHQ6IHZhcigtLXVpLWljb24tc2V0X19pY29uLXNpemUsIHZhcigtLXVpLWljb24tc2V0X19pY29uLWJhc2Utc2l6ZSkpO1xuXHRmbGV4LXNocmluazogMDtcblx0LXdlYmtpdC1tYXNrLWltYWdlOiB2YXIoLS11aS1pY29uLXNldF9faWNvbi1wYXRoKTtcblx0LXdlYmtpdC1tYXNrLXJlcGVhdDogbm8tcmVwZWF0O1xuXHQtd2Via2l0LW1hc2stcG9zaXRpb246IGNlbnRlcjtcblx0LXdlYmtpdC1tYXNrLXNpemU6IGNvbnRhaW47XG5cdGJhY2tncm91bmQ6IHZhcigtLXVpLWljb24tc2V0X19pY29uLWNvbG9yLCB2YXIoLS11aS1pY29uLXNldF9faWNvbi1iYXNlLWNvbG9yKSk7XG5cdHRyYW5zaXRpb246IDE1MG1zIGVhc2UtaW4tb3V0IGJhY2tncm91bmQ7XG59XG5cbi51aS1pY29uLXNldC4tLWZpeGVkLWNvbG9yIHtcblx0LXdlYmtpdC1tYXNrLWltYWdlOiBub25lO1xuXHRiYWNrZ3JvdW5kOiB2YXIoLS11aS1pY29uLXNldF9faWNvbi1wYXRoKTtcblx0YmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXHRiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuXHRiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG5cdHRyYW5zaXRpb246IDE1MG1zIGVhc2UtaW4tb3V0IGJhY2tncm91bmQ7XG59XG5cbi51aS1pY29uLXNldDpob3ZlciB7XG5cdHRyYW5zaXRpb24tZHVyYXRpb246IDBzO1xufVxuXG4udWktaWNvbi1zZXQuLS1ob3ZlcmFibGUtZGVmYXVsdDpob3ZlciB7XG5cdGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS11aS1pY29uLXNldF9faWNvbi1jb2xvciwgdmFyKC0tdWktaWNvbi1zZXRfX2ljb24tYmFzZS1jb2xvcikpIDEwMCUsIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWhvdmVyLWRlZmF1bHQtb3ZlcmxheS1oZXgpIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWhvdmVyLWRlZmF1bHQtb3ZlcmxheS1vcGFjaXR5KSk7XG59XG5cbi51aS1pY29uLXNldC4tLWhvdmVyYWJsZS1kZWZhdWx0OmFjdGl2ZSB7XG5cdGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS11aS1pY29uLXNldF9faWNvbi1jb2xvciwgdmFyKC0tdWktaWNvbi1zZXRfX2ljb24tYmFzZS1jb2xvcikpIDEwMCUsIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWNsaWNrLWRlZmF1bHQtb3ZlcmxheS1oZXgpIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWNsaWNrLWRlZmF1bHQtb3ZlcmxheS1vcGFjaXR5KSk7XG59XG5cbi51aS1pY29uLXNldC4tLWhvdmVyYWJsZS1hbHQ6aG92ZXIge1xuXHRiYWNrZ3JvdW5kOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tdWktaWNvbi1zZXRfX2ljb24tY29sb3IsIHZhcigtLXVpLWljb24tc2V0X19pY29uLWJhc2UtY29sb3IpKSAxMDAlLCB2YXIoLS11aS1jb2xvci1iZy1zdGF0ZS1ob3Zlci1hbHQtb3ZlcmxheS1oZXgpIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWhvdmVyLWFsdC1vdmVybGF5LW9wYWNpdHkpKTtcbn1cblxuLnVpLWljb24tc2V0Li0taG92ZXJhYmxlLWFsdDphY3RpdmUge1xuXHRiYWNrZ3JvdW5kOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tdWktaWNvbi1zZXRfX2ljb24tY29sb3IsIHZhcigtLXVpLWljb24tc2V0X19pY29uLWJhc2UtY29sb3IpKSAxMDAlLCB2YXIoLS11aS1jb2xvci1iZy1zdGF0ZS1jbGljay1hbHQtb3ZlcmxheS1oZXgpIHZhcigtLXVpLWNvbG9yLWJnLXN0YXRlLWNsaWNrLWFsdC1vdmVybGF5LW9wYWNpdHkpKTtcbn1cblxuLnVpLWljb24tc2V0Li0tcmVzcG9uc2l2ZSB7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGFzcGVjdC1yYXRpbzogMSAvIDE7XG59XG4iXX0= */