.loading-wave-dots.svelte-10h86fq{position:relative}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq){position:absolute;top:50%;left:50%;display:inline-block;margin-top:-4px;width:8px;height:8px;border-radius:50%;-webkit-animation:svelte-10h86fq-loading-wave-dots linear 2.8s infinite;animation:svelte-10h86fq-loading-wave-dots linear 2.8s infinite}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq):first-child{margin-left:-36px}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq):nth-child(2){margin-left:-20px;-webkit-animation-delay:.14s;animation-delay:.14s}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq):nth-child(3){margin-left:-4px;-webkit-animation-delay:.28s;animation-delay:.28s}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq):nth-child(4){margin-left:12px;-webkit-animation-delay:.42s;animation-delay:.42s}.loading-wave-dots.svelte-10h86fq .wave-item:where(.svelte-10h86fq):last-child{margin-left:28px;-webkit-animation-delay:.56s;animation-delay:.56s}@-webkit-keyframes svelte-10h86fq-loading-wave-dots{0%{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}10%{-webkit-transform:translateY(-6px);transform:translateY(-6px);background:#999}20%{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}to{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}}@keyframes svelte-10h86fq-loading-wave-dots{0%{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}10%{-webkit-transform:translateY(-6px);transform:translateY(-6px);background:#999}20%{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}to{-webkit-transform:translateY(0);transform:translateY(0);background:#bbb}}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq){width:5px;height:5px;-webkit-animation:svelte-10h86fq-loading-circles linear .75s infinite;animation:svelte-10h86fq-loading-circles linear .75s infinite}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):first-child{margin-top:-14.5px;margin-left:-2.5px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(2){margin-top:-11.26px;margin-left:6.26px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(3){margin-top:-2.5px;margin-left:9.5px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(4){margin-top:6.26px;margin-left:6.26px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(5){margin-top:9.5px;margin-left:-2.5px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(6){margin-top:6.26px;margin-left:-11.26px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(7){margin-top:-2.5px;margin-left:-14.5px}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):last-child{margin-top:-11.26px;margin-left:-11.26px}@-webkit-keyframes svelte-10h86fq-loading-circles{0%{background:#dfdfdf}90%{background:#505050}to{background:#dfdfdf}}@keyframes svelte-10h86fq-loading-circles{0%{background:#dfdfdf}90%{background:#505050}to{background:#dfdfdf}}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq){background:#666;-webkit-animation:svelte-10h86fq-loading-bubbles linear .75s infinite;animation:svelte-10h86fq-loading-bubbles linear .75s infinite}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):first-child{margin-top:-12.5px;margin-left:-.5px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(2){margin-top:-9.26px;margin-left:8.26px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(3){margin-top:-.5px;margin-left:11.5px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(4){margin-top:8.26px;margin-left:8.26px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(5){margin-top:11.5px;margin-left:-.5px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(6){margin-top:8.26px;margin-left:-9.26px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(7){margin-top:-.5px;margin-left:-12.5px}.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):last-child{margin-top:-9.26px;margin-left:-9.26px}@-webkit-keyframes svelte-10h86fq-loading-bubbles{0%{width:1px;height:1px;box-shadow:0 0 0 3px #666}90%{width:1px;height:1px;box-shadow:0 0 #666}to{width:1px;height:1px;box-shadow:0 0 0 3px #666}}@keyframes svelte-10h86fq-loading-bubbles{0%{width:1px;height:1px;box-shadow:0 0 0 3px #666}90%{width:1px;height:1px;box-shadow:0 0 #666}to{width:1px;height:1px;box-shadow:0 0 0 3px #666}}.loading-default.svelte-10h86fq{position:relative;border:1px solid #999;-webkit-animation:svelte-10h86fq-loading-rotating ease 1.5s infinite;animation:svelte-10h86fq-loading-rotating ease 1.5s infinite}.loading-default.svelte-10h86fq:before{content:"";position:absolute;display:block;top:0;left:50%;margin-top:-3px;margin-left:-3px;width:6px;height:6px;background-color:#999;border-radius:50%}.loading-spiral.svelte-10h86fq{border:2px solid #777;border-right-color:transparent;-webkit-animation:svelte-10h86fq-loading-rotating linear .85s infinite;animation:svelte-10h86fq-loading-rotating linear .85s infinite}@-webkit-keyframes svelte-10h86fq-loading-rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes svelte-10h86fq-loading-rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-bubbles.svelte-10h86fq,.loading-circles.svelte-10h86fq{position:relative}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq){position:absolute;top:50%;left:50%;display:inline-block;border-radius:50%}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(2),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(2){-webkit-animation-delay:93ms;animation-delay:93ms}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(3),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(3){-webkit-animation-delay:.186s;animation-delay:.186s}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(4),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(4){-webkit-animation-delay:.279s;animation-delay:.279s}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(5),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(5){-webkit-animation-delay:.372s;animation-delay:.372s}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(6),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(6){-webkit-animation-delay:.465s;animation-delay:.465s}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):nth-child(7),.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):nth-child(7){-webkit-animation-delay:.558s;animation-delay:.558s}.loading-circles.svelte-10h86fq .circle-item:where(.svelte-10h86fq):last-child,.loading-bubbles.svelte-10h86fq .bubble-item:where(.svelte-10h86fq):last-child{-webkit-animation-delay:.651s;animation-delay:.651s}.loading-bubbles.svelte-10h86fq,.loading-circles.svelte-10h86fq,.loading-spiral.svelte-10h86fq,.loading-wave-dots.svelte-10h86fq,.loading-default.svelte-10h86fq{display:inline-block;margin:5px 0;width:28px;height:28px;font-size:28px;line-height:28px;border-radius:50%}.infinite-loading-container.svelte-o3w4bf{clear:both;text-align:center}.btn-try-infinite.svelte-o3w4bf{margin-top:5px;padding:5px 10px;color:#999;font-size:14px;line-height:1;background:transparent;border:1px solid #ccc;border-radius:3px;outline:none;cursor:pointer}.btn-try-infinite.svelte-o3w4bf:not(:active):hover{opacity:.8}body #hacker-news-demo.svelte-30r3vh{--primary: #a33e00;--on-primary: #ffffff;--primary-container: #ffdbcd;--on-primary-container: #360f00;--secondary: #77574a;--on-secondary: #ffffff;--secondary-container: #ffdbcd;--on-secondary-container: #2c160c;--tertiary: #675f30;--on-tertiary: #ffffff;--tertiary-container: #efe3a9;--on-tertiary-container: #201c00;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #201a18;--surface: #fff8f6;--on-surface: #201a18;--surface-variant: #f5ded5;--on-surface-variant: #53443d;--outline: #85736c;--outline-variant: #d8c2ba;--shadow: #000000;--scrim: #000000;--inverse-surface: #362f2c;--inverse-on-surface: #fbeeea;--inverse-primary: #ffb596;--surface-dim: #e4d7d3;--surface-bright: #fff8f6;--surface-container-lowest: #ffffff;--surface-container-low: #fef1ec;--surface-container: #f8ebe7;--surface-container-high: #f2e5e1;--surface-container-highest: #ede0db}body.dark #hacker-news-demo.svelte-30r3vh{--primary: #ffb596;--on-primary: #581e00;--primary-container: #7c2e00;--on-primary-container: #ffdbcd;--secondary: #e6bead;--on-secondary: #442a1f;--secondary-container: #5d4034;--on-secondary-container: #ffdbcd;--tertiary: #d2c78f;--on-tertiary: #373106;--tertiary-container: #4e471b;--on-tertiary-container: #efe3a9;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #201a18;--on-background: #ede0db;--surface: #181210;--on-surface: #ede0db;--surface-variant: #53443d;--on-surface-variant: #d8c2ba;--outline: #a08d85;--outline-variant: #53443d;--shadow: #000000;--scrim: #000000;--inverse-surface: #ede0db;--inverse-on-surface: #362f2c;--inverse-primary: #a33e00;--surface-dim: #181210;--surface-bright: #3f3835;--surface-container-lowest: #120d0b;--surface-container-low: #201a18;--surface-container: #251e1c;--surface-container-high: #2f2926;--surface-container-highest: #3a3330}.hacker-news-item.svelte-30r3vh{---padding: .5rem;--number-width: 2.5rem;padding-left:calc(var(---padding) + var(--number-width))!important}.hacker-news-item.svelte-30r3vh:before{content:attr(data-num) ". ";margin-left:calc(-1 * var(--number-width));width:calc(var(--number-width) - var(---padding));color:var(--on-surface);float:left;text-align:right}.hacker-news-link.svelte-30r3vh:hover{text-decoration:underline}
