@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8298327da6d5bcce-s.3q4n78m6muld7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.1d_6dtvtn9g3_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2b402d8aebffd579-s.16nfeub7ja6ze.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_5a576b06-module__EwRIoW__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}.montserrat_5a576b06-module__EwRIoW__variable{--font-cl:"Montserrat", "Montserrat Fallback"}
.cl-stage{border-radius:var(--surface-radius);background:#f4f4f4;margin:1.75em 0 .75em;padding:24px;overflow:hidden}.dark .cl-stage{background:var(--surface)}@media (max-width:640px){.cl-stage{padding:12px}}.cl-pair{grid-template-columns:1fr;gap:16px;margin:1.75em 0 .75em;display:grid}.cl-pair .cl-stage{margin:0;padding:14px}@media (min-width:640px){.cl-pair{grid-template-columns:1fr 1fr}}.cl-stage:not(.rt-play) *,.cl-stage:not(.rt-play) :before,.cl-stage:not(.rt-play) :after{animation-play-state:paused!important}.cl-canvas{font-family:var(--font-cl), ui-sans-serif, system-ui, sans-serif;letter-spacing:normal;color:#fff;border-radius:10px;font-weight:500;line-height:1.3;position:relative;overflow:hidden}.cl-canvas p{margin:0}:where(.cl-canvas) p{color:inherit}.cl-icon{flex:none;width:16px;height:16px}.cl-icon-sm{width:13px;height:13px;margin-right:7px}.cl-icon-lg{width:22px;height:22px}.cl-skel{background:#4a4a4a;border-radius:4px;height:8px;display:block}.cl-swap{display:inline-grid}.cl-swap>span{grid-area:1/1;align-items:center;gap:8px;display:inline-flex}.cl-swap>.s2{opacity:0}.cl-hex{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);place-items:center;height:44px;font-size:14px;font-weight:600;display:grid;position:absolute}.cl-hex-ghost{color:#fff;background:#fff}.cl-hex-ghost:before{content:"";z-index:-1;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);background:#333;position:absolute;inset:2px}.cl-hex-ghost{isolation:isolate}.cl-hex-primary{color:#fff;background:#f28c28}.cl-hex-danger{color:#fff;background:#e04e39}.cl-editor{background:#1f1f1f;position:absolute;inset:0 0 0 350px}.cl-editor-full{left:0}.cl-tabs{background:#2b2b2b;gap:2px;height:40px;padding:8px 12px 0;display:flex}.cl-tab{color:#cfcfcf;background:#3a3a3a;border-radius:6px 6px 0 0;align-items:center;padding:0 16px;font-size:13px;display:flex}.cl-tab.is-active{color:#fff;background:#1f1f1f;box-shadow:inset 0 2px #f28c28}.cl-code{flex-direction:column;gap:14px;padding:20px 16px;display:flex}.cl-code-line{align-items:center;gap:18px;display:flex}.cl-line-no{text-align:right;color:#6b6b6b;width:18px;font-size:12px}.cl-explorer{background:#2b2b2b;border-right:1px solid #1a1a1a;width:350px;position:absolute;top:0;bottom:0;left:0}.cl-explorer-head{border-bottom:1px solid #3d3d3d;align-items:center;gap:10px;height:56px;padding:0 22px;font-size:22px;font-weight:700;display:flex}.cl-explorer-head .cl-dots{margin-left:auto}.cl-row{align-items:center;gap:10px;height:30px;padding-right:22px;font-size:14px;display:flex;position:absolute;left:0;right:0}.cl-dots{letter-spacing:1px;color:#cfcfcf;margin-left:auto;font-size:12px}.cl-copy{opacity:0;animation:12s infinite cl-copy}@keyframes cl-copy{0%,16.9%{opacity:0;background:0 0;transform:translateY(-6px)}17.5%{opacity:1;background:#f28c2838;transform:none}24%{background:#f28c2838}27%,44.9%{opacity:1;background:0 0;transform:none}46%,to{opacity:0;background:0 0;transform:translate(-12px)}}.cl-menu{z-index:2;opacity:0;visibility:hidden;background:#1c1c1c;border:1px solid #444;border-radius:6px;flex-direction:column;width:132px;padding:4px 0;display:flex;position:absolute;left:196px;box-shadow:0 8px 20px #0006}.cl-menu-item{color:#f28c28;align-items:center;height:30px;padding:0 12px;font-size:13px;display:flex}.cl-menu-item+.cl-menu-item{border-top:1px solid #333}.cl-danger{color:#e04e39}.cl-hover-dup{animation:12s step-end infinite cl-hover-dup}.cl-hover-del{animation:12s step-end infinite cl-hover-del}@keyframes cl-hover-dup{0%{background:0 0}14.5%{background:#f28c2833}17%{background:0 0}}@keyframes cl-hover-del{0%{background:0 0}31.5%{background:#e04e3938}34.5%{background:0 0}}.cl-menu-1{animation:12s step-end infinite cl-menu-1}.cl-menu-2{animation:12s step-end infinite cl-menu-2}@keyframes cl-menu-1{0%{opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}17%{opacity:0;visibility:hidden}}@keyframes cl-menu-2{0%{opacity:0;visibility:hidden}26%{opacity:1;visibility:visible}34.5%{opacity:0;visibility:hidden}}.cl-scrim{z-index:3;opacity:0;visibility:hidden;background:#00000080;position:absolute;inset:0}.cl-scrim-delete{animation:12s step-end infinite cl-confirm-step}.cl-confirm{z-index:4;opacity:0;visibility:hidden;background:#333;border-radius:8px;width:320px;height:180px;padding:22px 24px;animation:12s step-end infinite cl-confirm-step,12s ease-out infinite cl-confirm-pop;position:absolute;top:130px;left:200px;box-shadow:0 16px 40px #00000080}@keyframes cl-confirm-step{0%{opacity:0;visibility:hidden}34.5%{opacity:1;visibility:visible}45%{opacity:0;visibility:hidden}}@keyframes cl-confirm-pop{0%,34.5%{transform:translateY(8px)scale(.98)}36.5%{transform:translateY(-1px)scale(1.005)}38%,to{transform:none}}.cl-modal-title{font-size:18px;font-weight:700}.cl-modal-body{color:#cfcfcf;font-size:13px;line-height:1.45;margin-top:8px!important}.cl-modal-actions .cl-hex{width:126px;height:40px;top:116px}.cl-modal-actions .cl-hex-ghost{left:24px}.cl-modal-actions .cl-hex-danger{animation:12s step-end infinite cl-press-delete;left:170px}@keyframes cl-press-delete{0%{filter:none}43.5%{filter:brightness(.85)}45%{filter:none}}.cl-cursor{z-index:5;pointer-events:none;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px #0006);opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24'%3E%3Cpath d='M2 2 L2 19 L6.5 15 L9.5 22 L12.5 20.7 L9.6 14 L16 14 Z' fill='white' stroke='%23111' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;width:20px;height:24px;margin:-2px 0 0 -2px;position:absolute;top:0;left:0}.cl-cursor-explorer{animation:12s infinite cl-cursor-explorer}@keyframes cl-cursor-explorer{0%,3%{opacity:0;transform:translate(560px,400px)scale(1)}4%{opacity:1;animation-timing-function:ease-in-out;transform:translate(560px,400px)scale(1)}9%{transform:translate(318px,257px)scale(1)}9.5%{transform:translate(318px,257px)scale(.9)}10.5%,12%{animation-timing-function:ease-in-out;transform:translate(318px,257px)scale(1)}16%{transform:translate(262px,281px)scale(1)}16.5%{transform:translate(262px,281px)scale(.9)}17.5%,19%{animation-timing-function:ease-in-out;transform:translate(262px,281px)scale(1)}25%{transform:translate(318px,289px)scale(1)}25.5%{transform:translate(318px,289px)scale(.9)}26.5%,28%{animation-timing-function:ease-in-out;transform:translate(318px,289px)scale(1)}33%{transform:translate(262px,344px)scale(1)}33.5%{transform:translate(262px,344px)scale(.9)}34.5%,36%{animation-timing-function:ease-in-out;transform:translate(262px,344px)scale(1)}43%{transform:translate(433px,266px)scale(1)}43.5%{transform:translate(433px,266px)scale(.9)}44.5%,46%{opacity:1;animation-timing-function:ease-in-out;transform:translate(433px,266px)scale(1)}52%{opacity:1;transform:translate(560px,400px)scale(1)}54%,to{opacity:0;transform:translate(560px,400px)scale(1)}}.cl-scrim-new{animation:14s step-end infinite cl-modal-step}.cl-modal{z-index:4;background:#333;border-radius:6px;width:460px;height:416px;animation:14s step-end infinite cl-modal-step;position:absolute;top:22px;left:130px;box-shadow:0 16px 40px #00000080}.cl-modal>*{position:absolute}@keyframes cl-modal-step{0%{opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}94%{opacity:1;visibility:visible}}.cl-modal-head{border-bottom:1px solid #262626;place-items:center;height:56px;font-size:18px;font-weight:700;display:grid;top:0;left:0;right:0}.cl-close{font-size:16px;position:absolute;top:16px;right:18px}.cl-label{font-size:15px;left:22px}.cl-swatch{border:2px solid #fff;border-radius:50%;width:28px;height:28px;top:102px}.cl-swatch-pick{animation:14s step-end infinite cl-swatch}@keyframes cl-swatch{0%{box-shadow:none}9.5%{box-shadow:0 0 0 3px #333,0 0 0 5px #fff}94%{box-shadow:none}}.cl-input,.cl-select{width:416px;font-size:14px;left:22px}.cl-input{background:#444;border-bottom:1px solid #9a9a9a;align-items:center;height:36px;padding:0 10px;animation:14s step-end infinite cl-focus;display:flex;top:176px}@keyframes cl-focus{0%{box-shadow:none}16.5%{box-shadow:0 0 0 2px #f28c28}31%{box-shadow:none}}.cl-type>span{opacity:0;animation:14s step-end infinite cl-type;animation-delay:calc(var(--i) * 90ms)}@keyframes cl-type{0%{opacity:0}18.5%{opacity:1}95%{opacity:0}}.cl-select{border:1px solid #6b6b6b;border-radius:4px;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex;top:256px}.cl-placeholder{color:#9a9a9a}.cl-select .cl-swap>.s1{animation:14s step-end infinite cl-off41}.cl-select .cl-swap>.s2{animation:14s step-end infinite cl-on41}@keyframes cl-off41{0%{opacity:1}41%{opacity:0}94%{opacity:1}}@keyframes cl-on41{0%{opacity:0}41%{opacity:1}94%{opacity:0}}.cl-select-caret{color:#cfcfcf}.cl-options{z-index:2;opacity:0;visibility:hidden;background:#262626;border:1px solid #555;border-radius:4px;flex-direction:column;width:416px;padding:4px 0;animation:14s step-end infinite cl-options;display:flex;top:300px;left:22px;box-shadow:0 10px 24px #00000073}@keyframes cl-options{0%{opacity:0;visibility:hidden}34%{opacity:1;visibility:visible}41%{opacity:0;visibility:hidden}}.cl-option{align-items:center;gap:8px;height:34px;padding:0 14px;font-size:14px;display:flex}.cl-option-pick{animation:14s step-end infinite cl-option-hover}@keyframes cl-option-hover{0%{background:0 0}38%{background:#f28c2840}41%{background:0 0}}.cl-actions .cl-hex{width:200px;top:350px}.cl-actions .cl-hex-ghost{left:22px}.cl-actions .cl-hex-primary{left:238px}.cl-open{animation:14s step-end infinite cl-press-open}@keyframes cl-press-open{0%{filter:none}48.5%{filter:brightness(.85)}50%{filter:none}}.cl-tab-new{color:#fff;opacity:0;background:#5b2d8e;animation:14s infinite cl-tab-new}@keyframes cl-tab-new{0%,50%{opacity:0;transform:translateY(6px)}52%,93%{opacity:1;transform:none}95%,to{opacity:0}}.cl-cursor-new{animation:14s infinite cl-cursor-new}@keyframes cl-cursor-new{0%,3%{opacity:0;transform:translate(600px,440px)scale(1)}4%{opacity:1;animation-timing-function:ease-in-out;transform:translate(600px,440px)scale(1)}9%{transform:translate(334px,138px)scale(1)}9.5%{transform:translate(334px,138px)scale(.9)}10.5%,12%{animation-timing-function:ease-in-out;transform:translate(334px,138px)scale(1)}16%{transform:translate(360px,216px)scale(1)}16.5%{transform:translate(360px,216px)scale(.9)}17.5%,29%{animation-timing-function:ease-in-out;transform:translate(360px,216px)scale(1)}33%{transform:translate(400px,298px)scale(1)}33.5%{transform:translate(400px,298px)scale(.9)}34.5%,36%{animation-timing-function:ease-in-out;transform:translate(400px,298px)scale(1)}40%{transform:translate(330px,373px)scale(1)}40.5%{transform:translate(330px,373px)scale(.9)}41.5%,43%{animation-timing-function:ease-in-out;transform:translate(330px,373px)scale(1)}48%{transform:translate(468px,394px)scale(1)}48.5%{transform:translate(468px,394px)scale(.9)}49.5%,51%{opacity:1;animation-timing-function:ease-in-out;transform:translate(468px,394px)scale(1)}57%{opacity:1;transform:translate(600px,440px)scale(1)}59%,to{opacity:0;transform:translate(600px,440px)scale(1)}}.cl-ide{background:#111}.cl-ide>div>*{position:absolute}.cl-toolbar{background:#1c1c1c;height:56px;top:0;left:0;right:0}.cl-toolbar>*{position:absolute;top:10px}.cl-tool{border:1.5px solid #e6e6e6;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:14px;display:flex}.cl-monitor{gap:10px;padding:0 4px 0 14px}.cl-segment{border-radius:3px;height:26px;display:flex;overflow:hidden}.cl-monitor b{place-items:center;padding:0 8px;font-weight:600;display:grid}.cl-off{background:#f28c28}.cl-on{background:#4a4a4a}.cl-mode{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);background:#f28c28;width:200px;height:36px;left:464px}.cl-mode-pill{letter-spacing:.06em;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:#111;place-items:center;width:112px;height:28px;font-size:13px;font-weight:700;animation:10s infinite cl-mode-slide;display:grid;position:absolute;top:4px;left:6px}@keyframes cl-mode-slide{0%,26.5%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(0)}29.5%{animation-timing-function:ease-in-out;transform:translate(82px)}31%{animation-timing-function:ease-in-out;transform:translate(73px)}32.5%,93%{animation-timing-function:cubic-bezier(.2,.9,.3,1);transform:translate(76px)}96%{animation-timing-function:ease-in-out;transform:translate(-5px)}97.5%{animation-timing-function:ease-in-out;transform:translate(2px)}99%,to{transform:translate(0)}}.cl-mode-pill .cl-swap>.s1{animation:10s step-end infinite cl-mode-a}.cl-mode-pill .cl-swap>.s2{animation:10s step-end infinite cl-mode-b}@keyframes cl-mode-a{0%{opacity:1}28%{opacity:0}95%{opacity:1}}@keyframes cl-mode-b{0%{opacity:0}28%{opacity:1}95%{opacity:0}}.cl-tooltip{white-space:nowrap;z-index:3;opacity:0;background:#222;border:1px solid #555;border-radius:6px;padding:8px 14px;font-size:13px;animation:10s step-end infinite cl-tooltip;top:62px;left:372px}@keyframes cl-tooltip{0%{opacity:0}18%{opacity:1}32%{opacity:0}}.cl-panel-tab{letter-spacing:.04em;background:#f28c28;border-radius:4px 4px 0 0;padding:6px 14px;font-size:12px;font-weight:700;left:10px}.cl-ide-code{background:#0b0b0b;border-top:2px solid #2b2b2b;height:270px;position:absolute;top:92px;left:0;right:0;overflow:hidden}.cl-ide-lines{flex-direction:column;gap:15px;width:560px;padding:18px 16px;animation:10s step-end infinite cl-code-dim;display:flex}@keyframes cl-code-dim{0%{opacity:.45}28%{opacity:1}95%{opacity:.45}}.cl-edit-line{animation:10s infinite cl-edit}@keyframes cl-edit{0%,34%{width:var(--w);background:#4a4a4a;animation-timing-function:steps(6,end)}44%,93%{width:calc(var(--w) * 1.9);background:#f28c28}96%,to{width:var(--w);background:#4a4a4a}}.cl-caret{opacity:0;background:#fff;width:2px;height:14px;margin-left:-14px;animation:10s step-end infinite cl-caret}@keyframes cl-caret{0%{opacity:0}30%{opacity:1}33%{opacity:0}35%{opacity:1}93%{opacity:0}}.cl-edit-line+.cl-caret{position:relative;left:0}.cl-outline{border-left:1px solid #2b2b2b;flex-direction:column;gap:10px;width:140px;padding:14px 12px;display:flex;position:absolute;top:0;bottom:0;right:0}.cl-outline-label{letter-spacing:.03em;font-size:11px;font-weight:700;margin-bottom:4px!important}.cl-skel-mini{background:#333;height:4px;margin-bottom:3px}.cl-lock{color:#f28c28;background:#f28c2824;border:1px solid #f28c28;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;animation:10s step-end infinite cl-lock,10s ease-out infinite cl-lock-pop;display:flex;position:absolute;top:14px;left:466px}@keyframes cl-lock{0%{opacity:1;visibility:visible}28%{opacity:0;visibility:hidden}95%{opacity:1;visibility:visible}}@keyframes cl-lock-pop{0%,95%{transform:scale(.96)}97%,to{transform:none}}.cl-monitor-out{background:#0b0b0b;border-top:2px solid #2b2b2b;padding:18px 16px;inset:396px 0 0}.cl-ide .cl-cursor-modes{animation:10s infinite cl-cursor-modes}@keyframes cl-cursor-modes{0%,9%{opacity:0;transform:translate(470px,258px)scale(1)}10%{opacity:1;animation-timing-function:ease-in-out;transform:translate(470px,258px)scale(1)}18%,25.5%{transform:translate(614px,28px)scale(1)}26%{transform:translate(614px,28px)scale(.9)}27.5%,31%{opacity:1;animation-timing-function:ease-in-out;transform:translate(614px,28px)scale(1)}38%{opacity:1;transform:translate(330px,190px)scale(1)}40%,to{opacity:0;transform:translate(330px,190px)scale(1)}}.cl-hacks{background:#1f1f1f}.cl-hacks>div>*{position:absolute}.cl-hacks .cl-skel{background:#4a4a4a}.cl-skel-stack{flex-direction:column;display:flex}.cl-hacks-nav{color:#cfcfcf;background:#1c1c1c;border-bottom:1px solid #2b2b2b;justify-content:center;align-items:center;gap:26px;height:40px;font-size:11px;display:flex;top:0;left:0;right:0}.cl-hacks-nav .is-active{color:#fff;background:#3a3a3a;border-radius:5px;padding:5px 10px}.cl-hacks-logo{letter-spacing:-.04em;color:#fff;font-size:15px;font-weight:800;position:absolute;left:16px}.cl-crumb{color:#cfcfcf;font-size:12px;top:54px;left:30px}.cl-hack-title{width:340px;top:78px;left:30px;height:14px!important}.cl-media{background:#2b2b2b;border-radius:6px;width:360px;height:150px;top:106px;left:20px}.cl-thumbs{flex-direction:column;gap:6px;width:54px;display:flex;position:absolute;top:8px;left:8px}.cl-thumbs .cl-skel{height:40px}.cl-video{background:#3a3a3a;border-radius:4px;place-items:center;width:282px;height:134px;display:grid;position:absolute;top:8px;left:70px}.cl-play{color:#3a3a3a;background:#ffffffe6;border-radius:50%;place-items:center;width:34px;height:34px;padding-left:3px;font-size:13px;display:grid}.cl-author{width:356px;height:24px;top:266px;left:22px}.cl-author>*{position:absolute;top:50%;transform:translateY(-50%)}.cl-avatar{background:#555;border-radius:50%;width:24px;height:24px;left:0}.cl-author>.cl-skel{left:32px}.cl-like,.cl-comment-count{color:#cfcfcf;align-items:center;gap:5px;font-size:12px;display:flex}.cl-like{left:270px}.cl-comment-count{left:316px}.cl-heart{fill:#0000;stroke:#cfcfcf;width:15px;height:15px;animation:14s step-end infinite cl-heart,14s ease-out infinite cl-heart-pop}@keyframes cl-heart{0%{fill:#0000;stroke:#cfcfcf}10.5%{fill:#e04e39;stroke:#e04e39}95%{fill:#0000;stroke:#cfcfcf}}@keyframes cl-heart-pop{0%,10.5%{transform:scale(1)}11.5%{transform:scale(1.35)}13%,to{transform:scale(1)}}.cl-like .cl-swap>.s1{animation:14s step-end infinite cl-on-off-105}.cl-like .cl-swap>.s2{animation:14s step-end infinite cl-off-on-105}.cl-comment-count .cl-swap>.s1{animation:14s step-end infinite cl-on-off-335}.cl-comment-count .cl-swap>.s2{animation:14s step-end infinite cl-off-on-335}@keyframes cl-on-off-105{0%{opacity:1}10.5%{opacity:0}95%{opacity:1}}@keyframes cl-off-on-105{0%{opacity:0}10.5%{opacity:1}95%{opacity:0}}@keyframes cl-on-off-335{0%{opacity:1}33.5%{opacity:0}95%{opacity:1}}@keyframes cl-off-on-335{0%{opacity:0}33.5%{opacity:1}95%{opacity:0}}.cl-desc-bubble{background:#333;border-radius:6px;width:356px;padding:11px 12px;top:298px;left:22px}.cl-desc-bubble .cl-skel{background:#5a5a5a}.cl-comments{background:#2b2b2b;border-radius:6px 6px 0 0;flex-direction:column;gap:12px;width:360px;padding:12px;display:flex;top:358px;bottom:0;left:20px}.cl-comment-input{align-items:center;gap:10px;display:flex}.cl-avatar-sm{flex:none;width:22px;height:22px}.cl-avatar-you{background:#f28c28}.cl-input-box{background:#3a3a3a;border-radius:4px;flex:1;align-items:center;height:28px;padding:0 10px;font-size:12px;animation:14s step-end infinite cl-input-focus;display:flex;position:relative}@keyframes cl-input-focus{0%{box-shadow:none}18.5%{box-shadow:0 0 0 1.5px #f28c28}33.5%{box-shadow:none}}.cl-input-placeholder{color:#9a9a9a;animation:14s step-end infinite cl-placeholder;position:absolute}@keyframes cl-placeholder{0%{opacity:1}19.5%{opacity:0}33.5%{opacity:1}}.cl-typed{animation:14s step-end infinite cl-typed-clear;display:inline-flex}@keyframes cl-typed-clear{0%{opacity:1}33.5%{opacity:0}95%{opacity:1}}.cl-typed>span{opacity:0;animation:14s step-end infinite cl-typed-char;animation-delay:calc(var(--i) * 90ms)}@keyframes cl-typed-char{0%{opacity:0}20%{opacity:1}95%{opacity:0}}.cl-comment-list{flex-direction:column;display:flex}.cl-comment{border-radius:6px;flex:none;gap:10px;margin-bottom:4px;padding:8px;display:flex;overflow:hidden}.cl-comment-body{flex-direction:column;flex:1;gap:6px;display:flex}.cl-comment-name{color:#cfcfcf;font-size:11px;font-weight:600}.cl-comment-text{font-size:12px}.cl-comment-new{opacity:0;max-height:0;margin-bottom:0;padding-block:0;animation:14s step-end infinite cl-comment-in,14s ease-out infinite cl-comment-hl}@keyframes cl-comment-in{0%{opacity:0;max-height:0;margin-bottom:0;padding-block:0}33.5%{opacity:1;max-height:60px;margin-bottom:4px;padding-block:8px}95%{opacity:0;max-height:0;margin-bottom:0;padding-block:0}}@keyframes cl-comment-hl{0%,33.5%{background:#f28c2838;transform:translateY(-4px)}35.5%{transform:none}48%{background:#f28c2838}56%,to{background:0 0;transform:none}}.cl-hack-side{flex-direction:column;gap:12px;width:300px;display:flex;top:106px;left:400px}.cl-save{font-size:12px}.cl-tags{gap:6px;display:flex}.cl-tag{border-radius:999px!important;height:18px!important}.cl-side-label{font-size:13px;font-weight:600}.cl-hex-start,.cl-hex-download{width:280px;height:34px;font-size:14px;left:400px}.cl-hex-start{background:#e04e39;top:262px}.cl-hex-download{color:#1f1f1f;background:#fff;justify-content:center;gap:6px;animation:14s step-end infinite cl-press-download;display:flex;top:304px}@keyframes cl-press-download{0%{filter:none}40.5%{filter:brightness(.85)}41.5%{filter:none}}.cl-tools{background:#2b2b2b;border-radius:6px 6px 0 0;flex-direction:column;gap:12px;width:316px;padding:14px 16px;display:flex;top:352px;bottom:0;left:392px}.cl-toast{z-index:4;color:#1f1f1f;opacity:0;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:200px;height:38px;font-size:13px;font-weight:600;animation:14s infinite cl-toast;display:flex;top:462px;left:260px;box-shadow:0 10px 28px #00000073}.cl-toast svg{color:#3e8e4f}@keyframes cl-toast{0%,41.5%{opacity:0;transform:translateY(10px)}43.5%,58%{opacity:1;transform:none}61%,to{opacity:0;transform:translateY(10px)}}.cl-hacks .cl-cursor-hacks{animation:14s infinite cl-cursor-hacks}@keyframes cl-cursor-hacks{0%,3%{opacity:0;transform:translate(600px,480px)scale(1)}4%{opacity:1;animation-timing-function:ease-in-out;transform:translate(600px,480px)scale(1)}10%{transform:translate(299px,278px)scale(1)}10.5%{transform:translate(299px,278px)scale(.9)}11.5%,13%{animation-timing-function:ease-in-out;transform:translate(299px,278px)scale(1)}18%{transform:translate(216px,384px)scale(1)}18.5%{transform:translate(216px,384px)scale(.9)}19.5%,32%{animation-timing-function:ease-in-out;transform:translate(216px,384px)scale(1)}40%{transform:translate(540px,321px)scale(1)}40.5%{transform:translate(540px,321px)scale(.9)}41.5%,44%{opacity:1;animation-timing-function:ease-in-out;transform:translate(540px,321px)scale(1)}52%{opacity:1;transform:translate(640px,440px)scale(1)}54%,to{opacity:0;transform:translate(640px,440px)scale(1)}}.cl-bugs{background:#1f1f1f}.cl-bugs>div>*{position:absolute}.cl-bug-editor{background:#111;width:330px;top:0;bottom:0;left:0;overflow:hidden}.cl-panel-tab-static{position:absolute;top:10px}.cl-bug-lines{border-top:2px solid #2b2b2b;flex-direction:column;gap:14px;padding:16px 14px;display:flex;position:absolute;top:44px;left:0;right:0}.cl-bug-lines .cl-line-no{width:22px}.cl-bug-line{margin:-4px -14px;padding:4px 14px;animation:14s step-end infinite cl-bug-hl;position:relative}.cl-bug-line .cl-skel{position:relative}.cl-bug-line .cl-skel:after{content:"";opacity:0;background:radial-gradient(circle at 2px 0,#0000 1.5px,#e04e39 1.6px 2.2px,#0000 2.3px) 0 0/6px 4px repeat-x;height:4px;animation:14s step-end infinite cl-squiggle;position:absolute;bottom:-6px;left:0;right:0}@keyframes cl-squiggle{0%{opacity:0}19%{opacity:1}94%{opacity:0}}@keyframes cl-bug-hl{0%{box-shadow:none;background:0 0}41%{background:#e04e3933;box-shadow:inset 3px 0 #e04e39}94%{box-shadow:none;background:0 0}}.cl-scan{opacity:0;background:#f28c28;height:2px;animation:14s infinite cl-scan;position:absolute;top:46px;left:0;right:0;box-shadow:0 0 12px 2px #f28c2899}@keyframes cl-scan{0%,10.9%{opacity:0;transform:translateY(0)}11%{opacity:1;animation-timing-function:ease-in-out;transform:translateY(0)}18%{opacity:1;transform:translateY(370px)}18.5%,to{opacity:0;transform:translateY(370px)}}.cl-bug-panel{background:#2b2b2b;border-left:1px solid #3d3d3d;inset:0 0 0 330px}.cl-bug-panel>*{position:absolute}.cl-bug-head{border-bottom:1.5px solid #e6e6e6;justify-content:space-between;align-items:center;height:60px;padding:0 18px 0 22px;display:flex;top:0;left:0;right:0}.cl-bug-title{font-size:20px;font-weight:700}.cl-find{color:#f28c28;border:1.5px solid #f28c28;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:14px;font-weight:700;animation:14s step-end infinite cl-press-find;display:flex}@keyframes cl-press-find{0%{background:0 0}9.5%{background:#f28c2833}11%{background:0 0}}.cl-bug-empty{text-align:center;font-size:13px;animation:14s step-end infinite cl-bug-empty;top:200px;left:0;right:0;color:#9a9a9a!important}@keyframes cl-bug-empty{0%{opacity:1}19%{opacity:0}94%{opacity:1}}.cl-bug-result{opacity:0;visibility:hidden;animation:14s step-end infinite cl-bug-result,14s ease-out infinite cl-bug-result-pop;inset:60px 0 0}@keyframes cl-bug-result{0%{opacity:0;visibility:hidden}19%{opacity:1;visibility:visible}94%{opacity:0;visibility:hidden}}@keyframes cl-bug-result-pop{0%,19%{transform:translateY(6px)}21%,to{transform:none}}.cl-bug-result>*{position:absolute}.cl-bug-line-no{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:24px;font-weight:700;top:22px;left:22px}.cl-show-me{color:#f28c28;text-underline-offset:3px;font-size:14px;font-weight:700;text-decoration:underline;animation:14s step-end infinite cl-show-me;top:56px;left:22px}@keyframes cl-show-me{0%{color:#f28c28}40.5%{color:#ffb066}42%{color:#f28c28}}.cl-bug-error{background:#3a3a3a;border:1.5px solid #e6e6e6;border-radius:6px;justify-content:space-between;align-items:center;height:46px;padding:0 12px;font-size:13px;animation:14s step-end infinite cl-bug-error;display:flex;top:18px;left:140px;right:18px}@keyframes cl-bug-error{0%{background:#3a3a3a}24.5%{background:#444}26%{background:#3a3a3a}}.cl-bugs em{color:#b9a2f0;font-style:normal}.cl-bug-chevron{color:#cfcfcf;animation:14s step-end infinite cl-chevron}@keyframes cl-chevron{0%{transform:none}25.5%{transform:rotate(180deg)}94%{transform:none}}.cl-bug-context{opacity:0;background:#3a3a3a;border:1.5px solid #0000;border-radius:6px;flex-direction:column;gap:10px;max-height:0;padding:0 14px;font-size:13px;line-height:1.45;animation:14s infinite cl-context;display:flex;top:84px;left:22px;right:18px;overflow:hidden}@keyframes cl-context{0%,25.5%{opacity:0;border-color:#0000;max-height:0;padding-block:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}29%,93%{opacity:1;border-color:#e6e6e6;max-height:230px;padding-block:14px}95%,to{opacity:0;border-color:#0000;max-height:0;padding-block:0}}.cl-bug-footer{justify-content:space-between;align-items:center;display:flex;bottom:18px;left:22px;right:18px}.cl-bug-nav{border:1.5px solid #e6e6e6;border-radius:4px;padding:5px 10px;font-size:13px;font-weight:700}.cl-bug-nav.is-disabled{color:#777;border-color:#666}.cl-bug-count{font-size:13px;font-weight:700}.cl-bugs .cl-cursor-bugs{animation:14s infinite cl-cursor-bugs}@keyframes cl-cursor-bugs{0%,3%{opacity:0;transform:translate(560px,400px)scale(1)}4%{opacity:1;animation-timing-function:ease-in-out;transform:translate(560px,400px)scale(1)}9%{transform:translate(650px,30px)scale(1)}9.5%{transform:translate(650px,30px)scale(.9)}10.5%,19%{animation-timing-function:ease-in-out;transform:translate(650px,30px)scale(1)}24%{transform:translate(682px,101px)scale(1)}24.5%{transform:translate(682px,101px)scale(.9)}25.5%,33%{animation-timing-function:ease-in-out;transform:translate(682px,101px)scale(1)}40%{transform:translate(386px,125px)scale(1)}40.5%{transform:translate(386px,125px)scale(.9)}41.5%,46%{opacity:1;animation-timing-function:ease-in-out;transform:translate(386px,125px)scale(1)}53%{opacity:1;transform:translate(560px,410px)scale(1)}55%,to{opacity:0;transform:translate(560px,410px)scale(1)}}@media (prefers-reduced-motion:reduce){.cl-stage *,.cl-stage :before,.cl-stage :after{animation:none!important}.cl-cursor,.cl-scrim,.cl-modal,.cl-confirm,.cl-menu,.cl-options{display:none}.cl-type>span{opacity:1}.cl-tooltip,.cl-caret,.cl-toast,.cl-typed,.cl-scan,.cl-bug-empty{display:none}.cl-bug-result{opacity:1;visibility:visible}.cl-bug-context{opacity:1;border-color:#e6e6e6;max-height:none;padding-block:14px}.cl-comment-new{opacity:1;max-height:none;padding-block:8px}.cl-tab-new{opacity:1}}.cl-mode-pill.is-static{animation:none;transform:translate(76px)}.cl-rc-lines{flex-direction:column;gap:15px;width:560px;padding:18px 16px;display:flex}.cl-rc-line{border-radius:4px;margin:-3px -8px;padding:3px 8px}.cl-rc-slot{flex:1;align-items:center;display:grid}.cl-rc-slot>*{grid-area:1/1}.cl-rc-typed{white-space:pre;color:#ffb4a6;width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1;overflow:hidden}.cl-rc-l1{animation:12s step-end infinite cl-rc-tint-1}.cl-rc-l1 .cl-rc-orig{animation:12s step-end infinite cl-rc-orig-1}.cl-rc-l1 .cl-rc-typed{animation:12s infinite cl-rc-type-1}@keyframes cl-rc-tint-1{0%{background:0 0}4%{background:#e04e3924}58.5%{background:#3e8e4f4d}70%{background:0 0}}@keyframes cl-rc-orig-1{0%{opacity:1}4%{opacity:0}58.5%{opacity:1}}@keyframes cl-rc-type-1{0%,4%{width:0;animation-timing-function:steps(18,end)}14.5%{width:18ch;animation-timing-function:step-end}58.5%,to{width:0}}.cl-rc-l2{animation:12s step-end infinite cl-rc-tint-2}.cl-rc-l2 .cl-rc-orig{animation:12s step-end infinite cl-rc-orig-2}.cl-rc-l2 .cl-rc-typed{animation:12s infinite cl-rc-type-2}@keyframes cl-rc-tint-2{0%{background:0 0}15.5%{background:#e04e3924}58.5%{background:#3e8e4f4d}70%{background:0 0}}@keyframes cl-rc-orig-2{0%{opacity:1}15.5%{opacity:0}58.5%{opacity:1}}@keyframes cl-rc-type-2{0%,15.5%{width:0;animation-timing-function:steps(16,end)}25%{width:16ch;animation-timing-function:step-end}58.5%,to{width:0}}.cl-rc-l3{animation:12s step-end infinite cl-rc-tint-3}.cl-rc-l3 .cl-rc-orig{animation:12s step-end infinite cl-rc-orig-3}.cl-rc-l3 .cl-rc-typed{animation:12s infinite cl-rc-type-3}@keyframes cl-rc-tint-3{0%{background:0 0}26.5%{background:#e04e3924}58.5%{background:#3e8e4f4d}70%{background:0 0}}@keyframes cl-rc-orig-3{0%{opacity:1}26.5%{opacity:0}58.5%{opacity:1}}@keyframes cl-rc-type-3{0%,26.5%{width:0;animation-timing-function:steps(15,end)}35.5%{width:15ch;animation-timing-function:step-end}58.5%,to{width:0}}.cl-rc-button{animation:12s step-end infinite cl-rc-hover}@keyframes cl-rc-hover{0%{background:0 0}43.5%{background:#f28c2840}47%{background:0 0}}.cl-rc-scrim{animation:12s step-end infinite cl-rc-modal}.cl-rc-confirm{z-index:4;opacity:0;visibility:hidden;background:#333;border-radius:8px;width:320px;height:180px;padding:22px 24px;animation:12s step-end infinite cl-rc-modal,12s ease-out infinite cl-rc-pop;position:absolute;top:130px;left:200px;box-shadow:0 16px 40px #00000080}@keyframes cl-rc-modal{0%{opacity:0;visibility:hidden}46.5%{opacity:1;visibility:visible}58.5%{opacity:0;visibility:hidden}}@keyframes cl-rc-pop{0%,46.5%{transform:translateY(8px)scale(.98)}48.5%{transform:translateY(-1px)scale(1.005)}50%,to{transform:none}}.cl-rc-confirm .cl-hex-primary{left:170px}.cl-rc-confirm-btn{animation:12s step-end infinite cl-rc-press}@keyframes cl-rc-press{0%{filter:none}57%{filter:brightness(.85)}58.5%{filter:none}}.cl-rc-toast{z-index:4;color:#1f1f1f;opacity:0;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:200px;height:38px;font-size:13px;font-weight:600;animation:12s infinite cl-rc-toast;display:flex;position:absolute;top:404px;left:260px;box-shadow:0 10px 28px #00000073}.cl-rc-toast svg{color:#3e8e4f}@keyframes cl-rc-toast{0%,59.5%{opacity:0;transform:translateY(10px)}61.5%,83%{opacity:1;transform:none}86%,to{opacity:0;transform:translateY(10px)}}.cl-ide .cl-cursor-restore{animation:12s infinite cl-cursor-restore}@keyframes cl-cursor-restore{0%,37%{opacity:0;transform:translate(470px,300px)scale(1)}38%{opacity:1;animation-timing-function:ease-in-out;transform:translate(470px,300px)scale(1)}44%,45.5%{transform:translate(218px,28px)scale(1)}46%{transform:translate(218px,28px)scale(.9)}47.5%{animation-timing-function:ease-in-out;transform:translate(218px,28px)scale(1)}53%,57%{transform:translate(433px,266px)scale(1)}57.5%{transform:translate(433px,266px)scale(.9)}59%,61%{opacity:1;animation-timing-function:ease-in-out;transform:translate(433px,266px)scale(1)}66%{opacity:1;transform:translate(560px,330px)scale(1)}68%,to{opacity:0;transform:translate(560px,330px)scale(1)}}@media (prefers-reduced-motion:reduce){.cl-rc-typed,.cl-rc-confirm,.cl-rc-toast{display:none}}.cl-still .cl-rc-typed,.cl-still .cl-rc-confirm,.cl-still .cl-rc-toast{display:none}.clc{background:#f4f4f4;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:2.5%;padding:4%;display:grid;overflow:hidden}.dark .clc{background:var(--surface)}.project-card-cover .clc{background:0 0;padding:0}.clc-tile{background:#1c1c1c;border-radius:7px;position:relative;overflow:hidden}.clc-crop{position:absolute}.clc .cl-stage{background:0 0;border-radius:0;margin:0;padding:0}.clc .cl-canvas{border-radius:0}.clc-tile-modes{grid-area:1/1/auto/5}.clc-tile-modes .clc-crop{width:112%;top:0;left:0}.clc-tile-bugs{background:#1f1f1f;grid-area:1/5/auto/7}.clc-tile-bugs .clc-crop{width:175%;top:0;left:-77%}.clc-tile-explorer{grid-area:2/1/auto/3}.clc-tile-explorer .clc-crop{width:220%;top:0;left:0}.clc-tile-hacks{background:#1f1f1f;grid-area:2/3/auto/7}.clc-tile-hacks .clc-crop{width:100%;top:-12%;left:0}.cl-still *,.cl-still :before,.cl-still :after{animation:none!important}.cl-still .cl-cursor,.cl-still .cl-scrim,.cl-still .cl-modal,.cl-still .cl-confirm,.cl-still .cl-menu,.cl-still .cl-options{display:none}.cl-still .cl-type>span{opacity:1}.cl-still .cl-tooltip,.cl-still .cl-caret,.cl-still .cl-toast,.cl-still .cl-typed,.cl-still .cl-scan,.cl-still .cl-bug-empty{display:none}.cl-still .cl-bug-result{opacity:1;visibility:visible}.cl-still .cl-bug-context{opacity:1;border-color:#e6e6e6;max-height:none;padding-block:14px}.cl-still .cl-comment-new{opacity:1;max-height:none;padding-block:8px}.cl-still .cl-tab-new{opacity:1}
@font-face{font-family:Fjalla One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3680502f750de032-s.1zdfjyb9g4l4w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fjalla One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0447a2e99ada776e-s.1efqiulgrdev2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fjalla One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/de73dba5f1ad0a4b-s.0d60rgykt4ng9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fjalla One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8226f95c76ce3702-s.p.1i89qv3i6sl35.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fjalla One Fallback;src:local(Arial);ascent-override:115.42%;descent-override:28.38%;line-gap-override:0.0%;size-adjust:87.4%}.fjalla_one_f50464a3-module__DRPGIW__className{font-family:Fjalla One,Fjalla One Fallback;font-style:normal;font-weight:400}.fjalla_one_f50464a3-module__DRPGIW__variable{--font-dp-display:"Fjalla One", "Fjalla One Fallback"}
@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8e3fbf4aa84d044b-s.3ynaompv6mu4n.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/57dc28f7118abe14-s.3bsu95r7x7mat.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7ddd198311ba7843-s.p.3kq6k02b2ysv1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans Fallback;src:local(Arial);ascent-override:83.09%;descent-override:21.71%;line-gap-override:0.0%;size-adjust:111.93%}.work_sans_fc07cb1f-module__aY9bWa__className{font-family:Work Sans,Work Sans Fallback;font-style:normal}.work_sans_fc07cb1f-module__aY9bWa__variable{--font-dp-body:"Work Sans", "Work Sans Fallback"}