.mk-demo{border:1px solid rgb(255 182 54 / .1);border-radius:6px;padding:28px 24px;margin:20px 0 32px;position:relative;overflow:visible;background:linear-gradient(135deg,#0e1219 0%,#151820 60%,#181c25 100%);direction:ltr}.mk-demo::before{content:'';position:absolute;inset:0;border-radius:6px;pointer-events:none;opacity:.25;background:radial-gradient(ellipse at 30% 50%,rgb(255 182 54 / .06) 0%,transparent 60%)}.mk-demo-1 ul{list-style:none;font-size:16px;font-family:'Noto Sans Hebrew','IBM Plex Mono',sans-serif;margin:0;padding:0 0 0 8px}.mk-demo-1 li{padding:6px 0 6px 7px;color:#f1eeee}.mk-demo-1 li::marker{content:"\1F539";color:#5b9bd5}.mk-demo-2{border-color:rgb(155 19 65 / .2)}.mk-demo-2::before{background:radial-gradient(ellipse at 70% 40%,rgb(155 19 65 / .06) 0%,transparent 60%)}.mk-demo-2 ol{font-family:'Noto Sans Hebrew','IBM Plex Mono',sans-serif;font-size:16px;margin:0;padding:0 0 0 24px}.mk-demo-2 li{padding:6px 0;color:#f1eeee}.mk-demo-2 ol li::marker{font-weight:700;color:#e74c3c}.mk-demo-3{border-color:rgb(117 187 232 / .15)}.mk-demo-3::before{background:radial-gradient(ellipse at 50% 60%,rgb(117 187 232 / .05) 0%,transparent 60%)}.mk-demo-3 ul{list-style:none;padding:0;margin:0;font-family:'Noto Sans Hebrew','IBM Plex Mono',sans-serif;font-size:16px}.mk-demo-3 li{margin-bottom:10px;display:flex;align-items:center;cursor:pointer;color:#f1eeee;transition:opacity 0.2s ease;padding:0}.mk-demo-3 li:last-child{margin-bottom:0}.mk-demo-3 li:hover{opacity:.85}.mk-demo-3 li::before{content:'\2022';display:inline-block;width:.7em;font-size:1.5em;color:#555;transition:transform 0.3s ease,color 0.3s ease;flex-shrink:0;margin-right:8px}.mk-demo-3 li.mk-completed::before{color:#48c78e}.mk-demo-3 li.mk-in-progress::before{color:#ffb636}.mk-demo-3 li span{flex-grow:1}.mk-demo-3 li:hover::before{transform:scale(1.3)}.mk-demo-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--heading-color,#ffb636);opacity:.5;font-family:'IBM Plex Mono',monospace;margin-bottom:14px}.mk-demo-hint{display:block;font-size:14px;color:#aeafb4;font-family:'IBM Plex Mono',monospace;margin-top:14px;opacity:.7}@media screen and (min-width:1500px){.mk-demo-1 ul,.mk-demo-2 ol,.mk-demo-3 ul{font-size:17px}}@media screen and (max-width:768px){.mk-demo{padding:20px 16px}}