@import "../components/card/card-products.css";
@import "../components/card/card-product.css";

@import "../blocks/headpage.css";
@import "../blocks/repeat-sales.css";
@import "../blocks/table-plan-products.css";
@import "../blocks/cards-grid-type-2.css";
@import "../blocks/user-statistics.css";
@import "../blocks/form.css";

:root {
	--swiper-pagination-bullet-width: 6px;
	--swiper-pagination-bullet-height: 6px;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-inactive-color: #dedede;
	--swiper-pagination-color: #020202;
	--swiper-pagination-bullet-horizontal-gap: 5px;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	grid-gap: clamp(10px,1.389vw,20px); /* 1440 */
}
.tags__tag {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	border: 1px solid var(--color-primary);
	border-radius: 100px;
	padding: 0 clamp(10px,1.111vw,16px); /* 1440 */
	height: clamp(30px,3.472vw,50px); /* 1440 */
	font-weight: 400;
	font-size: clamp(14px,1.389vw,20px); /* 1440 */
	text-align: center;
	color: #020202;
}