.bk-spine{--sp-w:12%;--sp-bo:0.13;--sp-bw:30;--sp-so:0;--sp-sx:-40;--sp-lo:0;--sp-lx:-40;--sp-po:0.74;--sp-px:28;--sp-pw:2px;--sp-pc:rgba(191,191,191,0.48);--sp-pg:rgba(199,199,199,0.52);z-index:2;left:0;width:var(--sp-w);pointer-events:none}.bk-spine,.bk-spine span{position:absolute;top:0;bottom:0}.bk-spine span{display:block}.bk-spine__board{left:0;width:calc(var(--sp-bw) * 1%);opacity:var(--sp-bo);background:linear-gradient(90deg,#0a0e24,#161d42 45%,#1d2650 70%,#0c1231)}.bk-spine__shade{left:calc((var(--sp-bw) + var(--sp-sx)) * 1%);right:0;opacity:var(--sp-so);mix-blend-mode:multiply;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.22) 26%,rgba(0,0,0,0) 78%)}.bk-spine__light{left:calc((var(--sp-bw) + var(--sp-lx)) * 1%);right:0;opacity:var(--sp-lo);mix-blend-mode:screen;background:linear-gradient(90deg,rgba(255,255,255,0) 4%,rgba(255,255,255,.18) 16%,rgba(255,255,255,0) 40%)}.bk-spine__line{left:calc(var(--sp-px) * 1%);width:var(--sp-pw);opacity:var(--sp-po);background:var(--sp-pc);box-shadow:0 0 calc(var(--sp-pw) * 3) var(--sp-pw) var(--sp-pg)}