/* ==========================================================================
   "Swoosh underline" text format (kulbersh/swoosh)
   Usable in any rich text: select text → toolbar ▾ → "Swoosh underline".
   The marked text drops onto its own line with the brand swoosh beneath it.
   Figma: Individual Modules → Introduction ("exclusively for the face and neck.").
   Colour can be changed per context with --kb-swoosh-color.
   ========================================================================== */
.kb-swoosh{
	position:relative;
	display:block;
	width:fit-content;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
}
.kb-swoosh::after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	width:var(--kb-swoosh-width, min(406px, 100%));
	height:19px;
	background-color:var(--kb-swoosh-color, #019bba);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27406%27 height=%2719%27 viewBox=%270 0 406 19%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27black%27 fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M405.134 9.69048C404.811 10.0175 404.559 10.3602 404.164 10.6714C403.81 10.9509 401.788 12.5467 397.073 13.153C393.397 13.6258 390.5 13.17 389.963 13.0856C366.474 9.38956 293.208 7.5255 208.007 8.49185C129.087 9.38677 42.2799 12.7412 2.96687 18.8078C2.55159 18.8719 2.54928 18.8766 2.1108 18.8703C1.21793 18.8576 0.694608 18.6106 0.603796 18.5677C-0.0302268 18.2686 -0.00305513 17.9198 0.00158487 17.8593C0.0324077 17.4628 0.58623 17.2299 0.682344 17.1894C0.892139 17.1012 1.16092 17.0448 1.41447 16.9832C1.56361 16.947 3.51141 16.6149 3.69436 16.5836C75.4947 4.33689 300.245 -3.27666 379.157 1.38615C389.341 1.98796 394.757 2.65253 397.449 3.01044C399.642 3.30206 401.283 3.9323 401.569 4.04232C405.241 5.4523 405.601 7.28293 405.664 7.60152C405.769 8.13484 405.661 8.56019 405.64 8.64297L405.134 9.69048Z%27/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27406%27 height=%2719%27 viewBox=%270 0 406 19%27 preserveAspectRatio=%27none%27%3E%3Cpath fill=%27black%27 fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M405.134 9.69048C404.811 10.0175 404.559 10.3602 404.164 10.6714C403.81 10.9509 401.788 12.5467 397.073 13.153C393.397 13.6258 390.5 13.17 389.963 13.0856C366.474 9.38956 293.208 7.5255 208.007 8.49185C129.087 9.38677 42.2799 12.7412 2.96687 18.8078C2.55159 18.8719 2.54928 18.8766 2.1108 18.8703C1.21793 18.8576 0.694608 18.6106 0.603796 18.5677C-0.0302268 18.2686 -0.00305513 17.9198 0.00158487 17.8593C0.0324077 17.4628 0.58623 17.2299 0.682344 17.1894C0.892139 17.1012 1.16092 17.0448 1.41447 16.9832C1.56361 16.947 3.51141 16.6149 3.69436 16.5836C75.4947 4.33689 300.245 -3.27666 379.157 1.38615C389.341 1.98796 394.757 2.65253 397.449 3.01044C399.642 3.30206 401.283 3.9323 401.569 4.04232C405.241 5.4523 405.601 7.28293 405.664 7.60152C405.769 8.13484 405.661 8.56019 405.64 8.64297L405.134 9.69048Z%27/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	pointer-events:none;
}
