g-stickers {
	position: relative;
	top: 0;
	left: 0;
	display: block;

	img {
		max-width: unset;
	}
	
	/*
	.backdrop {
		position: absolute;
		top: 0;
		z-index: -1;
	}

	.thumbnail {
		image-rendering: pixelated;
		z-index: -2;
	}
	*/

	g-sticker {
		position: absolute;
		
		&:hover, &:has([open]) {
			z-index: 100 !important;
		}

		details {
			summary {
				img {
					transition: scale .2s ease-out;
					&:hover {
						cursor: pointer;
						scale: 1.1;
					}
				}
				list-style: none;
			}

			&[open] g-tooltip {
				/* max-height: 100px; */
			}

			g-tooltip {
				display: block;
				position: relative;
				background: white;
				box-sizing: border-box;
				padding: .5em;
				border-radius: .3em;
				border: solid 2px black;

				/* max-height: 0; */
				/* overflow: hidden; */
				/* transition: max-height 1s ease-out; */
			}
		}

	}

	g-backdrop {
		position: absolute;
		top: 0;
		left: 0;
	}
}