.code-carousel{cursor:grab;-webkit-user-select:none;user-select:none;width:510px;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%)}.code-carousel--empty{border:none;justify-content:center;align-items:center;display:flex;-webkit-mask-image:none;mask-image:none}.code-carousel__placeholder{color:#90a1b9;font-family:Fira Code Retina,monospace;font-size:.875rem}.code-carousel__track{will-change:transform;flex-direction:column;display:flex}.code-carousel__inner{flex-direction:column;gap:1.25rem;padding-bottom:1.25rem;display:flex}.code-carousel__block{background-color:#011221;border:1px solid #314158;border-radius:12px;overflow:hidden}.code-carousel__header{color:#90a1b9;background-color:#0f172b99;border-bottom:1px solid #314158;align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:Fira Code Retina,monospace;font-size:.7rem;display:flex}.code-carousel__header:before{content:"";background-color:#615fff;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.code-carousel__code{padding:.75rem .25rem}.code-carousel__code pre{white-space:pre-wrap;margin:0;padding:0 .5rem;font-family:Fira Code Retina,monospace;font-size:.72rem;line-height:1.65;background:0 0!important}.code-carousel__code code{font-family:inherit;font-size:inherit}@keyframes carousel-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}