.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,249,255,.82) 56%,rgba(228,237,248,.8));border-left:1px solid rgba(255,255,255,.64);z-index:20;transform:translateX(-100%);transition:transform .45s cubic-bezier(.7,0,.3,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden;pointer-events:auto}.slide-overlay:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(245,249,255,.16) 42%,rgba(233,242,252,.64) 74%,rgba(226,236,248,.84));backdrop-filter:blur(46px);-webkit-backdrop-filter:blur(46px);mask-image:linear-gradient(180deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.34) 46%,rgba(0,0,0,.8) 78%,rgba(0,0,0,1));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.34) 46%,rgba(0,0,0,.8) 78%,rgba(0,0,0,1))}.slide-overlay--active{transform:translateX(0)}.slide-overlay-content{position:relative;z-index:2;width:100%;height:100%;color:#222;display:flex;flex-direction:column;justify-content:center;overflow-y:hidden;overflow-x:hidden}