.tl--codigo{--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Roboto Mono",monospace}.cd-slice{padding:calc(var(--pt) * 12);border-radius:calc(var(--pt) * 24)}.cd-stack{padding:calc(var(--pt) * 8);border-radius:calc(var(--pt) * 20)}.cd-box{overflow:hidden;border-radius:calc(var(--pt) * 14)}.cd-bar{display:flex;align-items:center;height:calc(var(--pt) * 40);padding:0 calc(var(--pt) * 6) 0 calc(var(--pt) * 14);background:rgba(0,0,0,.039);box-shadow:inset 0 -1px 0 rgba(0,0,0,.055);color:rgba(40,35,26,.667)}.cd-logo{flex:none;width:calc(var(--pt) * 16);height:calc(var(--pt) * 16)}.cd-file{flex:1;min-width:0;margin-left:calc(var(--pt) * 8);font:calc(var(--pt) * 14) var(--mono);white-space:nowrap}.cd-bar>svg,.cd-bulb{flex:none;box-sizing:content-box;width:calc(var(--pt) * 19);height:calc(var(--pt) * 19);padding:0 calc(var(--pt) * 7.5)}.cd-bulb{position:relative;display:block;color:#D97706}.cd-bulb svg{width:100%;height:100%}.cd-bulb b{position:absolute;top:calc(var(--pt) * -5);right:calc(var(--pt) * 3);display:grid;place-items:center;width:calc(var(--pt) * 14);height:calc(var(--pt) * 14);border-radius:50%;background:#D97706;color:#fff;font:800 calc(var(--pt) * 9.5)/1 var(--ui)}.cd-ed{padding:calc(var(--pt) * 10) 0;background:rgba(0,0,0,.039) linear-gradient(90deg,rgba(0,0,0,.031) calc(var(--pt) * 31),transparent 0);font:calc(var(--pt) * 14)/1.5 var(--mono);color:var(--app-ink)}.cd-line{position:relative;display:flex}.cd-n{flex:none;width:calc(var(--pt) * 31);padding-right:calc(var(--pt) * 6);box-sizing:border-box;text-align:right;color:rgba(40,35,26,.431)}.cd-code{position:relative;flex:1;min-width:0;padding:0 calc(var(--pt) * 8);white-space:pre-wrap;overflow-wrap:anywhere}.cd-line:after{content:"";position:absolute;inset:0 0 0 calc(var(--pt) * 31);pointer-events:none}.cd-line--err:after{background:rgba(185,28,28,.141)}.cd-line--err .cd-n{color:#B91C1C;font-weight:800}.cd-line--spot:before{content:"";position:absolute;inset:0 0 0 calc(var(--pt) * 31);background:rgba(239,183,46,.32);pointer-events:none}.hl-comment{color:#A0A1A7;font-style:italic}.hl-keyword{color:#A626A4}.hl-string{color:#50A14F}.hl-number{color:#986801}.hl-built_in{color:#C18401}.hl-title{color:#4078F2}.hl-literal{color:#0184BB}.hl-attribute{color:#50A14F}.hl-selector-tag{color:#E45649}.cd-swatch-word{white-space:nowrap}.cd-swatch{width:calc(var(--pt) * 11);height:calc(var(--pt) * 11);margin:0 calc(var(--pt) * 2) 0 calc(var(--pt) * 2);border-radius:calc(var(--pt) * 3);background:#FF69B4;vertical-align:-.05em}.cd-swatch,.cd-typed{display:inline-block}.cd-handle{display:grid;place-items:center;height:calc(var(--pt) * 18);background:#1E1E22}.cd-handle i{width:calc(var(--pt) * 36);height:calc(var(--pt) * 4);border-radius:calc(var(--pt) * 2);background:rgba(255,255,255,.275)}.cd-console{padding:calc(var(--pt) * 4) calc(var(--pt) * 14) calc(var(--pt) * 14);background:#1E1E22}.cd-out{font:calc(var(--pt) * 14)/1.4 var(--mono);color:#ECECEC;white-space:pre-wrap;overflow-wrap:anywhere}.cd-out--err{color:#FF8A80}.cd-out--notice{margin-bottom:calc(var(--pt) * 8)!important;font:calc(var(--pt) * 14)/1.4 var(--ui);color:#FFD180}.cd-verdict{display:flex;align-items:center;gap:calc(var(--pt) * 8);margin-top:calc(var(--pt) * 12);padding-top:calc(var(--pt) * 10);box-shadow:inset 0 1px 0 rgba(255,255,255,.118);font:800 calc(var(--pt) * 16) var(--ui);color:#4ADE80}.cd-verdict svg{width:calc(var(--pt) * 20);height:calc(var(--pt) * 20)}.cd-actions{margin-top:calc(var(--pt) * 8);padding-bottom:calc(var(--pt) * 4)}.cd-actions .tl-ledge{height:calc(var(--pt) * 50)}.cd-mic{flex:none;width:calc(var(--pt) * 54);background:#fff;color:#B91C1C;box-shadow:0 calc(var(--pt) * 4) 0 #E9CFCF}.cd-mic--right{color:#1E8645}.cd-mic svg{width:calc(var(--pt) * 24);height:calc(var(--pt) * 24)}.cd-preview{margin-top:calc(var(--pt) * 10)}.cd-preview p{font-size:calc(var(--pt) * 12);color:rgba(40,35,26,.55)}.cd-preview p b{font-weight:800;color:var(--app-ink2)}.cd-preview>div{margin-top:calc(var(--pt) * 6);padding:calc(var(--pt) * 8);border-radius:calc(var(--pt) * 14);background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.cd-preview h3{margin:calc(var(--pt) * 14) 0!important;font:700 calc(var(--pt) * 28)/1.15 sans-serif;color:#FF69B4}.cd-chip{padding:calc(var(--pt) * 1) calc(var(--pt) * 3);border-radius:calc(var(--pt) * 4);background:rgba(0,0,0,.055);font:.92em var(--mono);white-space:nowrap}.tl-stage>.cd-flip{transform:rotate(var(--r)) scaleX(-1);transform-origin:center}.cd-flip .tl-art{width:100%}@media (prefers-reduced-motion:no-preference){.cd-catch .cd-line--err:after{animation:cd-mark 8s infinite}.cd-catch .cd-line--err .cd-n{animation:cd-num 8s infinite}.cd-catch .cd-out{animation:cd-in 8s infinite}.cd-run .cd-press{animation:cd-press 9s infinite}.cd-run .cd-out{animation:cd-line 9s infinite;animation-delay:calc(var(--k) * .35s)}.cd-explain .cd-line--spot:before{animation:cd-spot 1.6s ease-in-out infinite alternate}.cd-hints .cd-line--hint .cd-code{animation:cd-hint 9s infinite}.cd-hints .cd-line--hint:after{animation:cd-flash 9s infinite}.cd-web .cd-typed{animation:cd-type 8s steps(7) infinite}.cd-web .cd-swatch{animation:cd-swatch 8s infinite}.cd-web .cd-preview h3{animation:cd-pink 8s infinite}.cd-langs .cd-out{animation:cd-line 8s infinite}.cd-quiz .tl-tile--right{animation:cd-pick 10s infinite}.cd-done .cd-out,.cd-done .cd-verdict{animation:cd-line 9s infinite}.cd-done .cd-out:nth-child(2){animation-delay:.35s}.cd-done .cd-verdict{animation-delay:.9s}}@keyframes cd-mark{0%,20%{opacity:0}24%,92%{opacity:1}97%,to{opacity:0}}@keyframes cd-num{0%,20%{color:rgba(40,35,26,.431);font-weight:400}24%,92%{color:#B91C1C;font-weight:800}97%,to{color:rgba(40,35,26,.431);font-weight:400}}@keyframes cd-in{0%,26%{opacity:0}30%,92%{opacity:1}97%,to{opacity:0}}@keyframes cd-press{0%,8%{transform:translateY(0);box-shadow:0 calc(var(--pt) * 4) 0 #D3D7DE}10%,13%{transform:translateY(calc(var(--pt) * 3));box-shadow:0 calc(var(--pt) * 1) 0 #D3D7DE}16%,to{transform:translateY(0);box-shadow:0 calc(var(--pt) * 4) 0 #D3D7DE}}@keyframes cd-line{0%,18%{opacity:0}22%,92%{opacity:1}97%,to{opacity:0}}@keyframes cd-spot{0%{opacity:.35}to{opacity:1}}@keyframes cd-hint{0%,24%{opacity:0}30%,92%{opacity:1}97%,to{opacity:0}}@keyframes cd-flash{0%,26%{background:transparent}30%,46%{background:rgba(239,183,46,.35)}62%,to{background:transparent}}@keyframes cd-type{0%,10%{clip-path:inset(0 100% 0 0)}34%,92%{clip-path:inset(0 0 0 0)}97%,to{clip-path:inset(0 100% 0 0)}}@keyframes cd-swatch{0%,34%{opacity:0}37%,92%{opacity:1}97%,to{opacity:0}}@keyframes cd-pink{0%,34%{color:#000}37%,92%{color:#FF69B4}97%,to{color:#000}}@keyframes cd-pick{0%,8%{background:#F1F3F6;color:#374151;box-shadow:0 calc(var(--pt) * 4) 0 #D1D5DC}11%,19%{background:#FFF3C4;color:#374151;box-shadow:0 calc(var(--pt) * 4) 0 #F2CF5B}23%,92%{background:#DCFCE7;color:#1E8645;box-shadow:0 calc(var(--pt) * 4) 0 #9FD6B3}96%,to{background:#F1F3F6;color:#374151;box-shadow:0 calc(var(--pt) * 4) 0 #D1D5DC}}