.personal-pino-matrix .sidebar{isolation:isolate}
.personal-pino-matrix .sidebar>.pino-matrix-canvas{z-index:-1;opacity:.42}
.personal-pino-matrix .sidebar>.brand-block,.personal-pino-matrix .sidebar>.nav{position:relative;z-index:1}
.personal-pino-matrix .nav-item{text-shadow:0 1px 4px #000,0 0 8px #0f2034}
.personal-pino-matrix .hero-strip{position:relative}
.personal-pino-matrix .hero-strip>img{clip-path:inset(0 0 0 19.2%)}
.personal-pino-matrix .pino-logo-panel{position:absolute;left:0;top:0;bottom:0;width:19.2%;border-radius:20px;overflow:hidden;isolation:isolate;background:#142f49}
.personal-pino-matrix .pino-logo-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:2}
.personal-pino-matrix .pino-logo-panel>.pino-matrix-canvas{opacity:.3;z-index:1}
.personal-pino-matrix .pino-matrix-balance{position:relative;isolation:isolate;overflow:hidden}
.personal-pino-matrix .pino-matrix-balance>.label,.personal-pino-matrix .pino-matrix-balance>.value,.personal-pino-matrix .pino-matrix-balance>.hint{position:relative;z-index:1;text-shadow:0 1px 4px #142f49}
.personal-pino-matrix .pino-matrix-balance>.pino-matrix-canvas{opacity:.42;z-index:0}
.personal-pino-matrix .pino-matrix-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:600px){.personal-pino-matrix .sidebar{position:relative}}