.file-label{font-weight:600;font-size:var(--fz-xxs)!important;color:var(--slate)!important}
@keyframes fadeIn{0%{opacity:0;transform:translateY(1.2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes strokeCircle{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@keyframes rotateBorder{to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(1rem)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drawerRightIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerLeftIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.copy-button{align-items:center;gap:1px;display:flex}.copy-button__alert{text-transform:capitalize;background-color:var(--blue-tint);border:1px solid var(--blue-tint);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);cursor:pointer;justify-content:center;align-items:center;height:3.25rem;padding:0 1rem;font-weight:400;display:flex;font-size:var(--fz-xs)!important;color:var(--blue)!important}.copy-button__btn{text-transform:capitalize;width:3.25rem;height:3.25rem;font-weight:400;font-size:var(--fz-xxs);background-color:var(--blue-tint);color:var(--blue);border:1px solid var(--blue-tint);border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.copy-button__btn:before{content:"";border-radius:inherit;opacity:0;-webkit-mask-composite:xor;pointer-events:none;background-image:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-size:300% 300%;padding:2px;animation:5s linear infinite gradientMove;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.copy-button__btn:focus,.copy-button__btn:focus-visible{outline:none}.copy-button__btn:focus-visible{border:none}.copy-button__btn:focus-visible:before{opacity:1}.copy-button__btn svg{width:1.75rem;height:1.75rem;color:var(--blue)}
.code-block{flex-direction:column;justify-content:center;display:flex;overflow:auto}.code-block:focus{outline:none}.code-block:focus-visible{outline:2px solid var(--blue-tint);outline-offset:3px;border-radius:1rem}.code-block__container{white-space:pre}@media (max-width:30em){.code-block__container pre{width:35rem;overflow-x:auto}}.code-block__container pre:focus{outline:none}.code-block__container pre:focus-visible{outline:2px solid var(--blue-tint);outline-offset:3px}
.code-preview-dots{align-items:center;display:flex}.code-preview-dots__dot{border-radius:100%;width:1rem;height:1rem;display:inline-block;margin-bottom:0!important}.code-preview-dots__dot:not(:last-of-type){margin-right:.6rem}.code-preview-dots__dot.red{background-color:var(--lightest-red)}.code-preview-dots__dot.yellow{background-color:var(--yellow)}.code-preview-dots__dot.green{background-color:var(--green)}
.code-preview{text-align:left;background-image:linear-gradient(270deg,var(--navy),var(--dark-navy));box-shadow:0 1rem 3rem -1.5rem var(--navy-shadow);transition:var(--transition);background-repeat:no-repeat;background-size:100% 100%;border-radius:1rem;padding:2rem;overflow-x:auto}.code-preview .copy-button{display:none}.code-preview:hover .copy-button{justify-content:center;align-items:center;display:flex}.code-preview:hover .file-label{display:none}.code-preview pre{border-radius:1rem;padding:2rem;font-size:100%;line-height:1.3}.code-preview__header{justify-content:space-between;align-items:center;height:3.25rem;margin-bottom:1rem;display:flex}