:root{--100:100%;interpolate-size:allow-keywords}.learn-svelte.svelte-1imceaf .title-spacing:where(.svelte-1imceaf){margin-top:3em;margin-bottom:6em}@media (width<=768px){.learn-svelte.svelte-1imceaf .title-spacing:where(.svelte-1imceaf){margin-bottom:5em}}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf){max-inline-size:90vw;margin-inline:auto}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) details{appearance:none;border:none;outline:none;inline-size:100ch;padding:1rem;position:relative;overflow:clip}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) details::details-content{opacity:0;block-size:0;transition:content-visibility 1s allow-discrete, opacity 1s, block-size 1s;overflow-y:clip}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) details[open]::details-content{opacity:1;block-size:auto}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) summary{color:var(--clr-blue-500);border-color:var(--clr-gray-700)}@media (width<=768px){.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) summary{color:var(--clr-blue-500);border-color:var(--clr-gray-700)}}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) .text{color:var(--clr-light-500)}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) .text a{color:var(--clr-blue-350)}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) .structure{margin:1rem 0}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) .image-container img{width:100%;height:auto;border-radius:.5rem;max-inline-size:55%;margin-inline:auto;display:block;box-shadow:0 4px 6px #0000001a}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .center-detail:where(.svelte-1imceaf) .image-container{text-align:center;margin:1rem 0}.learn-svelte.svelte-1imceaf .svelte-details:where(.svelte-1imceaf) .back-button:where(.svelte-1imceaf){text-align:center}@keyframes svelte-1imceaf-fadeInUp{0%{opacity:0;visibility:hidden;transform:translateY(100px)}to{opacity:1;visibility:visible;transform:translateY(0)}}
