.scrollable-element{scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1024px){.scrollable-element{overflow-y:auto}}.scrollable-element:active{cursor:grabbing}.card-code .mask{position:relative;z-index:1;-webkit-mask-image:radial-gradient(ellipse 400px 200px at 35% 35%,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse 400px 200px at 35% 35%,#000 40%,transparent 80%)}.card-code .bg-shine{position:absolute;width:290px;height:90px;left:100px;top:100px;z-index:-9;background:#0a5c50;mix-blend-mode:plus-lighter;filter:blur(50px)}pre{counter-reset:line-numbering;padding-left:32px;width:100%;color:#fff;line-height:75%;position:relative;overflow:hidden;table-layout:fixed;display:table}pre code{font-size:.825rem}pre .line{display:flex;align-items:center;white-space:pre}pre .line:before{content:counter(line-numbering);counter-increment:line-numbering;padding-right:5px;width:1.5em;text-align:right;color:#fff;position:absolute;left:0}