.website-button.svelte-1t2wfry{padding:4px 6px}.website-button.svelte-1t2wfry a:where(.svelte-1t2wfry){display:flex;font-size:.75em;color:#fff;text-decoration:none;margin:0;padding-top:2px;padding-right:2px}.website-items.svelte-1t2wfry{margin:-4px -4px -2px -2px;display:flex;flex:1}.website-image.svelte-1t2wfry{flex:0 0 90px;border:2px solid white;border-right:0;background:#000;display:flex;align-items:center;justify-content:center;min-height:35px}.website-image.svelte-1t2wfry img:where(.svelte-1t2wfry){max-width:88px;max-height:31px;image-rendering:pixelated}.website-image.svelte-1t2wfry small:where(.svelte-1t2wfry){font-size:1em;opacity:.5}.website-name.svelte-1t2wfry{position:relative;border:2px solid white;background:#000;display:flex;align-items:center;padding-inline:calc(15px - .5em);flex:1}.website-name.svelte-1t2wfry:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translate(calc(-50% - 1px),-50%) rotate(45deg);width:0;height:0;background:linear-gradient(45deg,#000 60%,#0000 60%);border-left:2px solid white;border-bottom:2px solid white;transition:all .1s}.website-button.svelte-1t2wfry a:where(.svelte-1t2wfry):hover .website-name:where(.svelte-1t2wfry):before{width:1em;height:1em}.outlink-icon.svelte-1t2wfry{position:absolute;right:0;top:0;bottom:0;overflow:hidden;pointer-events:none}.outlink-icon.svelte-1t2wfry svg{height:200%;width:auto;opacity:.3}.outlink-icon.svelte-1t2wfry svg path{stroke-width:1.5!important}.website-button.svelte-1t2wfry a:where(.svelte-1t2wfry):hover .outlink-icon:where(.svelte-1t2wfry) svg{opacity:.4}h3.svelte-d1fetd{margin-block:1em .5em}.website-list.svelte-d1fetd{list-style:none;padding:0;margin:0}.subsection.svelte-d1fetd{display:flex;flex-direction:column;margin:-2px -4px 1em}.subsection.svelte-d1fetd>:where(.svelte-d1fetd){margin:0}.subsection.svelte-d1fetd h3:where(.svelte-d1fetd){display:block;background:#fff;color:#000;text-align:start;line-height:1.15;padding:.15em .3em;margin:2px 4px;font-size:1em}@media (min-width: 50em){.website-categories.svelte-d1fetd{display:flex;flex-direction:column;gap:1em}}@media (min-width: 70em){.website-categories.svelte-d1fetd{display:grid;grid-template-columns:repeat(2,1fr);gap:1em}}.webring-nav.svelte-clfkhp{position:absolute;inset:auto -.3em -.3em auto;min-width:100%;display:flex;flex-flow:row;gap:4px}.webring-nav.svelte-clfkhp>.notice:where(.svelte-clfkhp){position:absolute;inset:auto auto 4em auto;padding:.5em;margin-inline:.2em 1em;text-align:center;line-height:1.3;font-style:italic;border:2px solid white;background:#000;color:#fff;z-index:10;font-size:.75em}.webring-nav.svelte-clfkhp>.link-tile:where(.svelte-clfkhp){flex:0 0 2.4em;aspect-ratio:1}.webring-nav.svelte-clfkhp>.link-tile:where(.svelte-clfkhp) span:where(.svelte-clfkhp){line-height:1;bottom:.4em}.webring-nav.svelte-clfkhp>.flex-space:where(.svelte-clfkhp){flex:1}.webring-nav.svelte-clfkhp .link-tile:where(.svelte-clfkhp)>a:where(.svelte-clfkhp){display:block;width:100%;height:100%;border:2px solid white;background:#000;color:#fff;padding:.5em}.leaky-ring.bilging.svelte-1rono2n{animation:svelte-1rono2n-leaky-ring-shaking .05s linear alternate infinite}.leaky-ring-holder.svelte-1rono2n{position:absolute;border-width:0px;margin:0;padding:0;top:0;right:0;bottom:0;left:0;background:transparent;overflow:hidden;cursor:url(https://melonking.net/images/ui/bucket.png),pointer}.leaky-ring-holder.svelte-1rono2n:before{content:"";display:block;top:-1em;right:-1em;bottom:-1em;left:-1em;width:calc(100% + 2em);height:calc(100% + 2em);margin:-1em;background:linear-gradient(#000,#000) top left / 100% calc(100% - var(--level, 0) * 100%) no-repeat,url(../../../index/res/images/wave.svg) left calc(calc(1 - var(--level, 0)) * calc(100% + 19.9px)) / 200px 20px repeat-x,url(../../../index/res/images/wave2.svg) left calc(calc(1 - var(--level, 0)) * calc(100% + 29.9px)) / 300px 30px repeat-x,url(../../../index/res/images/tiling-bg.svg) repeat,linear-gradient(#5df,#59f);transition:background 2s cubic-bezier(.075,.82,.165,1);filter:url(#leaky-ring-water)}.leaky-ring.svelte-1rono2n .broken:where(.svelte-1rono2n) .leaky-ring-holder:where(.svelte-1rono2n){display:none}.leaky-ring.bilging.svelte-1rono2n .leaky-ring-holder:where(.svelte-1rono2n):before{transition:background 5s linear}.leaky-ring-holder.svelte-1rono2n+div:where(.svelte-1rono2n){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;padding-bottom:1.5em;padding-inline:1em;pointer-events:none;opacity:0;transition:opacity .3s;font-size:.75em}.leaky-ring-holder.svelte-1rono2n:hover+div:where(.svelte-1rono2n),.leaky-ring-holder.svelte-1rono2n+div.active:where(.svelte-1rono2n){opacity:1}h4.svelte-1rono2n,p.svelte-1rono2n{position:relative;z-index:1}p.svelte-1rono2n{margin:0;font-size:.75em}@keyframes svelte-1rono2n-leaky-ring-shaking{0%{transform:translate(-1px)}to{transform:translate(1px)}}.gradient-ring.svelte-1t6zlls article:where(.svelte-1t6zlls){background:conic-gradient(#016 25%,#004 25%,#004 50%,#016 50%,#016 75%,#004 75%) top left / 1em 1em repeat}p.svelte-1t6zlls{margin:0;font-size:.75em}h2.svelte-1oqhasw{margin-block:1em .5em}.ring-box.svelte-1oqhasw>li>*{position:relative;padding:.3em .4em}.ring-box.svelte-1oqhasw h4{font-size:1em;margin:0}#webrings.svelte-1oqhasw li:where(.svelte-1oqhasw) p:where(.svelte-1oqhasw){margin:0;font-size:.75em}@media (max-width: 49.999em){.category-box.svelte-1oqhasw h2{overflow:hidden;width:.0001px;height:.0001px;margin:0 0 -.0001px}.ring-box.svelte-1oqhasw{grid-template-columns:1fr}.ring-box.svelte-1oqhasw>li{height:9em;aspect-ratio:unset}}@media (min-width: 50em){.category-box.svelte-1oqhasw{display:grid;grid-template-columns:repeat(2,1fr);margin-top:2em;width:50em;padding-inline:5em;padding-bottom:5em;gap:1em}#webrings.svelte-1oqhasw{grid-column:span 2;grid-row:span 10}.ring-box.svelte-1oqhasw{grid-template-columns:repeat(auto-fill,minmax(12em,1fr))}.ring-box.svelte-1oqhasw>li{--row: 1;--col: 1}}@media (min-width: 70em){.category-box.svelte-1oqhasw{width:70em;grid-template-columns:repeat(3,1fr)}.category-box.svelte-1oqhasw>:where(.svelte-1oqhasw):not(#webrings){grid-column:span 2}#webrings.svelte-1oqhasw{grid-column:span 3}}
