/*
 * RLL - Mise en page des articles (v1.0.0, octobre 2026).
 *
 * Toutes les regles commencent par `body.rll-art-actif` : sans l'interrupteur, cette feuille
 * ne touche a rien. Les regles du gabarit visent en plus `body.rll-article` et le document
 * Elementor de l'article, `.elementor[data-elementor-type="wp-post"]`. Elles pesent au moins
 * (0,4,1), au-dessus des regles qu'Elementor genere par element (0,3,0).
 *
 * Les conteneurs Elementor 4.3.3 lisent leur retrait et leur marge dans des variables
 * (`--padding-left`, `--margin-top`, `--content-width`, `--row-gap`, `--min-height`) : on
 * redefinit les variables plutot que d'empiler des proprietes.
 *
 * `!important` ne sert qu'a reprendre la main sur les styles ecrits EN LIGNE dans le contenu
 * des articles (encarts a filet, quiz) : c'est le seul moyen de les toucher sans reecrire
 * l'article.
 */

body.rll-art-actif {
	--ar-petrole: var(--e-global-color-primary, #0E4D5A);
	--ar-or: var(--e-global-color-accent, #F2C14E);
	--ar-or-texte: var(--e-global-color-rllortexte, #3A2C06);
	--ar-encre: var(--e-global-color-text, #16211F);
	--ar-doux: var(--e-global-color-rlldoux, #4B5A57);
	--ar-filet: var(--e-global-color-rllfilet, #E4E6DF);
	--ar-papier: var(--e-global-color-rllpapier, #FCFBF8);
	--ar-surface: var(--e-global-color-rllsurface, #FFFFFF);
	--ar-sur: var(--e-global-color-rllsurprofond, #F1F7F6);
	--ar-clair: var(--e-global-color-rllclair, #BEDCD9);

	--ar-voix: var(--e-global-typography-af71cb5-font-family, "Newsreader"), Georgia, serif;
	--ar-sans: var(--e-global-typography-text-font-family, "Instrument Sans"), system-ui, sans-serif;

	/* La gouttiere et la colonne du site : celles du menu, des pages vitrine et de l'accueil. */
	--ar-gouttiere: 20px;
	--ar-colonne: 1150px;
	--ar-bord: max(var(--ar-gouttiere), calc((100% - var(--ar-colonne)) / 2));
	/* La ligne de lecture : 36rem (576 px), soit 64 a 72 caracteres selon la taille du
	   texte (15 a 17 px). Mesure au banc : 38rem donnait 76 caracteres a 16 px. */
	--ar-lecture: 36rem;

	/* 8 entre un element et sa legende, 16 dans un groupe, 26 entre deux pieces d'un meme
	   sujet, 56 entre deux sujets : l'echelle des pages vitrine. */
	--ar-e0: 8px;
	--ar-e1: 16px;
	--ar-e2: 26px;
	--ar-e3: 56px;

	--ar-t-xs: 13px;
	--ar-t-s: 14px;
	--ar-t-m: 16px;
	--ar-t-l: 17px;
	--ar-t-h2: clamp(20px, 1.2rem + 0.6vw, 26px);
	--ar-h1: clamp(30px, 1.2rem + 3.2vw, 52px);
	--ar-cible: 48px;
	--ar-trait: 1px;
	--ar-trait-fort: 2px;
	--ar-decalage: 5px;
	/* Le voile sur la photo du bandeau : a 82 % de petrole, le titre blanc depasse 4,5:1
	   meme sur le pixel le plus clair d'une photo blanche. */
	--ar-voile: 0.82;
}

/* ==================================================================== */
/* Le pied de page, sur toutes les pages (sauf l'accueil, qui le regle    */
/* deja) : les trois regles de fin de rll-accueil/accueil.css.            */
/* ==================================================================== */

body.rll-art-actif:not(.rll-acc-actif) .elementor-location-footer > .e-con {
	--padding-left: var(--ar-gouttiere);
	--padding-right: var(--ar-gouttiere);
}

body.rll-art-actif:not(.rll-acc-actif) .elementor-location-footer > .e-con > .e-con-inner > .e-con {
	--padding-left: 0px;
	--padding-right: 0px;
}

body.rll-art-actif:not(.rll-acc-actif) .elementor-location-footer > .e-con > .e-con-inner > .e-con > .e-con {
	--padding-left: 0px;
	--padding-right: var(--ar-e2);
}

/* ==================================================================== */
/* Le bandeau de consentement, sur telephone (affichage seulement)       */
/* ==================================================================== */

/* Mesure le 01/10/2026 : centre sur l'ecran, il couvrait 88 % du premier ecran a 320 x 568
   et 66 % a 375 x 667, titre de l'article compris. On ne touche ni a son texte ni a ses
   boutons : il descend en bas de l'ecran, son texte defile dans une hauteur bornee, et
   « Accepter » et « Refuser » se partagent une ligne, a egalite de taille et de poids
   (la CNIL demande que refuser soit aussi simple qu'accepter). */
@media (max-width: 767px) { /* ds-allow-hardcode : point de rupture d'Elementor */
	body.rll-art-actif .cmplz-cookiebanner.cmplz-show {
		top: auto;
		bottom: var(--ar-e0);
		transform: translateX(-50%);
		max-height: calc(100dvh - var(--ar-e3));
	}

	body.rll-art-actif .cmplz-cookiebanner .cmplz-body {
		max-height: 22vh;
	}

	body.rll-art-actif .cmplz-cookiebanner .cmplz-buttons {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--ar-e0);
	}

	body.rll-art-actif .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		width: 100%;
		margin: 0;
	}

	body.rll-art-actif .cmplz-cookiebanner .cmplz-buttons :is(.cmplz-view-preferences, .cmplz-save-preferences, .cmplz-manage-options) {
		grid-column: 1 / -1;
	}

	body.rll-art-actif .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
		border: var(--ar-trait) solid var(--ar-petrole);
		color: var(--ar-petrole);
		font-weight: 600;
	}
}

/* ==================================================================== */
/* Les sections de l'article                                             */
/* ==================================================================== */

/* Chaque section : le bord commun a gauche et a droite, aucun retrait vertical propre,
   la colonne entiere, 16 px entre ses blocs. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con {
	--padding-left: var(--ar-bord);
	--padding-right: var(--ar-bord);
	--padding-top: 0px;
	--padding-bottom: 0px;
	--margin-top: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--content-width: 100%;
	--min-height: 0px;
	--row-gap: var(--ar-e1);
	--column-gap: var(--ar-e2);
	--align-items: stretch;
	width: 100%;
	max-width: none;
}

/* 56 entre deux sujets ; 26 entre le bandeau et le chapeau qui le suit. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con + .e-con {
	--margin-top: var(--ar-e3);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child + .e-con {
	--margin-top: var(--ar-e2);
}

/* Les bandes de couleur (appel, FAQ) : pleine largeur, 56 dedans ; deux bandes qui se
   suivent n'en font qu'une. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con[data-settings*="background_background"]:not(:first-child) {
	--padding-top: var(--ar-e3);
	--padding-bottom: var(--ar-e3);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con[data-settings*="background_background"] + .e-con[data-settings*="background_background"] {
	--margin-top: 0px;
}

/* La section qui ne porte que les donnees structurees ne doit pas creuser d'ecart. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:has(script[type="application/ld+json"]):not(:has(h1, h2, h3, p, form, iframe, img, table)) {
	--margin-top: 0px;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] {
	padding-bottom: var(--ar-e3);
}

/* Les widgets n'ajoutent rien au rythme ni au bord de leur section : les retraits que le
   gabarit posait sur chacun (10, 15, 20 px selon le widget) sont ceux qui decalaient le
   texte du menu. Seuls les encadres gardent un retrait interieur, pose plus bas. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget > .elementor-widget-container {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

/* ==================================================================== */
/* Le bandeau du haut                                                    */
/* ==================================================================== */

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child {
	--padding-top: var(--ar-e3);
	--padding-bottom: var(--ar-e3);
	--row-gap: var(--ar-e2);
	--justify-content: flex-end;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child::before {
	background-color: var(--ar-petrole);
	opacity: var(--ar-voile);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child h1.elementor-heading-title {
	margin: 0;
	max-width: 24ch;
	font-family: var(--ar-voix);
	font-size: var(--ar-h1);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: normal;
	text-transform: none;
	color: var(--ar-surface);
	text-wrap: balance;
}

/* « Image generee par IA » : une legende, a sa place, lisible. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child .elementor-widget-text-editor,
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child .elementor-widget-text-editor p {
	margin: 0;
	max-width: var(--ar-lecture);
	font-family: var(--ar-sans);
	font-size: var(--ar-t-xs);
	line-height: 1.4;
	color: var(--ar-surface);
}

@media (max-width: 767px) { /* ds-allow-hardcode : point de rupture d'Elementor */
	body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:first-child {
		--padding-bottom: var(--ar-e2);
		--row-gap: var(--ar-e1);
	}
}

/* ==================================================================== */
/* Le texte                                                              */
/* ==================================================================== */

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor,
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor > .elementor-widget-container,
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor :is(p, li) {
	text-align: left;
	hyphens: manual;
}

/* La ligne de lecture : le texte s'arrete a 38rem, les tableaux gardent la colonne. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:not(:first-child) .elementor-widget-text-editor > .elementor-widget-container > :is(p, ul, ol, h2, h3, h4, blockquote, div) {
	max-width: var(--ar-lecture);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor > .elementor-widget-container > :is(p, ul, ol, table, blockquote) {
	margin: 0 0 var(--ar-e1);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor > .elementor-widget-container > :last-child {
	margin-bottom: 0;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor > .elementor-widget-container > :is(h2, h3, h4) {
	margin: var(--ar-e2) 0 var(--ar-e0);
}

/* Les puces au bord de la colonne, le texte en retrait de leur seule largeur. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor :is(ul, ol) {
	padding-left: 1.25em;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor li + li {
	margin-top: var(--ar-e0);
}

/* Les encarts ecrits dans le texte (« En bref », « Information importante ») portaient un
   filet colore de 4 px a gauche, que la doctrine interdit. Fond tenu, aux bords du texte. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] :is(.elementor-widget-text-editor, .elementor-widget-html) > .elementor-widget-container > div[style*="border-left"] {
	margin: var(--ar-e2) 0 0 !important;
	padding: var(--ar-e2) var(--ar-gouttiere) !important;
	max-width: var(--ar-lecture);
	border: 0 !important;
	background: var(--ar-sur) !important;
	font-family: var(--ar-sans) !important;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor > .elementor-widget-container > p + div[style*="border-left"] {
	margin-top: var(--ar-e1) !important;
}

/* Un encart qui ouvre son bloc ne creuse rien de plus que l'ecart de la section. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] :is(.elementor-widget-text-editor, .elementor-widget-html) > .elementor-widget-container > div[style*="border-left"]:first-child {
	margin-top: 0 !important;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] :is(.elementor-widget-text-editor, .elementor-widget-html) div[style*="border-left"] p {
	color: var(--ar-encre) !important;
	text-align: left;
}

/* Le meme encart, quand c'est Elementor qui dessine le filet (reglage « bordure » du
   widget, a gauche seulement) : fond tenu, aucun filet. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget.rll-art-filet > .elementor-widget-container {
	max-width: var(--ar-lecture);
	padding: var(--ar-e2) var(--ar-gouttiere);
	border-width: 0;
	background-color: var(--ar-sur);
}

/* L'intitule de l'encart d'information etait en sauge sur fond clair : 2,5:1. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-html div[style*="border-left"] p:first-child {
	color: var(--ar-petrole) !important;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-html div[style*="border-left"] p:last-child {
	color: var(--ar-doux) !important;
}

/* ==================================================================== */
/* Les intertitres                                                       */
/* ==================================================================== */

/* Le bandeau d'intertitre reste plein, mais sur les bords du texte, et sans capitales :
   trois lignes de capitales se lisent mal sur un telephone. Tahoma cede la place a la
   police du Kit. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:not(:first-child) .elementor-widget-heading > .elementor-widget-container {
	max-width: var(--ar-lecture);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:not(:first-child) .elementor-widget-heading :is(h2, h3).elementor-heading-title {
	font-family: var(--ar-sans);
	font-size: var(--ar-t-h2);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: normal;
	text-transform: none;
}

/* Seul un intertitre qui porte un fond (classe posee au rendu par le mu-plugin, d'apres
   les reglages du widget) a un retrait interieur. Sans fond, il part sur le bord commun. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:not(:first-child) .elementor-widget-heading.rll-art-encadre > .elementor-widget-container {
	padding: var(--ar-e1) var(--ar-gouttiere);
}

/* Un intertitre sans fond (dans « Rencontrons-nous ») n'a pas de retrait. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-form ~ .elementor-widget-heading > .elementor-widget-container,
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .e-con.e-child .e-con.e-child .elementor-widget-heading > .elementor-widget-container {
	padding: 0;
}

/* ==================================================================== */
/* Le quiz                                                               */
/* ==================================================================== */

/* Ses dimensions et son ombre sont ecrites en ligne : !important. Il ne change pas de
   comportement (ses boutons appellent nxt()). */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz {
	margin: 0 !important;
	max-width: var(--ar-lecture) !important;
	box-shadow: none !important;
	border-color: var(--ar-filet) !important;
	border-radius: 0 !important;
	font-family: var(--ar-sans) !important;
	color: var(--ar-encre) !important;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz :is(button, p, span, div, input, label) {
	font-family: var(--ar-sans);
}

/* L'intitule en sauge (2,5:1) et le compteur en gris (2,6:1) passaient sous le seuil ; le
   compteur etait aussi en chasse fixe, un costume que la doctrine refuse. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz .ql {
	color: var(--ar-petrole);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz .qc {
	color: var(--ar-doux);
	font-family: var(--ar-sans);
	font-variant-numeric: tabular-nums;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz .bo {
	border-radius: 0;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz .bo:hover {
	transform: none;
}

/* Le resultat du quiz : meme encart que dans le texte, sans filet. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] #qz .al {
	border-left: 0;
	background: var(--ar-sur);
}

/* ==================================================================== */
/* La table des matieres                                                 */
/* ==================================================================== */

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-table-of-contents > .elementor-widget-container {
	max-width: var(--ar-lecture);
	margin: 0;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-table-of-contents :is(.elementor-toc__header, .elementor-toc__body) {
	padding: var(--ar-e2) var(--ar-gouttiere);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-table-of-contents .elementor-toc__body {
	padding-top: var(--ar-e1);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-table-of-contents .elementor-toc__list-item-text {
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.35;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-table-of-contents .elementor-toc__list-item + .elementor-toc__list-item {
	margin-top: var(--ar-e0);
}

/* ==================================================================== */
/* Le tableau                                                            */
/* ==================================================================== */

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor table {
	width: 100%;
	max-width: var(--ar-lecture);
	table-layout: auto;
	border-collapse: collapse;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor :is(td, th) {
	padding: var(--ar-e0) var(--ar-e0);
	/* `anywhere` coupait « Temps » en « Temp / s » : on ne coupe qu'un mot trop long. */
	overflow-wrap: break-word;
	hyphens: auto;
	vertical-align: top;
	text-align: left;
}

@media (min-width: 768px) { /* ds-allow-hardcode : point de rupture d'Elementor */
	body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-text-editor :is(td, th) {
		padding: var(--ar-e0) var(--ar-e1);
	}
}

/* ==================================================================== */
/* L'appel et la FAQ (les bandes)                                        */
/* ==================================================================== */

/* Dans une bande, les sous-conteneurs n'ajoutent ni retrait ni cadre : le contenu part
   sur le bord commun. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con[data-settings*="background_background"]:not(:first-child) .e-con.e-child {
	--padding-left: 0px;
	--padding-right: 0px;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--margin-top: 0px;
	--margin-bottom: 0px;
	--border-top-width: 0px;
	--border-right-width: 0px;
	--border-bottom-width: 0px;
	--border-left-width: 0px;
	--content-width: 100%;
	--row-gap: var(--ar-e1);
	max-width: var(--ar-lecture);
	border: 0;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-button .elementor-button-wrapper {
	display: flex;
	justify-content: flex-start;
	text-align: left;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-button a.elementor-button {
	display: inline-flex;
	align-items: center;
	min-height: var(--ar-cible);
	padding: 0 var(--ar-e2);
	border-radius: 0;
	background: var(--ar-or);
	color: var(--ar-or-texte);
	font-family: var(--ar-sans);
	font-size: var(--ar-t-m);
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-button a.elementor-button:hover {
	background: var(--ar-or);
	color: var(--ar-or-texte);
	text-decoration: underline;
	text-underline-offset: var(--ar-decalage);
}

/* Les accordeons : sur le bord commun, la largeur de lecture, la police du Kit. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-toggle {
	max-width: var(--ar-lecture);
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-toggle .elementor-toggle-item {
	margin: 0;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-toggle .elementor-tab-title {
	padding: var(--ar-e1) var(--ar-gouttiere);
	font-family: var(--ar-sans);
	font-size: var(--ar-t-l);
	line-height: 1.35;
}

body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] .elementor-widget-toggle .elementor-tab-content {
	padding: 0 var(--ar-gouttiere) var(--ar-e2);
	font-family: var(--ar-sans);
}

/* ==================================================================== */
/* « Rencontrons-nous »                                                  */
/* ==================================================================== */

/* Le cadre petrole va d'un bord a l'autre de la colonne ; ce qu'il contient en est en
   retrait de la gouttiere. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:has(.elementor-widget-form) > .e-con-inner > .e-con.e-child {
	--margin-left: 0px;
	--margin-right: 0px;
	--margin-top: 0px;
	--margin-bottom: 0px;
	--padding-left: var(--ar-gouttiere);
	--padding-right: var(--ar-gouttiere);
	--padding-top: var(--ar-e2);
	--padding-bottom: var(--ar-e2);
	--row-gap: var(--ar-e1);
	--column-gap: var(--ar-e2);
}

/* Dedans, les deux cadres blancs (la presentation, le formulaire) faisaient un troisieme
   et un quatrieme bord : ils s'effacent, le contenu part sur le retrait du cadre petrole. */
body.rll-art-actif.rll-article .elementor[data-elementor-type="wp-post"] > .e-con:has(.elementor-widget-form) > .e-con-inner > .e-con.e-child > .e-con.e-child {
	--margin-left: 0px;
	--margin-right: 0px;
	--margin-top: 0px;
	--margin-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
	--padding-top: 0px;
	--padding-bottom: 0px;
	--border-top-width: 0px;
	--border-right-width: 0px;
	--border-bottom-width: 0px;
	--border-left-width: 0px;
	border: 0;
}