/* base/_tokens.css */




.t-display\:none { display: none; }
.t-display\:inline { display: inline; }
.t-display\:block { display: block; }
.t-display\:inline-block { display: inline-block; }
.t-display\:flex { display: flex; }
.t-display\:grid { display: grid; }
.t-display\:fixed { display: fixed; }
.t-display\:sticky { display: sticky; }

@media ( min-width: 1024px ) {
	.t-laptop\:display\:none { display: none; }
	.t-laptop\:display\:block { display: block; }
}

.t-z-index\:-1 { z-index: -1; }
.t-z-index\:10 { z-index: 10; }
.t-z-index\:20 { z-index: 20; }
.t-z-index\:30 { z-index: 30; }
.t-z-index\:99 { z-index: 99; }


.t-color\:color-accent 		{ 	color: var(--color-accent); }
.t-color\:color-white 		{ 	color: var(--color-white); }
.t-color\:color-black 		{ 	color: var(--color-black); }
.t-color\:color-grey-200 	{ 	color: var(--color-grey-200); }
.t-color\:color-grey-400 	{ 	color: var(--color-grey-400); }
.t-color\:color-grey-600 	{ 	color: var(--color-grey-600); }
.t-color\:color-grey-800 	{ 	color: var(--color-grey-800); }
.t-color\:color-yellow 		{ 	color: var(--color-yellow); }
.t-color\:color-blue 		{ 	color: var(--color-blue); }
.t-color\:color-light-blue 		{ 	color: lightblue; }
.t-color\:color-red 		{ 	color: var(--color-red); }
.t-color\:color-green 		{ 	color: var(--color-green); }

.t-hover\:color\:color-accent:hover { color: var(--color-accent); }
.t-hover\:color\:color-white:hover { color: var(--color-white); }
.t-hover\:color\:color-black:hover { color: var(--color-black); }
.t-hover\:color\:color-yellow:hover { color: var(--color-yellow); }

.t-background-color\:transparent	{ 	background-color: transparent; }
.t-background-color\:color-accent 	{ 	background-color: var(--color-accent); }
.t-background-color\:color-white 	{ 	background-color: var(--color-white); }
.t-background-color\:color-black 	{ 	background-color: var(--color-black); }
.t-background-color\:color-grey-200 { 	background-color: var(--color-grey-200); }
.t-background-color\:color-grey-400 { 	background-color: var(--color-grey-400); }
.t-background-color\:color-grey-600 { 	background-color: var(--color-grey-600); }
.t-background-color\:color-grey-800 { 	background-color: var(--color-grey-800); }
.t-background-color\:color-grey-900 { 	background-color: var(--color-grey-900); }
.t-background-color\:color-yellow   { 	background-color: var(--color-yellow); }
.t-background-color\:color-blue     { 	background-color: var(--color-blue); }
.t-background-color\:color-red      { 	background-color: var(--color-red); }
.t-background-color\:color-green    { 	background-color: var(--color-green ); }

.t-border-style\:solid { 			border-style: solid; }
.t-border-width\:1 { 				border-width: 1px; }
.t-border-width\:4 { 				border-width: 4px; }
.t-border-color\:color-white { 		border-color: var(--color-white); }
.t-border-color\:color-accent { 	border-color: var(--color-accent); }
.t-border-color\:color-grey-200 { 	border-color: var(--color-grey-200); }
.t-border-color\:color-grey-600 { 	border-color: var(--color-grey-600); }
.t-border-color\:color-grey-800 { 	border-color: var(--color-grey-800); }
.t-border-radius\:20 { 				border-radius: var(--space-20); }
.t-border-radius\:8 { 				border-radius: 8px; }


.t-gap\:0 {  				gap: 0; }
.t-gap\:10 { 				gap: var(--space-10); }
.t-gap\:20 { 				gap: var(--space-20); }
.t-gap\:40 { 				gap: var(--space-40); }
.t-grid-gap\:0 {  			grid-gap: 0; }
.t-grid-gap\:10 { 			grid-gap: var(--space-10); }
.t-grid-gap\:20 { 			grid-gap: var(--space-20); }
.t-grid-gap\:40 { 			grid-gap: var(--space-40); }
.t-grid-row-gap\:0 {  		grid-row-gap: 0; }
.t-grid-row-gap\:10 { 		grid-row-gap: var(--space-10); }
.t-grid-row-gap\:20 { 		grid-row-gap: var(--space-20); }
.t-grid-row-gap\:40 { 		grid-row-gap: var(--space-40); }
.t-grid-column-gap\:0 {  	grid-column-gap: 0; }
.t-grid-column-gap\:10 { 	grid-column-gap: var(--space-10); }
.t-grid-column-gap\:20 { 	grid-column-gap: var(--space-20); }
.t-grid-column-gap\:40 { 	grid-column-gap: var(--space-40); }
.t-grid-column\:1\/3 {		grid-column: 1 / 3; }

.t-margin\:0 {  			margin: 0; }
.t-margin\:10 { 			margin: var(--space-10); }
.t-margin\:20 { 			margin: var(--space-20); }
.t-margin\:40 { 			margin: var(--space-40); }
.t-margin-inline\:auto { 	margin-inline: auto; }
.t-margin-inline\:0 { 		margin-inline: 0; }
.t-margin-inline\:10 { 		margin-inline: var(--space-10); }
.t-margin-inline\:20 { 		margin-inline: var(--space-20); }
.t-margin-inline\:40 { 		margin-inline: var(--space-40); }
.t-margin-top\:0 {  		margin-top: 0; }
.t-margin-top\:10 { 		margin-top: var(--space-10); }
.t-margin-top\:20 { 		margin-top: var(--space-20); }
.t-margin-top\:40 { 		margin-top: var(--space-40); }
.t-margin-top\:80 { 		margin-top: var(--space-80); }
.t-margin-top\:120 { 		margin-top: var(--space-120); }
.t-margin-top\:160 { 		margin-top: var(--space-160); }
.t-margin-bottom\:0 { 		margin-bottom: 0; }
.t-margin-bottom\:10 { 		margin-bottom: var(--space-10); }
.t-margin-bottom\:20 { 		margin-bottom: var(--space-20); }
.t-margin-bottom\:40 { 		margin-bottom: var(--space-40); }
.t-margin-bottom\:80 { 		margin-bottom: var(--space-80); }
.t-margin-left\:0 {  		margin-left: 0; }
.t-margin-left\:10 { 		margin-left: var(--space-10); }
.t-margin-left\:20 { 		margin-left: var(--space-20); }
.t-margin-left\:40 { 		margin-left: var(--space-40); }
.t-margin-left\:80 { 		margin-left: var(--space-80); }
.t-margin-left\:120 { 		margin-left: var(--space-120); }
.t-margin-left\:160 { 		margin-left: var(--space-160); }
.t-margin-left\:200 { 		margin-left: var(--space-200); }
.t-margin-right\:0 { 		margin-right: 0; }
.t-margin-right\:10 { 		margin-right: var(--space-10); }
.t-margin-right\:20 { 		margin-right: var(--space-20); }
.t-margin-right\:40 { 		margin-right: var(--space-40); }

.t-parrafo-max {max-width: 100ch;}

.t-underline {text-decoration: underline;}

@media ( min-width: 1024px ) {
	.t-laptop\:margin-top\:0 { margin-top: 0; }
}


.t-padding\:0 {  			padding: 0; }
.t-padding\:10 { 			padding: var(--space-10); }
.t-padding\:20 { 			padding: var(--space-20); }
.t-padding\:40 { 			padding: var(--space-40); }
.t-padding-inline\:0 { 		padding-inline: 0; }
.t-padding-inline\:10 { 	padding-inline: var(--space-10); }
.t-padding-inline\:20 { 	padding-inline: var(--space-20); }
.t-padding-inline\:40 { 	padding-inline: var(--space-40); }
.t-padding-top\:0 {  		padding-top: 0; }
.t-padding-top\:10 { 		padding-top: var(--space-10); }
.t-padding-top\:20 { 		padding-top: var(--space-20); }
.t-padding-top\:40 { 		padding-top: var(--space-40); }
.t-padding-top\:80 { 		padding-top: var(--space-80); }
.t-padding-top\:120 { 		padding-top: var(--space-120); }
.t-padding-top\:160 { 		padding-top: var(--space-160); }
.t-padding-bottom\:0 { 		padding-bottom: 0; }
.t-padding-bottom\:10 { 	padding-bottom: var(--space-10); }
.t-padding-bottom\:20 { 	padding-bottom: var(--space-20); }
.t-padding-bottom\:40 { 	padding-bottom: var(--space-40); }
.t-padding-bottom\:80 { 	padding-bottom: var(--space-80); }
.t-padding-bottom\:120 { 	padding-bottom: var(--space-120); }
.t-padding-bottom\:160 { 	padding-bottom: var(--space-160); }
.t-padding-left\:0 {  		padding-left: 0; }
.t-padding-left\:10 { 		padding-left: var(--space-10); }
.t-padding-left\:20 { 		padding-left: var(--space-20); }
.t-padding-left\:40 { 		padding-left: var(--space-40); }
.t-padding-left\:80 { 		padding-left: var(--space-80); }
.t-padding-left\:120 { 		padding-left: var(--space-120); }
.t-padding-left\:160 { 		padding-left: var(--space-160); }
.t-padding-left\:200 { 		padding-left: var(--space-200); }
.t-padding-right\:0 { 		padding-right: 0; }
.t-padding-right\:10 { 		padding-right: var(--space-10); }
.t-padding-right\:20 { 		padding-right: var(--space-20); }
.t-padding-right\:40 { 		padding-right: var(--space-40); }

.t-text-decoration\:none { text-decoration: none; }
.t-text-decoration\:underline { text-decoration: underline; }
.t-hover\:text-decoration\:underline:hover { text-decoration: underline; }
.t-font-style\:normal { font-style: normal; }

.t-max-width\:1col { max-width: var(--width-1col); }
.t-max-width\:2col { max-width: var(--width-2col); }
.t-max-width\:3col { max-width: var(--width-3col); }
.t-max-width\:4col { max-width: var(--width-4col); }
.t-max-width\:5col { max-width: var(--width-5col); }
.t-max-width\:6col { max-width: var(--width-6col); }
.t-max-width\:8col { max-width: var(--width-8col); }
.t-max-width\:10col { max-width: var(--width-10col); }
.t-max-width\:12col { max-width: var(--width-12col); }
.t-max-width\:50\% { max-width: 50%; }
.t-max-width\:60\% { max-width: 60%; }
.t-max-width\:80\% { max-width: 80%; }
.t-max-width\:100\% { max-width: 100%; }



.t-min-height\:100 { min-height: 100px; }


.t-font-weight\:bold { font-weight: bold; }
.t-font-weight\:regular { font-weight: normal; }

.t-font-family\:font-serif { font-family: var(--font-serif); }
.t-font-family\:font-sans-serif { font-family: var(--font-sans-serif); }

.t-font-size\:h1 { font-size: var(--text-h1); }
.t-font-size\:h2 { font-size: var(--text-h2); }
.t-font-size\:xl { font-size: var(--text-xl); }
.t-font-size\:default { font-size: var(--text-default); }
.t-font-size\:s { font-size: var(--text-s); }
.t-font-size\:xs { font-size: var(--text-xs); }

.t-font-weight\:100 { font-weight: 100; }
.t-font-weight\:200 { font-weight: 200; }
.t-font-weight\:300 { font-weight: 300; }
.t-font-weight\:400 { font-weight: 400; }
.t-font-weight\:500 { font-weight: 500; }
.t-font-weight\:600 { font-weight: 600; }
.t-font-weight\:700 { font-weight: 700; }
.t-font-weight\:800 { font-weight: 800; }
.t-font-weight\:900 { font-weight: 900; }

.t-justify-self\:center { justify-self: center; }

.t-text-align\:left { text-align: left; }
.t-text-align\:center { text-align: center; }
.t-text-align\:right { text-align: right; }

.t-align-self\:start { align-self: start; }
.t-align-self\:center { align-self: center; }
.t-align-self\:end { align-self: end; }

.t-columns\:1 { columns: 1; }
.t-columns\:2 { columns: 2; }


.t-list-style\:none { list-style:none; }

.t-mix-blend-mode\:multiply { mix-blend-mode: multiply; }

.t-opacity\:0 { 	opacity: 0; }
.t-opacity\:10\% { 	opacity: 10%; }
.t-opacity\:25\% { 	opacity: 25%; }
.t-opacity\:50\% { 	opacity: 50%; }
.t-opacity\:75\% { 	opacity: 75%; }
.t-opacity\:90\% { 	opacity: 90%; }
.t-opacity\:1 { 	opacity: 1; }

.t-filter\:grayscale { filter: grayscale(100%); }

.t-width\:100\% { width: 100%; } 

.t-height\:100\% { height: 100%; }

.t-height\:40 { height: 40px; }

.t-width-content{width: fit-content;}