:root{--portfolio-shell:#0d0f0f;--portfolio-rail-left:22px;--portfolio-rail-size:48px;--portfolio-rail-gap:12px}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
html,body{background:var(--portfolio-shell)}
.portfolio-global-rail,.portfolio-global-rail *,.portfolio-global-rail *::before,.portfolio-global-rail *::after{box-sizing:border-box}
.portfolio-global-rail{box-sizing:border-box;margin:0;border:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1;position:fixed;left:var(--portfolio-rail-left);top:50%;transform:translateY(-50%);z-index:5000;width:64px;display:flex;flex-direction:column;align-items:center;gap:var(--portfolio-rail-gap);padding:8px 0;pointer-events:auto}
.portfolio-global-rail-btn{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1;position:relative;width:var(--portfolio-rail-size);height:var(--portfolio-rail-size);flex:0 0 var(--portfolio-rail-size);border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.68);display:grid;place-items:center;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.portfolio-global-rail-btn:hover, .portfolio-global-rail-btn.is-active{background:rgba(255,255,255,.08);color:#fff;transform:scale(1.04)}
.portfolio-global-rail-btn svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.portfolio-global-rail-label{position:absolute;left:58px;top:50%;transform:translate(0,-50%);padding:7px 9px;border-radius:6px;background:rgba(10,12,12,.92);color:#fff;font:600 10px/1 Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.portfolio-global-rail-btn:hover .portfolio-global-rail-label, .portfolio-global-rail-btn:focus-visible .portfolio-global-rail-label{opacity:1;visibility:visible;transform:translate(5px,-50%)}
@media(max-width:800px){ .portfolio-global-rail{left:50%;right:auto;top:auto;bottom:10px;transform:translateX(-50%);width:auto;height:54px;flex-direction:row;padding:3px 6px;border-radius:18px;background:rgba(8,10,12,.94)} .portfolio-global-rail-btn{width:46px;height:46px;flex-basis:46px} .portfolio-global-rail-label{display:none}}

.portfolio-saved-icon-wrap{position:relative;display:grid;place-items:center;width:24px;height:24px}.portfolio-saved-icon-wrap svg{width:22px;height:22px;stroke:#fff}.portfolio-saved-nav{color:#fff}.portfolio-saved-nav[hidden]{display:none}.portfolio-saved-nav.has-saved .portfolio-saved-icon-wrap svg{fill:#fff}.portfolio-saved-count{box-sizing:border-box;position:absolute;right:-8px;top:-7px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;display:grid;place-items:center;background:#fff;color:#0b0d0d;font:700 9px/1 Arial,sans-serif;letter-spacing:0}.portfolio-saved-count:empty{display:none}