/* Keep the original lettering and note fully opaque inside a rounded,
   feathered background. The mask fades only the surplus image edges. */
.tonkle-logo{--logo-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 850 340'%3E%3Cdefs%3E%3Cfilter id='soft' x='-20%25' y='-50%25' width='140%25' height='200%25' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='1.25' intercept='-0.125'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Crect x='12' y='12' width='826' height='316' rx='70' fill='white' filter='url(%23soft)'/%3E%3C/svg%3E");position:relative;display:block;width:156px;max-width:100%;aspect-ratio:850/340;overflow:hidden;isolation:isolate;-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.tonkle-logo img{position:absolute;display:block;width:208.705883%;max-width:none;height:auto;left:-60%;top:-73.529412%;margin:0}
.tonkle-logo--intro{width:100%;overflow:visible;-webkit-mask-image:none;mask-image:none}
.tonkle-logo--intro img{-webkit-mask-image:radial-gradient(ellipse 36% 44% at 52.7% 47.35%,#000 74%,rgba(0,0,0,.75) 82%,rgba(0,0,0,.25) 93%,transparent 100%);mask-image:radial-gradient(ellipse 36% 44% at 52.7% 47.35%,#000 74%,rgba(0,0,0,.75) 82%,rgba(0,0,0,.25) 93%,transparent 100%);pointer-events:none}
/* Lighten only the dark background; the brighter lettering keeps its colour. */
.tonkle-logo--intro::after{content:"";position:absolute;inset:-65% -25%;background:radial-gradient(ellipse closest-side,rgba(64,50,79,.6) 0%,rgba(64,50,79,.45) 50%,rgba(64,50,79,.18) 78%,transparent 100%);mix-blend-mode:lighten;pointer-events:none}
.launch-screen{background:#191522}
.launch-content{max-width:360px}
.app-top .brand{min-width:0;flex-shrink:1}
.app-top .brand-sub{margin-top:5px;margin-left:6px}
.tonkle-logo--drawer{width:132px}
.drawer-footer .tonkle-logo{margin:0}
.account-shell>.brand{display:inline-flex;max-width:100%}
.tonkle-logo--account{width:204px}
@media(max-width:420px){.tonkle-logo--header{width:138px}.tonkle-logo--account{width:180px}}