.hero-learn-wrapper.svelte-u2qt9t{display:flex;flex-direction:column;gap:var(--space-10)}@media screen and (min-width:768px){.hero-learn-wrapper.svelte-u2qt9t{gap:var(--space-20)}}.hero-learn-wrapper.svelte-u2qt9t{--icon-size: 24px}@media screen and (min-width:768px){.hero-learn-wrapper.svelte-u2qt9t{--icon-size: 32px}}.resources.svelte-u2qt9t{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:var(--space-2)}@media(min-width:1024px){.resources.svelte-u2qt9t{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.resource.svelte-u2qt9t{border-radius:var(--rounded-lg);background:#fff;position:relative;overflow:hidden;display:flex;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000a}.resource.svelte-u2qt9t:hover{box-shadow:0 2px 2px #00000005,0 2px 8px #00000014}.resource.svelte-u2qt9t:hover .resource__content:where(.svelte-u2qt9t){border-right:var(--stroke-1) solid var(--border-transparent-gray-0);border-bottom:var(--stroke-1) solid var(--border-transparent-gray-0);border-left:var(--stroke-1) solid var(--border-transparent-gray-0)}.resource.svelte-u2qt9t:active{box-shadow:none}.resource__content.svelte-u2qt9t{width:100%;padding:var(--space-4);padding-top:var(--space-6);border-radius:var(--rounded-lg);border-right:var(--stroke-1) solid var(--border-transparent-gray-1);border-bottom:var(--stroke-1) solid var(--border-transparent-gray-1);border-left:var(--stroke-1) solid var(--border-transparent-gray-1);color:var(--color-black);text-decoration:none;display:flex;flex-direction:column;transition:color .2s ease}@media(min-width:1024px){.resource__content.svelte-u2qt9t{padding:var(--space-8)}}.resource__content.svelte-u2qt9t:hover{color:var(--color-scooter-500)}.resource__content.svelte-u2qt9t:focus-visible{outline:2px solid var(--color-primary, #007acc);outline-offset:2px}.resource__gradient.svelte-u2qt9t{position:absolute;top:0;left:-1px;right:-1px;height:8px}.resource__icon.svelte-u2qt9t{margin-bottom:var(--space-3)}.resource__title.svelte-u2qt9t{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:700;line-height:135%;margin:0 0 var(--space-4) 0}@media screen and (min-width:768px){.resource__title.svelte-u2qt9t{font-size:var(--text-xl)}}.resource__description.svelte-u2qt9t{color:var(--color-gray-550);font-size:var(--text-base);font-weight:400;line-height:135%;margin:0;flex-grow:1}@media screen and (min-width:768px){.resource__description.svelte-u2qt9t{font-size:var(--text-lg)}}@media(max-width:767px){.resource.svelte-u2qt9t:nth-child(odd) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -31.58%,var(--color-scooter-500) 16.32%,var(--color-purple-500) 64.21%,var(--color-red-500) 112.11%,var(--color-orange-500) 160%,var(--color-yellow-500) 207.89%)}.resource.svelte-u2qt9t:nth-child(2n) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -135.96%,var(--color-scooter-500) -88.54%,var(--color-purple-500) -41.11%,var(--color-red-500) 6.32%,var(--color-orange-500) 53.74%,var(--color-yellow-500) 101.17%)}}@media(min-width:768px)and (max-width:1023px){.resource.svelte-u2qt9t:nth-child(odd) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -31.58%,var(--color-scooter-500) 16.32%,var(--color-purple-500) 64.21%,var(--color-red-500) 112.11%,var(--color-orange-500) 160%,var(--color-yellow-500) 207.89%)}.resource.svelte-u2qt9t:nth-child(2n+2) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -135.96%,var(--color-scooter-500) -88.54%,var(--color-purple-500) -41.11%,var(--color-red-500) 6.32%,var(--color-orange-500) 53.74%,var(--color-yellow-500) 101.17%)}}@media(min-width:1024px){.resource.svelte-u2qt9t:nth-child(3n+1) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -33.22%,var(--color-scooter-500) 37.18%,var(--color-purple-500) 107.57%,var(--color-red-500) 177.96%,var(--color-orange-500) 248.36%,var(--color-yellow-500) 318.75%)}.resource.svelte-u2qt9t:nth-child(3n+2) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -139.69%,var(--color-scooter-500) -69.55%,var(--color-purple-500) .58%,var(--color-red-500) 70.71%,var(--color-orange-500) 140.84%,var(--color-yellow-500) 210.97%)}.resource.svelte-u2qt9t:nth-child(3n+3) .resource__gradient:where(.svelte-u2qt9t){background:linear-gradient(90deg,var(--color-green-500) -248.25%,var(--color-scooter-500) -178.12%,var(--color-purple-500) -107.98%,var(--color-red-500) -37.85%,var(--color-orange-500) 32.29%,var(--color-yellow-500) 102.42%)}}@media(prefers-reduced-motion:reduce){.resource.svelte-u2qt9t,.resource__content.svelte-u2qt9t{transition:none}}.getting-started-wrapper.svelte-hz32xf{display:flex;flex-direction:column;gap:var(--space-10)}@media screen and (min-width:768px){.getting-started-wrapper.svelte-hz32xf{gap:var(--space-20)}}.getting-started__articles.svelte-hz32xf{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:768px){.getting-started__articles.svelte-hz32xf{gap:var(--space-14)}}.tutorials.svelte-hz32xf{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr));gap:var(--space-10)}@media(min-width:768px){.tutorials.svelte-hz32xf{grid-template-columns:repeat(3,1fr);gap:var(--space-14)}}.featured-tutorial.svelte-hz32xf{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);align-items:center}@media(min-width:768px){.featured-tutorial.svelte-hz32xf{gap:var(--space-8)}}@media(max-width:767px){.featured-tutorial.svelte-hz32xf{grid-template-columns:1fr}.featured-tutorial.svelte-hz32xf>:where(.svelte-hz32xf){grid-column:1}}.featured-tutorial.svelte-hz32xf>:where(.svelte-hz32xf){grid-column:span 6}.featured-tutorial__image-wrapper.svelte-hz32xf{position:relative}.featured-tutorial__image-wrapper.svelte-hz32xf>:where(.svelte-hz32xf)>img{display:block}.featured-tutorial__content.svelte-hz32xf{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center}.featured-tutorial__title.svelte-hz32xf{color:var(--color-gray-900);font-family:Roboto,sans-serif;font-size:var(--text-2xl);font-style:normal;font-weight:700;line-height:130%;margin:0}@media(min-width:768px){.featured-tutorial__title.svelte-hz32xf{font-size:var(--text-3xl)}}.featured-tutorial__title.svelte-hz32xf a:where(.svelte-hz32xf){color:var(--color-gray-900)}.featured-tutorial__title.svelte-hz32xf a:where(.svelte-hz32xf):hover{color:var(--color-scooter-650)}.featured-tutorial__description.svelte-hz32xf{overflow:hidden;color:var(--color-gray-550);text-overflow:ellipsis;font-size:var(--text-lg);line-height:160%;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}@media screen and (min-width:768px){.featured-tutorial__description.svelte-hz32xf{-webkit-line-clamp:5}}.tutorial.svelte-hz32xf{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.tutorial__image-wrapper.svelte-hz32xf{position:relative;margin-bottom:var(--space-2)}@media(min-width:768px){.tutorial__image-wrapper.svelte-hz32xf{max-width:100%;margin-bottom:var(--space-4)}}.tutorial__image-wrapper.svelte-hz32xf>img{display:block}.tutorial__content.svelte-hz32xf{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:var(--space-4)}.tutorial__title.svelte-hz32xf{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;line-height:130%;margin:0}@media(min-width:768px){.tutorial__title.svelte-hz32xf{width:100%;margin-bottom:var(--space-2)}}.tutorial__title.svelte-hz32xf a:where(.svelte-hz32xf){color:var(--color-gray-900)}.tutorial__title.svelte-hz32xf a:where(.svelte-hz32xf):hover{color:var(--color-scooter-650)}.tutorial__link.svelte-hz32xf{font-weight:700}.tutorial__description.svelte-hz32xf{color:var(--color-gray-550);font-size:var(--text-lg);line-height:160%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0;width:100%;margin-bottom:var(--space-2)}@media(min-width:768px){.tutorial__description.svelte-hz32xf{-webkit-line-clamp:4}}.play-button.svelte-hz32xf{position:absolute;left:50%;bottom:50%;transform:translate(-50%) translateY(50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1;border:none;border-radius:999px;background:var(--background-transparent-gray-7);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;transition:all .3s ease;width:40px;height:40px;transition:width .2s ease;overflow:hidden}.play-button__label.svelte-hz32xf{opacity:0;position:absolute;left:36px;top:50%;word-wrap:nowrap;width:164px;transform:translateY(-50%);color:#fff;transition:opacity .2s ease;font-weight:500}@media screen and (min-width:768px){.play-button.svelte-hz32xf{left:10px;bottom:10px;transform:translate(0) translateY(0)}}.featured-tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.play-button.svelte-hz32xf:hover{transform:translate(-50%) translateY(50%);background:var(--background-transparent-gray-emphasis-1)}@media screen and (min-width:768px){.featured-tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.play-button.svelte-hz32xf:hover{transform:translate(0) translateY(0)}}.featured-tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf),.play-button.svelte-hz32xf:hover{width:180px}.featured-tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf) .play-button__label:where(.svelte-hz32xf),.tutorial__image-wrapper.svelte-hz32xf:hover .play-button:where(.svelte-hz32xf) .play-button__label:where(.svelte-hz32xf),.play-button.svelte-hz32xf:hover .play-button__label:where(.svelte-hz32xf){opacity:1}.play-button.svelte-hz32xf:focus-visible{outline:2px solid var(--color-primary, #007acc);outline-offset:2px}@media screen and (min-width:768px){.play-button.svelte-hz32xf:active{transform:translate(0) translateY(0) scale(.98)}}@media screen and (min-width:768px){.play-button--large.svelte-hz32xf{width:40px;height:40px;padding:12px}}@media screen and (min-width:768px){.play-button--small.svelte-hz32xf{width:36px;height:36px;padding:9px}}.play-button.svelte-hz32xf svg:where(.svelte-hz32xf){flex-shrink:0;pointer-events:none;position:absolute;left:10px}@media(prefers-reduced-motion:reduce){.play-button.svelte-hz32xf{transition:none}}.webinars-wrapper.svelte-ltm45p{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:1024px){.webinars-wrapper.svelte-ltm45p{gap:var(--space-16)}}.webinars.svelte-ltm45p{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.webinars.svelte-ltm45p{grid-template-columns:repeat(2,1fr)}}.webinars__empty-state.svelte-ltm45p{display:flex;padding:var(--space-12);align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--rounded-lg);border:1px dashed var(--border-transparent-gray-1);text-align:center}@media(min-width:1024px){.webinars__empty-state.svelte-ltm45p{grid-column:span 2}}.webinars__empty-state__content.svelte-ltm45p{max-width:500px;display:flex;flex-direction:column;gap:var(--space-3)}.webinars__empty-state__title.svelte-ltm45p{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:700;line-height:140%;margin:0}.webinars__empty-state__description.svelte-ltm45p{color:var(--color-gray-550);font-size:var(--text-lg);font-weight:400;line-height:140%;margin:0}.webinar.svelte-ltm45p{border-radius:var(--rounded-lg);border:1px solid var(--border-transparent-gray-1);background:var(--color-gray-075);overflow:hidden;display:flex;transition:all .2s ease;box-shadow:0 1px 2px #0000000a}.webinar.svelte-ltm45p:hover{border-color:var(--border-transparent-gray-0);box-shadow:0 2px 2px #00000005,0 2px 8px #00000014}.webinar.svelte-ltm45p:active{box-shadow:none}.webinar__image-wrapper.svelte-ltm45p{aspect-ratio:2/1;width:80px;height:160px;overflow:hidden;flex-shrink:0}@media screen and (min-width:768px){.webinar__image-wrapper.svelte-ltm45p{width:100px;height:200px}}.webinar__content.svelte-ltm45p{padding:var(--space-3_5);padding-left:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;flex:1}@media screen and (min-width:768px){.webinar__content.svelte-ltm45p{padding:var(--space-6);padding-left:var(--space-8)}}.webinar__info.svelte-ltm45p{display:flex;flex-direction:column;gap:var(--space-1)}@media screen and (min-width:768px){.webinar__info.svelte-ltm45p{gap:var(--space-3)}}.webinar__title.svelte-ltm45p{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:700;line-height:140%;margin:0}@media screen and (min-width:768px){.webinar__title.svelte-ltm45p{font-size:var(--text-xl)}}.webinar__date.svelte-ltm45p{color:var(--color-gray-550);font-size:var(--text-base);font-weight:400;line-height:140%;margin:0}@media screen and (min-width:768px){.webinar__date.svelte-ltm45p{font-size:var(--text-lg)}}.webinar__registration-link.svelte-ltm45p{display:inline-flex;padding:var(--space-2) var(--space-2_5);justify-content:center;align-items:center;gap:2px;width:fit-content;border-radius:var(--rounded-sm);border:1px solid var(--border-gray-0);background:var(--background-gray-0);box-shadow:0 1px 2px #0000000a;color:var(--foreground-gray-0);font-size:var(--text-base);font-weight:500;line-height:130%;text-decoration:none;transition:all .2s ease}.webinar__registration-link.svelte-ltm45p:focus-visible{outline:2px solid var(--color-primary, #007acc);outline-offset:2px}.webinar__registration-link.svelte-ltm45p:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}@media(prefers-reduced-motion:reduce){.webinar.svelte-ltm45p,.webinar__registration-link.svelte-ltm45p{transition:none}}.blog-wrapper.svelte-vrjo{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:1024px){.blog-wrapper.svelte-vrjo{gap:var(--space-16)}}.blog-posts.svelte-vrjo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-14)}@media(min-width:768px){.blog-posts.svelte-vrjo{grid-template-columns:repeat(3,1fr)}}.blog-post.svelte-vrjo{display:flex;flex-direction:column;gap:var(--space-8)}.blog-post__image-wrapper.svelte-vrjo{position:relative}.blog-post__image-wrapper.svelte-vrjo>img{display:block}.blog-post__content.svelte-vrjo{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:var(--space-4)}.blog-post__title.svelte-vrjo{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:700;line-height:130%;margin:0}@media screen and (min-width:768px){.blog-post__title.svelte-vrjo{font-size:var(--text-2xl)}}.blog-post__title.svelte-vrjo a:where(.svelte-vrjo){color:var(--color-gray-900)}.blog-post__title.svelte-vrjo a:where(.svelte-vrjo):hover{color:var(--color-scooter-650)}.blog-post__description.svelte-vrjo{color:var(--color-gray-550);font-size:var(--text-lg);line-height:160%;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin:0}.blog-post__link.svelte-vrjo{font-weight:700}.river-wrapper.svelte-gic5jg{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:1024px){.river-wrapper.svelte-gic5jg{gap:var(--space-16)}}.examples.svelte-gic5jg{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-2)}@media(min-width:640px){.examples.svelte-gic5jg{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(min-width:768px){.examples.svelte-gic5jg{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.examples.svelte-gic5jg{gap:var(--space-8)}}.example.svelte-gic5jg{border-radius:var(--rounded-md);border:1px solid var(--border-transparent-gray-3);background:var(--color-gray-075);overflow:hidden;transition:all .2s ease;position:relative}.example.svelte-gic5jg:nth-child(n+5){display:none}@media(min-width:768px){.example.svelte-gic5jg:nth-child(n+5){display:block}}.example.svelte-gic5jg:hover{border-color:var(--border-transparent-gray-2)}.example__button.svelte-gic5jg{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;font-family:inherit;text-align:left;cursor:pointer}.example__button.svelte-gic5jg:focus-visible{outline:2px solid var(--color-primary, #007acc);outline-offset:2px}.example__image-wrapper.svelte-gic5jg>img{display:block;width:100%;height:200px;object-fit:cover;object-position:top;padding:10px;background:#fff}.example__content.svelte-gic5jg{padding:var(--space-4);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;border-top:1px solid var(--border-transparent-gray-2);background-color:var(--color-gray-025)}@media screen and (min-width:768px){.example__content.svelte-gic5jg{padding:var(--space-2);align-items:flex-end}}.example__title.svelte-gic5jg{font-size:var(--text-base);font-weight:500;color:var(--color-black);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (min-width:768px){.example__title.svelte-gic5jg{display:none}}.example__open-in-editor.svelte-gic5jg{padding:var(--space-2);color:var(--foreground-gray-1);border-radius:var(--rounded-md);display:none}@media screen and (min-width:768px){.example__open-in-editor.svelte-gic5jg{display:block}}.example__open-in-editor.svelte-gic5jg>input[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:2px;width:fit-content;border-radius:var(--rounded-sm);border:none;background:none;color:currentColor;font-size:var(--text-base);font-weight:500;text-decoration:none;cursor:pointer;pointer-events:none}.example__open-in-editor.svelte-gic5jg>input[type=submit]:hover{color:var(--color-gray-900)}.example__open-in-editor.svelte-gic5jg:hover{background:var(--color-gray-075);color:var(--color-gray-900)}@media(prefers-reduced-motion:reduce){.example.svelte-gic5jg{transition:none}}.organizational-usage-wrapper.svelte-hmek5f{display:flex;flex-direction:column;gap:var(--space-10)}@media(min-width:1024px){.organizational-usage-wrapper.svelte-hmek5f{gap:var(--space-16)}}.organizational-usage__link-cards.svelte-hmek5f{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-8);align-items:stretch;justify-items:stretch}@media(min-width:768px){.organizational-usage__link-cards.svelte-hmek5f{grid-template-columns:repeat(2,1fr)}}
