/*
 * 2025 02 CARDS
 */
.container>nav {
	/* max-width: 430px */
}
.cardSearch>.icon-search {
	fill: var(--c-glo-bg-mute)
}
.classe-type {
	display: inline-flex;
	width: 15%;
	margin: .5em .25em
}
.classe-type.rare {
	margin: .25em 1.25em 0
}
.classe-type[for=extreme],
.classe-type[for=super] {
	width: 25%;
	margin: .5em 1em
}
.classe+img,
.type+img {
	max-width: 48px
}
.classe+img {
	max-width: 76px
}
.classe+img,
.rarete+img,
.type+img {
	color: var(--c-glo-shadow);
	filter: brightness(1.11) saturate(.1) drop-shadow(2px 2px 0 currentcolor);
	transition: all .125s
}
.classe-type.rare>img {
	max-width: 64px
}
div.thumb {
	--max: 100px;
	width: max(5%,min(calc(var(--max) + .25em),25%));
	min-width: 64px;
	margin: 0 0 1em
}
.compare>p {
	font-size: 62.5%
}
.compare>p,
#cards>p {
	text-align: center;
	min-width: 100%
}
#cards>p,
#loadMore {
	margin: 1em
}
div[style=""]~.resetIcon {
	display: initial
}
.liste-note {
	display: flex;
	justify-content: center
}
.event-grade-radio {
	/* visibility: hidden */
}
.event-grade-radio~label {
	font-size: 125%;
	margin: .5em
}
.event-grade-radio+label {
	--note-opacity: 1;
	--note-contrast: 100%;
	--note-hue: 0deg;
	filter: opacity(var(--note-opacity)) contrast(var(--note-contrast)) hue-rotate(var(--note-hue));
	transition: filter .2s
}
.event-grade-radio:checked+label~label {
	--note-contrast: 0
}
.events .tooltip {
	--marge: calc(3.333% / 2);
	width: 30%;
	min-width: unset;
	margin-bottom: 0
}
.tooltip {
	--marge: .125em;
	width: max(calc(33.333% - (var(--marge)*3)),min(calc(86px + (var(--marge)*3)),50%))
}