.code-line[data-v-d74010a4]{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;width:-moz-fit-content;width:fit-content}.code-line .code-line__number[data-v-d74010a4]{animation:scaleNumberUp-d74010a4 .8s cubic-bezier(.6,0,0,1) forwards;background-color:#5e4fd9;border-radius:5px;color:#ffffff80;padding:6px 10px;transform:scale(0)}.code-line .code-line__code[data-v-d74010a4],.code-line .code-line__number[data-v-d74010a4]{display:block;font-family:JetBrains Mono,sans-serif;font-size:.9rem;font-weight:400;width:-moz-fit-content;width:fit-content}.code-line .code-line__code[data-v-d74010a4]{animation:scaleCodeLineX-d74010a4 .8s cubic-bezier(.4,0,0,1) forwards;animation-delay:.8s;background-color:#1e1f22;box-shadow:0 11px 5px -6px #32325d40;color:#fff;padding:6px 20px;transform:scaleX(0);transform-origin:left center}.code-line .code-line__code[data-v-d74010a4] span{animation:fadeIn-d74010a4 .2s cubic-bezier(.39,.575,.565,1) forwards;display:inline-block;font-family:JetBrains Mono,sans-serif;font-size:.9rem;font-weight:400;opacity:0;position:relative;transform:translate(-2px)}.code-line .code-line__code[data-v-d74010a4] span:after{animation:cursorIn-d74010a4 .1s cubic-bezier(.39,.575,.565,1) forwards;background-color:#cdcdcd;bottom:0;content:"";height:100%;left:50%;mix-blend-mode:difference;opacity:0;position:absolute;top:0;visibility:hidden;width:5px}.code-line .code-line__code[data-v-d74010a4] span:first-child{animation-delay:1.2s}.code-line .code-line__code[data-v-d74010a4] span:first-child:after{animation-delay:1.2s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(2){animation-delay:1.4s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(2):after{animation-delay:1.4s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(3){animation-delay:1.6s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(3):after{animation-delay:1.6s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(4){animation-delay:1.8s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(4):after{animation-delay:1.8s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(5){animation-delay:2s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(5):after{animation-delay:2s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(6){animation-delay:2.2s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(6):after{animation-delay:2.2s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(7){animation-delay:2.4s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(7):after{animation-delay:2.4s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(8){animation-delay:2.6s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(8):after{animation-delay:2.6s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(9){animation-delay:2.8s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(9):after{animation-delay:2.8s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(10){animation-delay:3s}.code-line .code-line__code[data-v-d74010a4] span:nth-child(10):after{animation-delay:3s}.code-line .code-line__code[data-v-d74010a4] .code--white{color:#fff}.code-line .code-line__code[data-v-d74010a4] .code--purple{color:#af97f6}.code-line .code-line__code[data-v-d74010a4] .code--purple:after{background-color:#af97f6}.code-line .code-line__code[data-v-d74010a4] span.code--yellow{color:#ffd66d}.code-line .code-line__code[data-v-d74010a4] span.code--yellow:after{background-color:#ffd66d}.code-line .code-line__code[data-v-d74010a4] span.code--green{color:#8fda74}.code-line .code-line__code[data-v-d74010a4] span.code--green:after{background-color:#8fda74}.code-line .code-line__code[data-v-d74010a4] span.code--orange{color:#df802f}.code-line .code-line__code[data-v-d74010a4] span.code--orange:after{background-color:#df802f}@keyframes fadeIn-d74010a4{0%{opacity:0;transform:translate(-2px)}20%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes cursorIn-d74010a4{0%{left:0;opacity:0;visibility:hidden}1%{opacity:1;visibility:visible}99%{opacity:1;visibility:visible}to{left:100%;opacity:0;visibility:hidden}}@keyframes scaleCodeLineX-d74010a4{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scaleNumberUp-d74010a4{0%{border-radius:5px;transform:scale(0)}95%{border-radius:5px}to{border-radius:5px 0 0 5px;transform:scale(1)}}