.b-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1920px;margin:20px auto;padding:5% 20%;color:#000;font-family:monospace;background:#fff;opacity:.75;transition:border .5s,opacity .5s}.b-placeholder,.b-placeholder pre{width:100%;border:1px dashed var(--color-grey)}.b-placeholder pre{max-width:800px;max-height:240px;overflow:scroll;background:var(--color-light-grey)}.b-placeholder:hover{border:1px solid #000;opacity:1}
.c-left-nav,.c-left-nav *{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.c-left-nav:hover h3{--text-opacity:1;color:#8e1157;color:rgba(142,17,87,var(--text-opacity))}.c-left-nav:hover .rounded-button-purple{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-translate-x:12px}.c-left-nav .list-item *{transition-property:all;transition-duration:.1s;transition-timing-function:cubic-bezier(0,0,.2,1)}.c-left-nav .list-item:hover,.c-left-nav .list-item:hover .icon{--text-opacity:1;color:#8e1157;color:rgba(142,17,87,var(--text-opacity))}.c-left-nav .list-item:hover .icon{opacity:1;--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-translate-x:12px}
.SoMe svg{width:20px;height:18px;fill:currentColor}