.block-code{--color1:#ff79c6;--color2:#bd93f9;--color3:#97abff;--color4:#50fa7b;--color5:#ffb86c;--color6:#8be9fd;--color7:#f1fa8c;--color8:#2c2f3e;--color9:#ff6359;--color10:#fcbe2e;--color11:#27cb3f;--color12:#272936;position:relative}.block-code-container{background-color:var(--color12);color:var(--color-white);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-base);margin-block:1rem}.block-code__head{background-color:var(--color8);display:flex;justify-content:flex-start;align-items:center;gap:.8rem;color:var(--color-white);padding:.7rem 1.5rem;font-weight:700;line-height:1}.block-code__head .block-code__bull{display:flex;gap:5px}.block-code__head .block-code__bull span{width:12px;aspect-ratio:1/1;border-radius:100%}.block-code__head .block-code__bull span:first-child{background-color:var(--color9)}.block-code__head .block-code__bull span:nth-child(2){background-color:var(--color10)}.block-code__head .block-code__bull span:nth-child(3){background-color:var(--color11)}.block-code__head .block-code__button{margin-left:auto;font-weight:300;font-size:.7rem;padding:.4rem .5rem;border:1px solid var(--color-white);border-radius:.5rem;transition-duration:.3s}.block-code__head .block-code__button:hover{background-color:var(--color-white);color:var(--color12)}.block-code code,.block-code pre{font-family:Courier New,monospace;display:block;padding:1rem 1.5rem;white-space:pre;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.3;overflow-x:scroll;scrollbar-width:none}.block-code .pre::-webkit-scrollbar,.block-code code::-webkit-scrollbar{display:none}.block-code .namespace{opacity:.7}.block-code .token.bold,.block-code .token.important{font-weight:700}.block-code .token.italic{font-style:italic}.block-code .token.entity{cursor:help}.block-code .token.cdata,.block-code .token.comment,.block-code .token.doctype,.block-code .token.prolog{color:var(--color3)}.block-code .token.constant,.block-code .token.deleted,.block-code .token.property,.block-code .token.symbol,.block-code .token.tag{color:var(--color1)}.block-code .token.boolean,.block-code .token.number{color:var(--color2)}.block-code .token.attr-name,.block-code .token.builtin,.block-code .token.char,.block-code .token.inserted,.block-code .token.selector,.block-code .token.string{color:var(--color4)}.block-code .token.atrule,.block-code .token.attr-value,.block-code .token.class-name,.block-code .token.function{color:var(--color6)}.block-code .token.keyword{color:var(--color1)}.block-code .token.important,.block-code .token.regex{color:var(--color5)}.block-code:after,.block-code:before{content:"";position:absolute;background:url(/assets/images/decoration_stars.svg) 100%;width:50px;height:60px;filter:blur(10px);opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;animation-iteration-count:1}.block-code:before{bottom:0;left:0;transform:translate(60%,50%)}.block-code:after{top:0;right:70px;transform:rotate(180deg) translate(60%,50%)}.block-code--copied:before{animation:copy-star-before 2s}.block-code--copied:after{animation:copy-star-after 2s}@keyframes copy-star-before{50%{opacity:1;filter:blur(0);transform:translate(60%,30%)}}@keyframes copy-star-after{50%{opacity:1;filter:blur(0);transform:rotate(180deg) translate(60%,30%)}}