.hsp-design-table-block {
	--hsp-design-table-border-color: #d7dee8;
	--hsp-design-table-border-radius: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 1.5em 0;
}

.hsp-design-table-block--width-auto {
	width: auto;
	max-width: 100%;
}

.hsp-design-table-block--width-custom {
	min-width: 100%;
}

.hsp-design-table-block--overflow-scroll {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.hsp-design-table-block--overflow-scroll .hsp-design-table-block__cell {
	min-width: 120px;
	white-space: nowrap;
}

.hsp-design-table-block__cell {
	padding: 14px 16px;
	line-height: 1.6;
	vertical-align: middle;
	border-color: var(--hsp-design-table-border-color);
	border-style: solid;
	border-width: 0;
	overflow-wrap: anywhere;
	white-space: normal;
}

.hsp-design-table-block__cell--xs {
	line-height: 1.35;
}

.hsp-design-table-block__cell--xs-column {
	padding: 4px 10px;
	vertical-align: top;
}

.hsp-design-table-block--outer-border tr:first-child .hsp-design-table-block__cell {
	border-top-width: 1px;
}

.hsp-design-table-block--outer-border tr:last-child .hsp-design-table-block__cell {
	border-bottom-width: 1px;
}

.hsp-design-table-block--outer-border .hsp-design-table-block__cell:first-child {
	border-left-width: 1px;
}

.hsp-design-table-block--outer-border .hsp-design-table-block__cell:last-child {
	border-right-width: 1px;
}

.hsp-design-table-block tr:first-child .hsp-design-table-block__cell:first-child {
	border-top-left-radius: var(--hsp-design-table-border-radius);
}

.hsp-design-table-block tr:first-child .hsp-design-table-block__cell:last-child {
	border-top-right-radius: var(--hsp-design-table-border-radius);
}

.hsp-design-table-block tr:last-child .hsp-design-table-block__cell:first-child {
	border-bottom-left-radius: var(--hsp-design-table-border-radius);
}

.hsp-design-table-block tr:last-child .hsp-design-table-block__cell:last-child {
	border-bottom-right-radius: var(--hsp-design-table-border-radius);
}

.hsp-design-table-block--vertical-borders .hsp-design-table-block__cell + .hsp-design-table-block__cell {
	border-left-width: 1px;
}

.hsp-design-table-block--horizontal-borders tr + tr .hsp-design-table-block__cell {
	border-top-width: 1px;
}

.hsp-design-table-block th.hsp-design-table-block__cell {
	font-weight: 700;
}

.hsp-design-table-block tr:not(:first-child) > th.hsp-design-table-block__cell:first-child {
	background-color: #F8F8F8 !important;
	font-weight: 700 !important;
	text-align: right !important;
}

.hsp-design-table-block__caption {
	caption-side: bottom;
	padding-top: 8px;
	color: #666;
	font-size: 13px;
	line-height: 1.5;
	text-align: right;
}

.hsp-design-table-block__button-wrap {
	margin-top: 8px;
}

.hsp-design-table-block__button {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 4px;
	background: #71B800;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.hsp-design-table-block__button:hover,
.hsp-design-table-block__button:visited {
	color: #fff;
	text-decoration: none;
}

.hsp-design-table-block__button:hover {
	background: #5f9f00;
}

@media (max-width: 640px) {
	.hsp-design-table-block--overflow-scroll .hsp-design-table-block__cell {
		padding: 12px;
	}

	.hsp-design-table-block__cell {
		padding: 12px;
	}

	.hsp-design-table-block__cell--xs-column {
		padding: 4px 8px;
	}
}