.border-wavy--top {
	padding-block: var(--space-sm);
}

.bg-bg-alt.border-wavy.border-wavy--top::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDQwIDQwIj48cGF0aCBmaWxsPSIjZTVlZWYxIiBkPSJNMTQ0MCA0MC4yOVYzOC42NXMtNjEuODItNzQuODc2LTQ4NS45OC0xMy45MzhjLTIyOS43MjUgMzMtNDg4LjU4My4yMjQtNTE5LjMyOS0zLjY2NkMtNy44MDMtMzUuMDA3LjAwOCAzOC42NDkuMDA4IDM4LjY0OXYxLjY0OUgxNDQweiIvPjwvc3ZnPg==") bottom no-repeat;
	background-origin: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: calc(100% - var(--feature-border-height));
	content: "";
	height: var(--feature-border-height);
	top: calc(-1 * var(--feature-border-height));
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

@media (min-width: 48rem) {

}

.border-wavy {
	--feature-border-height: 50px;
	background-color: transparent;
	position: relative;
}

.bg-primary.border-wavy > div {
	position: relative;
}

.tabs__control {
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-radius: var(--btn-radius, 0.25em);
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-primary);
	font-size: var(--btn-font-size, 1em);
	font-weight: 800;
	justify-content: center;
	line-height: inherit;
	line-height: 1.4;
	padding: 0;
	padding-bottom: var(--btn-padding-y, 0.5em);
	padding-left: var(--btn-padding-x, 0.75em);
	padding-right: var(--btn-padding-x, 0.75em);
	padding-top: var(--btn-padding-y, 0.5em);
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.2s ease;
  }
  .tabs__control:hover,
  .tabs__control:not([aria-selected="true"]) {
	background: var(--color-white);
	color: var(--color-text);
  }
  .tabs__control:not([aria-selected="true"]):hover {
	background: var(--color-primary);
	color: var(--color-white);
  }
  .tabs__control[aria-selected="true"] {
	background: var(--color-accent);
	box-shadow: 0 0 0 2px var(--color-white);
	color: var(--color-white);
	text-decoration: none;
  }
  .tabs__control[aria-selected="true"]:hover {
	background: var(--color-primary);
	color: var(--color-white);
  }