/* -- figma-theme-converter output --------------------------------------------- */
/* Theme:  Edge X */
/* Source: edge-x.json */

:root {

	/* -- Border Radius -------------------------------------------------------- */

	--bdr-rds: 0rem;
	--bdr-tl-rds: 1;
	--bdr-tr-rds: 1;
	--bdr-br-rds: 1;
	--bdr-bl-rds: 1;

	/* -- Card Border Radius --------------------------------------------------- */

	--bdr-rds-crd: 0rem;
	--bdr-tl-rds-crd: 1;
	--bdr-tr-rds-crd: 1;
	--bdr-br-rds-crd: 1;
	--bdr-bl-rds-crd: 1;

	/* -- Box Shadow ----------------------------------------------------------- */

	--bx-sdw-x:   0rem;
	--bx-sdw-y:   0rem;
	--bx-sdw-blr: 0rem;
	--bx-sdw-o:   0;

	/* -- Desktop Box Shadow --------------------------------------------------- */

	--bx-sdw-dsk-x:   0rem;
	--bx-sdw-dsk-y:   0rem;
	--bx-sdw-dsk-blr: 0rem;
	--bx-sdw-dsk-o:   0;

	/* -- Card Box Shadow ------------------------------------------------------ */

	--bx-sdw-crd-x:   0rem;
	--bx-sdw-crd-y:   0rem;
	--bx-sdw-crd-blr: 0rem;
	--bx-sdw-crd-o:   0;

	/* -- Button V1 Padding ---------------------------------------------------- */

	--btn-v1-pd-t: 1.125rem;
	--btn-v1-pd-b: 1.125rem;
	--btn-v1-pd-l: 1.5rem;
	--btn-v1-pd-r: 1.5rem;
	--btn-v1-pd: var(--btn-v1-pd-t) var(--btn-v1-pd-r) var(--btn-v1-pd-b) var(--btn-v1-pd-l);

	/* -- Button V1 Border Radius ---------------------------------------------- */

	--btn-v1-bdr-rds-tl: 0rem;
	--btn-v1-bdr-rds-tr: 0rem;
	--btn-v1-bdr-rds-br: 0rem;
	--btn-v1-bdr-rds-bl: 0rem;
	--btn-v1-bdr-rds: var(--btn-v1-bdr-rds-tl) var(--btn-v1-bdr-rds-tr) var(--btn-v1-bdr-rds-br) var(--btn-v1-bdr-rds-bl);

	/* -- Button V1 Box Shadow ------------------------------------------------- */

	--btn-v1-bx-sdw-x:   0rem;
	--btn-v1-bx-sdw-y:   0rem;
	--btn-v1-bx-sdw-blr: 0rem;
	--btn-v1-bx-sdw-o:   0;

	/* -- Button V1 Border (Alt Variant) --------------------------------------- */

	--btn-v1-bdr-w:   1px;
	--btn-v1-bdr-stl: solid;

	--btn-v2-pd-t: 1rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V1 Padding Top'  } */
	--btn-v2-pd-b: 1rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V1 Padding Bottom'  } */
	--btn-v2-pd-l: 1.5rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V1 Padding Left'  } */
	--btn-v2-pd-r: 1.5rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V1 Padding Right'  } */
	--btn-v2-pd: var(--btn-v2-pd-t) var(--btn-v2-pd-r) var(--btn-v2-pd-b) var(--btn-v2-pd-l); /* { readonly: true  } */
	
	/* -- Button V2 Border Radius ---------------------------------------------- */
	
	--btn-v2-bdr-rds-tl: .44rem; /* { min: 0, max: 2, step: 0.1, friendly: 'Button V1 Border Radius Top Left'  } */
	--btn-v2-bdr-rds-tr: .44rem; /* { min: 0, max: 2, step: 0.1, friendly: 'Button V1 Border Radius Top Right'  } */
	--btn-v2-bdr-rds-br: .44rem; /* { min: 0, max: 2, step: 0.1, friendly: 'Button V1 Border Radius Bottom Right'  } */
	--btn-v2-bdr-rds-bl: .44rem; /* { min: 0, max: 2, step: 0.1, friendly: 'Button V1 Border Radius Bottom Left'  } */
	--btn-v2-bdr-rds: var(--btn-v2-bdr-rds-tl) var(--btn-v2-bdr-rds-tr) var(--btn-v2-bdr-rds-br) var(--btn-v2-bdr-rds-bl); /* { readonly: true  } */
	
	/* -- Button V2 Box Shadow ------------------------------------------------- */
	
	--btn-v2-bx-sdw-x: 0rem; /* { min: 0,  max: 2, step: 0.1, friendly: 'Button V1 Box Shadow \'X\' Position' } */
	--btn-v2-bx-sdw-y: 0rem; /* { min: 0,  max: 2, step: 0.1, friendly: 'Button V1 Box Shadow \'Y\' Position' } */
	--btn-v2-bx-sdw-blr: 1rem; /* { min: 0, max: 4, step: 0.1, friendly: 'Button V1 Box Shadow Blur' } */
	--btn-v2-bx-sdw-o: 0; /* { min: 0, max: 1, step: 0.05, friendly: 'Button V1 Box Shadow Opacity' } */

	--btn-v2-bdr-w: 1px; /* { min: 1, max: 3, step: 0.1, friendly: 'Button V1 Border Width'  } */
	--btn-v2-bdr-stl: solid; /* { friendly: 'Button V1 Border Style'  } */
	
	/* -- Button Transitions --------------------------------------------------- */

	--btn-trn-sp: 0.3s;
	--btn-trn-tf: ease;

	/* -- Flair (Shapes & Decorative) ------------------------------------------ */

	--flr-bx-w: 297;
	--flr-bx-w-mbl: 162;
	--flr-bx-w-clc: calc((var(--flr-bx-w-mbl) * 1px) + (var(--flr-bx-w) - var(--flr-bx-w-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));
	--flr-mrg-tp: 1rem;
	--flr-mrg-bt: 1rem;
	--shape-opacity: 0.05;

	/* -- Containers & Cards Border -------------------------------------------- */

	--crd-bdr-w:       2px;
	--bg-bx-bdr-thc:   8px;
	--bg-bx-bdr-clr-o: 1;

	/* -- Dividers & Separators ------------------------------------------------ */

	--bdr-stl:   solid;
	--bdr-w:     1px;
	--bdr-clr-o: 0.3;

}

.bg-bx.pattern-bg {
	border-top: var(--crd-bdr-w) solid var(--text-color);
	border-bottom: var(--crd-bdr-w) solid var(--text-color);

	&::before {
		display: none;
	}
}

.btn.v1 {
    position: relative;
    background-color: transparent !important;

    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--btn-bg);
        z-index: -1;
        transition: background 0.3s ease 0s;
		transform: skew(-25deg, 0deg);
		pointer-events: none;
    }

	 svg * {
		transition: 0.3s ease 0s !important;
	}

	&.alt {
		border-color: transparent !important;

		&::after {
			background-color: transparent;
			border-color: var(--btn-clr);
            border-width: var(--btn-v1-bdr-w);
            border-style: var(--btn-v1-bdr-stl);
		}

		&:is(a:hover, a:focus-visible)::after {
			background-color: var(--btn-bg) !important;
		}
	}
}


.btn.v2 {
    position: relative;
    border-color: transparent !important;
	background-color: transparent !important;

    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: var(--btn-bg);
        z-index: -1;
        transition: background 0.3s ease 0s;
		transform: skew(-25deg, 0deg);
		pointer-events: none;
		background-color: transparent;
		border-color: var(--btn-clr);
		border-width: var(--btn-v1-bdr-w);
		border-style: var(--btn-v1-bdr-stl);

    }

	&:is(a:hover, a:focus-visible)::after {
			background-color: var(--btn-bg) !important;
		}

	 svg * {
		transition: 0.3s ease 0s !important;
	}

}

.cnt-stl li {
	position: relative;
	padding-left: 1.2rem;
    &::before {
        content: '' !important;
        position: absolute !important;
        top: .45rem !important;
        left: 0 !important;
        width: 0.85em !important;
        height: 0.75em !important;
        background-color: var(--buttons) !important;
        clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%) !important;
		background-image: none !important;
    }
}

.fnt_t-k {
	position: relative;
	margin-inline: auto;
	display: inline-flex;
	padding-inline: 8%;
	padding-block: .44rem;

	&::before {
		content: '';
		position: absolute;
		inset: 0;
		border-color: var(--text-color);
		border-width: 2px;
		border-style: solid;
		transform: skew(-25deg, 0deg);
		pointer-events: none;
	}

	@media screen and (min-width: 1280px) {
		& {
			padding-inline: 2rem;
		}

		[class*="ta_"] & {
			margin-inline: auto;
		}

		.ta_l-1280 & {
			margin-inline-start: 1rem;
		}

	
	}
	@media screen and (max-width: 1279px) {
		& {
			padding-block: .25em;
		}
	}
}