@charset "UTF-8";

:root{
	--CPT-THM-R:0;
	--CPT-THM-G:187;
	--CPT-THM-B:255;
	--CPT-THM-H:196;
	--CPT-THM-S:100%;
	--CPT-THM-L:50%;

	--body-background-color:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 10%);

	--background-color-L1:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 21%);
	--background-color-L2:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 18%);
	--background-color-L3:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 15%);

	--background-color-mask-a75:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/75%);
	--background-color-mask-a50:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/50%);
	--background-color-mask-a25:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/25%);

	--body-text-color:rgba(255 255 255/100%);

	--body-text-color-a75:rgba(255 255 255/75%);
	--body-text-color-a50:rgba(255 255 255/50%);
	--body-text-color-a25:rgba(255 255 255/25%);
	--body-text-color-a10:rgba(255 255 255/10%);
	--body-text-color-a5:rgba(255 255 255/5%);
	--body-text-color-a2:rgba(255 255 255/2%);
	--body-text-color-a0:rgba(255 255 255/0);

	--background-color-warning: rgba(255 255 0/10%);
	--text-color-warning: rgba(255 255 0);
	--background-color-alert: rgba(255 50 50/25%);
	--text-color-alert: rgba(255 70 70);

	--background-color-complete: rgb(154 205 50/10%);
	--text-color-complete: rgba(154 205 50);
	--background-color-promotion: rgb(154 205 50/10%);
	--text-color-promotion: rgba(154 205 50);

	--CPT-CLR: #fff;
	--CPT-INPTBG: rgba(255 255 255/5%);
	--CPT-INPTCL: #fff;
	--CPT-INPTTP: rgba(255 255 255/75%);
	--CPT-INPTPH: rgba(255 255 255/50%);
	--CPT-FBDCL: rgba(0 0 0/50%);
	--CPT-FBDBG: rgba(0 0 0/5%);

	--brightness-filter: 1;

	color-scheme: dark;
}

/* theme */
[data-theme="hitpoints"] {
	--CPT-THM-R: 238;
	--CPT-THM-G: 130;
	--CPT-THM-B: 238;
	--CPT-THM-H: 300;
	--CPT-THM-S: 76%;
	--CPT-THM-L: 72%;
}
[data-theme="kaleoz"] {
	--CPT-THM-R: 37;
	--CPT-THM-G: 175;
	--CPT-THM-B: 239;
	--CPT-THM-H: 199;
	--CPT-THM-S: 86%;
	--CPT-THM-L: 54%;
}
[data-theme="seagmpin"] {
	--CPT-THM-R: 255;
	--CPT-THM-G: 69;
	--CPT-THM-B: 0;
	--CPT-THM-H: 16;
	--CPT-THM-S: 100%;
	--CPT-THM-L: 50%;
}

.Pin_logo.hitpoints{--pin-logo: url('../images/pin_logo/hitpoints-dark.svg');}
.Pin_logo.kaleoz{--pin-logo: url('../images/pin_logo/kaleoz-dark.svg');}
.Pin_logo.seagmpin{--pin-logo: url('../images/pin_logo/seagmpin-dark.svg');}

#Transaction_info .merchant .logo{background:#fff;padding:2px;box-sizing:border-box;border-radius:.5em;overflow:hidden;}
#Transaction_info .merchant .logo img{border-radius:calc(.5em - 2px);}