.centertext { text-align: center; }

svg {
    overflow: hidden;
    transform: translate3d(0,0,0);
}

.subscribe_badge {
    display: inline-block;
    width: 4em;
    text-align: center;
    vertical-align: top;
    padding-bottom: 0.5em;
    cursor: pointer;
}
	.appname { line-height: 1.2em; }
    .subscribe_badge svg, .subscribe_badge .appname { display: block; margin: 0 auto; }
    .subscribe_badge svg { width: 3em; height: 3em; padding-bottom: 0.25em; }
    .subscribe_badge a { text-decoration: none; }
    .subscribe_badge .appname { font-size: 0.75em; }


.navbull {
    opacity: 0.33;
}

#qrcode {
    width: 12.5em;
    height: 12.5em;
    margin: 1em auto;
}
    #qrcode img { width: 100%; height: 100%; image-rendering: pixelated; }
    
.memberbutton, #qrdirectlink, #subscribebutton {
    text-decoration: none;
    display: inline-block;
    border: 1px solid hsl(304, 32%, 50%);
    border-radius: 1em;
	text-color: hsl(0, 0%, 100%);
    padding: 0.5em 1em;
    color: hsl(213, 53.8%, 26.0%);
    background-color: hsl(304, 32%, 90%);
}
#subscribebutton {
    margin: 0 auto;
}

#selectedappcontainer { display: none; }
#selectedappcontainer.appselected { display: block; }

#qrdirectlinkcontainer, #subscribecontainer { text-align: center; margin-bottom: 2em; }
#qrdirectlinkcontainer h4 { margin-bottom: 0.5em; }
#qrdirectlink, #subscribebutton { margin: 0 auto; }
.memberbutton:hover, #qrdirectlink:hover, #subscribebutton:hover { background-color: hsl(213, 53.8%, 26.0%); color: white; }
.copyfixed { width: 25em; }

.qrtoggle { padding-top: 0.5em; padding-bottom: 0.5em; border-radius: 0.5em; }
.qrtoggle.selected { background-color: hsl(213, 83.9%, 93.8%); }

      @media screen and (prefers-color-scheme: dark) {
        .sub-plans > ul > li {
          background: rgba(255,255,255,0.05);
          border: 1px solid rgba(255,255,255,0.05); }
		.qrtoggle.selected { background-color: hsla(213, 83.9%, 93.8%, 25%); }

}