@charset "UTF-8";

/* HEXAGON CUP BLEX CSS Document */

:root {
	--bs-primary: #D7FF4B;
	--bs-primary-rgb: 215, 255, 75;
	--bs-light-primary: #def97e;
	--bs-light-primary-rgb:  222, 249, 126;
	--bs-extralight-primary: #e4f2b2;
	--bs-extralight-primary-rgb: 228, 242, 178;
	--bs-secondary: #320072;
	--bs-secondary-rgb: 50, 0, 114;
	--bs-light-secondary: #0A0F4C;
	--bs-light-secondary-rgb: 10, 15, 76;
	--bs-light-gray: #f1f1f1;
	--bs-font-sans-serif: 'Poppins', Helvetica, Arial, sans-serif;
	--bs-gradient: linear-gradient(to right, var(--bs-secondary) 0%,var(--bs-light-secondary) 95%);
	--bs-gradient-vertical: linear-gradient(to bottom, var(--bs-secondary) 0%,var(--bs-light-secondary) 95%);
	--bs-gradient-vertical-opacity: linear-gradient(to bottom, rgba(var(--bs-secondary-rgb), .85) 0%,rgba(var(--bs-light-secondary-rgb), .85) 75%);
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: #fff;
	--bs-body-bg: var(--bs-secondary);
	--bs-body-color-rgb: 255,255,255;
	--bs-body-bg-rgb: var(--bs-secondary-rgb);
	--bs-text: var(--bs-body-color);
	--bs-text-white: #fff;
	--bs-dark: #000
}

.bg-dark {
	background-color: var(--bs-dark)
}

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke: var(--bs-white) !important;
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-body-color);
}

.form-switch .form-check-input:focus:not(:checked) {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D7FF4B'/%3e%3c/svg%3e");
}

.form-check-input:focus {
	border-color: var(--bs-light-primary);
	box-shadow: 0 0 0 0;
}
.btn-primary,.btn-primary:active,.btn-check:focus+.btn-primary,.btn-check:active+.btn-primary,.show>.btn-primary.dropdown-toggle{background-color:var(--bs-primary);border-color:var(--bs-primary); color: var(--bs-secondary);}

.btn-primary:hover,.btn-primary:focus,.btn-check:checked+.btn-primary,.btn-primary.active{
	background-color:var(--bs-light-secondary)!important;
	border-color:var(--bs-light-secondary)!important;
	color:var(--bs-primary);
}
.btn-img:hover svg path,.btn-img:focus svg path,.btn-check:checked+.btn-img svg path,.btn-img.active svg path{
	fill:var(--bs-primary)!important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active {
    background-color: var(--bs-primary);
    color: var(--bs-secondary)!important;
    border-color: var(--bs-primary);
}