.content-title.svelte-zb20in{font-size:1.2em;position:sticky;top:0;left:0;padding:0 0 1em 2em}.intro-cards-wrapper.svelte-zb20in{width:100%;height:100%;overflow:hidden}.intro-cards.svelte-zb20in{display:grid;grid-auto-flow:column;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,300px);height:100%;gap:1em;padding:0 2em 1em;overflow-x:visible;overflow-y:hidden;border-radius:10px;transition:transform .2s}.intro-cards.svelte-zb20in:not(:has(li:not(.ready))){grid-template-rows:repeat(auto-fill,1em)}.card-content.svelte-zb20in{width:300px;border-radius:10px;box-shadow:0 2px 4px #0003;background:rgb(var(--less-bright-grey));overflow:hidden;transition:.2s;border:2px solid transparent;box-sizing:content-box}.card-content.svelte-zb20in:hover{border:2px solid var(--default-button-color)}.card-content.svelte-zb20in .inner:where(.svelte-zb20in){display:flex;color:inherit;text-decoration:inherit;align-self:stretch;justify-self:stretch}.card-content.svelte-zb20in .thumb:where(.svelte-zb20in){background:rgb(var(--less-bright-grey));box-shadow:0 2px 2px #00000021;min-height:100px}.card-content.svelte-zb20in .content:where(.svelte-zb20in){padding:1em;box-shadow:0 2px 2px #00000021;position:relative;flex-grow:1;background-color:var(--background);z-index:0;transition:.2s}.card-content.svelte-zb20in .board:where(.svelte-zb20in){opacity:.3;font-size:.9em}.card-content.svelte-zb20in .title:where(.svelte-zb20in){font-size:1.2em;font-weight:400}.card-content.svelte-zb20in :is(.title:where(.svelte-zb20in),.desc:where(.svelte-zb20in),.meta:where(.svelte-zb20in)){word-wrap:break-word;word-break:break-all}.card-content.svelte-zb20in .desc:where(.svelte-zb20in){color:rgba(var(--real-black-rgb),.67)}.card-content.svelte-zb20in .desc:where(.svelte-zb20in) p:where(.svelte-zb20in) :is(*){display:inline;white-space:normal}.card-content.svelte-zb20in .desc:where(.svelte-zb20in) p:where(.svelte-zb20in) hr{display:none}.card-content.svelte-zb20in .meta:where(.svelte-zb20in){flex-grow:0;flex-basis:50px;background:rgb(var(--less-bright-grey));padding:1em .5em;color:rgb(var(--dim-grey));transition:.2s}.card-content.svelte-zb20in .meta:where(.svelte-zb20in) .tag:where(.svelte-zb20in){border-radius:999px;background:rgba(var(--real-black-rgb),.067);padding:.2em .5em;margin-right:.5em}.card-content.svelte-zb20in .meta:where(.svelte-zb20in) .date:where(.svelte-zb20in){text-align:right;display:block}h1.svelte-w91zfd{font-size:1em}div.container.svelte-w91zfd{background:rgb(var(--bright-grey));width:100%;min-height:calc(100vh - 80px);display:grid;grid-template-areas:"intro mycontent";grid-template-columns:100% 0px;transition:.2s;overflow:hidden}div.container.open.svelte-w91zfd{grid-template-columns:clamp(400px,var(--sectionWidth,600px),70vw) calc(100% - clamp(400px,var(--sectionWidth,600px),70vw))}:is(.container:where(.svelte-w91zfd),.container.handling:where(.svelte-w91zfd)) div.intro.svelte-w91zfd :is(.dividerHandle:where(.svelte-w91zfd):hover,.dividerHandle:where(.svelte-w91zfd):active){opacity:1;touch-action:none}.container.handling.svelte-w91zfd{transition:0s}div.intro.svelte-w91zfd{grid-area:intro;background-color:rgb(var(--white-rgb));padding:1em;font-size:3em;font-weight:100;color:var(--black);box-shadow:4px 0 8px #0003;z-index:2;transition:var(--dividerMoving,.2s);position:relative}div.intro.svelte-w91zfd .dividerHandle:where(.svelte-w91zfd){position:absolute;top:0;right:0;width:2px;height:100%;background:rgba(var(--real-black-rgb),.5);opacity:0;cursor:col-resize;z-index:2;transition:.2s;border:none;padding:0;margin:0;touch-action:none}div.intro.svelte-w91zfd .dividerHandle:where(.svelte-w91zfd) .dividerBg:where(.svelte-w91zfd){position:absolute;content:"";width:32px;height:100%;left:0;top:0;transform:translate(-50%);touch-action:none}.dividerBar.svelte-w91zfd{font-size:1rem;position:absolute;top:var(--dividerPos, 50%);left:0;transform:translate(-50%,-50%);background:var(--white);padding:1em .25em;border-radius:.5em;color:rgba(var(--real-black-rgb),.2);box-shadow:0 2px 2px #0003;pointer-events:none}div.intro.svelte-w91zfd .dividerHandle:where(.svelte-w91zfd):active{background:rgba(var(--real-black-rgb),.8)}.dividerHandle.svelte-w91zfd:active .dividerBar:where(.svelte-w91zfd){background:rgb(var(--bright-grey))}div.intro.svelte-w91zfd .intro-content:where(.svelte-w91zfd){max-height:90vh;display:flex;position:absolute;left:50%;transform:translate(-50%);transition:.2s;height:calc(100% - 2em)}.container.open.svelte-w91zfd div.intro:where(.svelte-w91zfd) .intro-content:where(.svelte-w91zfd){left:1em;transform:translate(0)}h1.svelte-w91zfd{font-weight:100}div.mycontent.svelte-w91zfd{grid-area:mycontent;padding-top:2em;width:100%;overflow:hidden;position:relative}button.spinner.svelte-w91zfd{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2em;background:#0009;z-index:10001;top:0;left:0;transition:.2s;outline:none;border:none}button.spinner.svelte-w91zfd:focus,body>div:hover button.spinner.svelte-w91zfd:not(:hover){opacity:0;pointer-events:none}.delayed-display.svelte-w91zfd{animation-name:svelte-w91zfd-delayed;animation-delay:1s;animation-fill-mode:forwards;opacity:0;animation-duration:.2s}@keyframes svelte-w91zfd-delayed{0%{opacity:0}to{opacity:1}}.loader.svelte-w91zfd{width:80px;aspect-ratio:1;border-radius:50%;border:8px solid white;animation:svelte-w91zfd-l20-1 .8s infinite linear alternate,svelte-w91zfd-l20-2 1.6s infinite linear}@keyframes svelte-w91zfd-l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes svelte-w91zfd-l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}@media screen and (max-width:960px){div.container.svelte-w91zfd{min-height:unset;grid-template-areas:"intro" "mycontent";grid-template-columns:unset!important;grid-template-rows:80vh calc(100vh - 224px)}.container.open.svelte-w91zfd div.intro:where(.svelte-w91zfd) .intro-content:where(.svelte-w91zfd){left:50%;transform:translate(-50%)}div.intro.svelte-w91zfd .dividerHandle:where(.svelte-w91zfd){display:none}}