.side-bar{position:fixed;top:0;bottom:0;width:32px;z-index:9999;background:repeating-linear-gradient(135deg,#ffd600 0 12px,#222 12px 24px);display:flex;align-items:center;justify-content:center}.side-bar.left{left:0;border-top-right-radius:8px;border-bottom-right-radius:8px}.side-bar.right{right:0;border-top-left-radius:8px;border-bottom-left-radius:8px}.side-text{writing-mode:vertical-rl;text-orientation:mixed;color:#222;font-weight:700;font-size:12px;letter-spacing:2px;background:#ffffffb3;padding:8px 2px;border-radius:6px;margin:0 2px;box-shadow:0 2px 8px #00000014}@media(max-width:600px){.side-bar{width:20px}.side-text{font-size:10px;padding:4px 1px}}