@media (max-width:767px){.home-header[data-astro-cid-had7q4i4]>.container[data-astro-cid-had7q4i4]{justify-content:flex-end}.home-header-brand[data-astro-cid-had7q4i4]{position:absolute;left:50%;transform:translate(-50%)}.home-header-brand[data-astro-cid-had7q4i4] img[data-astro-cid-had7q4i4]{display:none}}.bottom-sheet[data-astro-cid-jchwbsvk]{width:100%;max-width:none;max-height:90vh;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--overlay);color:var(--on-surface);border:0;margin:0;position:fixed;inset:auto 0 0;overflow:auto}.bottom-sheet[data-astro-cid-jchwbsvk]::backdrop{background:#0000008c}@media (prefers-reduced-motion:no-preference){.bottom-sheet[data-astro-cid-jchwbsvk][open]{animation:.32s cubic-bezier(.22,1,.36,1) both sheet-enter}.bottom-sheet[data-astro-cid-jchwbsvk][open]::backdrop{animation:.32s ease-out both backdrop-enter}.bottom-sheet[data-astro-cid-jchwbsvk][open][data-sheet-closing]{pointer-events:none;animation:.24s cubic-bezier(.4,0,1,1) both sheet-exit}.bottom-sheet[data-astro-cid-jchwbsvk][open][data-sheet-closing]::backdrop{animation:.24s ease-in both backdrop-exit}}@keyframes sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-exit{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}.ui-radio[data-astro-cid-gguiqqc5]{cursor:pointer;display:block;position:relative}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]{opacity:0;width:1px;height:1px;position:absolute}.ui-radio-content[data-astro-cid-gguiqqc5]{align-items:center;display:flex}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:focus-visible+.ui-radio-content[data-astro-cid-gguiqqc5]{outline:2px solid var(--on-surface);outline-offset:2px}.ui-radio-mark[data-astro-cid-gguiqqc5]{border-radius:var(--radius-pill);border:1.5px solid;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-left:.75rem;display:flex}.ui-radio-mark[data-astro-cid-gguiqqc5] .ui-radio-check{visibility:hidden}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:checked+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-mark[data-astro-cid-gguiqqc5]{background:var(--radio-checked-background,var(--on-surface));border-color:var(--radio-checked-background,var(--on-surface));color:var(--radio-checked-color,var(--canvas))}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:checked+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-check{visibility:visible}.ui-radio-disabled[data-astro-cid-gguiqqc5]{cursor:not-allowed}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:disabled+.ui-radio-content[data-astro-cid-gguiqqc5]{opacity:.5}@media (prefers-reduced-motion:no-preference){.ui-radio-mark[data-astro-cid-gguiqqc5]{transition:transform .15s,background-color .2s,border-color .2s,color .2s}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:checked:not(:disabled)+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-mark[data-astro-cid-gguiqqc5]{animation:.3s radio-pop}.ui-radio[data-astro-cid-gguiqqc5]:active>input[data-astro-cid-gguiqqc5]:not(:disabled)+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-mark[data-astro-cid-gguiqqc5]{animation:none;transform:scale(.9)}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:not(:disabled)+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-check path{stroke-dasharray:22;stroke-dashoffset:-22px}.ui-radio[data-astro-cid-gguiqqc5]>input[data-astro-cid-gguiqqc5]:checked:not(:disabled)+.ui-radio-content[data-astro-cid-gguiqqc5] .ui-radio-check path{animation:.25s forwards radio-draw}}@keyframes radio-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes radio-draw{to{stroke-dashoffset:0}}.home-product+.home-search-field{margin-left:.75rem}.tutorial-home-hero{padding-top:calc(var(--header-height) + 2.5rem)}:root.webview .tutorial-home-hero{padding-top:1.5rem}.tutorial-home-hero h1{margin-bottom:2rem;line-height:1.15}.tutorial-home .home-main{padding-top:1.5rem}.tutorial-devices,.tutorial-article-grid,.tutorial-video-grid{flex-wrap:wrap;margin:0 -.375rem;display:flex}.tutorial-devices>*,.tutorial-video-grid>*{flex-basis:calc(50% - .75rem)}.tutorial-devices{margin-top:1rem}.tutorial-devices>*,.tutorial-article-grid>*,.tutorial-video-grid>*{flex-grow:0;flex-shrink:0;min-width:0;margin:0 .375rem .75rem}.tutorial-article-grid>*{flex-basis:calc(100% - .75rem)}.tutorial-device{border:1px solid #0000}.tutorial-device[aria-current]{border-radius:var(--radius-compact);background:linear-gradient(110deg, #5293bb4d, #61ab962e), var(--canvas);border-color:#000}.tutorial-device:not([aria-current]) [data-device-check]{display:none}.tutorial-device [data-device-current]{opacity:0;visibility:hidden;height:0;line-height:1rem;overflow:hidden}.tutorial-device[aria-current] [data-device-current]{opacity:1;visibility:visible;height:1rem}.tutorial-tabs{isolation:isolate;position:relative}.tutorial-tab-indicator{pointer-events:none;visibility:hidden;background:currentColor;height:2px;position:absolute;bottom:0;left:0}.tutorial-tabs[data-indicator-ready]>.tutorial-tab-indicator{visibility:visible}.tutorial-tabs[data-indicator-ready]>.tutorial-tab[aria-current]{background:0 0;border-bottom-color:#0000}@media (min-width:768px){.tutorial-tab-indicator{background:0 0;height:3px}.tutorial-tabs>.tutorial-tab[aria-current]{border-bottom-color:#0000}.tutorial-tab-indicator:after,.tutorial-tabs:not([data-indicator-ready])>.tutorial-tab[aria-current]:after{content:"";border-radius:var(--radius-pill);background:currentColor;width:60%;height:3px;position:absolute;bottom:0;left:20%}}.tutorial-tab{z-index:1;color:var(--on-surface-variant);border-bottom:2px solid #0000;position:relative}.tutorial-tab[aria-current]{color:inherit;border-bottom-color:currentColor}.tutorial-content{margin-top:1.75rem}.tutorial-topics{margin-bottom:1rem}.tutorial-topics ul,ul.tutorial-article-grid{padding-left:0;list-style:none}.tutorial-topic[aria-current]{color:var(--on-surface);background:var(--card);font-weight:700}.tutorial-home .home-video-cover:before{padding-top:63%}.tutorial-mobile-device,.tutorial-topic-toggle,.tutorial-topics .tutorial-topic-pills{display:none}.tutorial-device-trigger{background:linear-gradient(110deg, #5293bb61, #61ab963d), var(--card-hover);border:0;min-height:4.75rem}.tutorial-chevron{transform:rotate(90deg)}[aria-expanded=true]>.tutorial-chevron{transform:rotate(-90deg)}@media (prefers-reduced-motion:no-preference){[data-home-device-trigger]>.tutorial-chevron{transition:transform .24s ease-in-out}}.tutorial-sheet-option{margin-bottom:.75rem}.tutorial-sheet-device{background:var(--card-hover);border:1px solid #0000;min-height:5rem}.tutorial-sheet-option input:checked+.tutorial-sheet-device{background:linear-gradient(110deg, #5293bb3d, transparent), var(--canvas);border-color:currentColor}.tutorial-sheet-confirm{background:var(--on-surface);color:var(--canvas)}@media (prefers-color-scheme:dark){.tutorial-device[aria-current],.tutorial-device-trigger,.tutorial-sheet-option input:checked+.tutorial-sheet-device{color:#071014;background:linear-gradient(260.5deg,#eaf5f8 .24%,#edf5f0 49.59%,#b6d5f2 98.95%)}.tutorial-sheet-option{--radio-checked-background:#071014;--radio-checked-color:#fff}}@media (max-width:767px){.tutorial-home .tutorial-devices,.tutorial-home .tutorial-subtopic-links{display:none}.tutorial-home-hero{padding-top:calc(var(--header-height) + .75rem)}.tutorial-home-hero h1{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tutorial-mobile-device{margin-top:.75rem;display:block}.tutorial-home .tutorial-home-search{height:2.75rem}.tutorial-home .tutorial-home-search .search-field{border-radius:var(--radius-compact)}:root.webview .tutorial-home .home-main,.tutorial-home .home-main{padding-top:1.25rem}.tutorial-tabs{border-radius:var(--radius-pill);background:var(--card-hover);padding:2px}.tutorial-tabs>.tutorial-tab{border-radius:var(--radius-pill);text-align:center;color:var(--on-surface-variant);border:0;flex:1;margin:0}.tutorial-tabs>.tutorial-tab[aria-current]{color:#101716;background:linear-gradient(100deg,#00a580,#57d8aa);font-weight:700}.tutorial-tab-indicator{border-radius:var(--radius-pill);background:linear-gradient(100deg,#00a580,#57d8aa);height:auto;top:2px;bottom:2px}.tutorial-content{margin-top:1.25rem}.tutorial-topic-bar{align-items:flex-start;display:flex}.tutorial-topic-bar ul{scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.tutorial-topic-bar ul::-webkit-scrollbar{display:none}.tutorial-topic-bar.is-expanded ul{flex-wrap:wrap}.tutorial-topic-bar li{white-space:nowrap;margin:0 .875rem .375rem 0}.tutorial-topic-bar .tutorial-topic{color:var(--on-surface-variant);background:0 0;padding:.375rem 0;font-size:.75rem}.tutorial-topic-bar .tutorial-topic[aria-current]{color:var(--on-surface)}.tutorial-topic-toggle{padding:.375rem;display:block}.tutorial-topics .tutorial-topic-pills{flex-wrap:wrap;margin-top:.75rem;display:flex}.tutorial-topic-pills a{border-radius:var(--radius-pill);background:var(--card-hover);margin:0 .5rem .5rem 0;padding:.375rem .75rem;font-size:.75rem;display:block}.tutorial-topic-pills a[aria-current]{background:var(--on-surface);color:var(--canvas)}.tutorial-home .home-video-cover:before{padding-top:56.25%}}@media (min-width:768px){@media (prefers-reduced-motion:no-preference){.tutorial-devices [data-device-current]{transition:height .2s linear .16s,opacity .2s linear .16s,visibility 0s .36s}.tutorial-devices [aria-current] [data-device-current]{transition-delay:.16s}.tutorial-devices>.tutorial-device[aria-current][data-device-selecting] [data-device-current]{animation:.36s linear backwards home-device-caption;animation-delay:var(--device-motion-offset,0s)}.tutorial-devices>.tutorial-device[aria-current][data-device-selecting]{animation:.48s ease-out home-device-gradient;animation-delay:var(--device-motion-offset,0s);background-repeat:no-repeat}.tutorial-devices>.tutorial-device:not([aria-current])[data-device-deselecting] [data-device-current]{animation:.36s linear backwards home-device-caption-collapse;animation-delay:var(--device-motion-offset,0s)}.tutorial-devices>.tutorial-device[aria-current][data-device-selecting] [data-device-check] path{stroke-dasharray:22;stroke-dashoffset:0;animation:.32s ease-out backwards home-device-check;animation-delay:calc(80ms + var(--device-motion-offset,0s))}}@keyframes home-device-gradient{0%{background-position:100% 0;background-size:180% 100%}to{background-position:0 0;background-size:100% 100%}}@keyframes home-device-caption{0%,44.444%{opacity:0;height:0}to{opacity:1;height:1rem}}@keyframes home-device-check{0%{stroke-dashoffset:-22px}to{stroke-dashoffset:0}}@keyframes home-device-caption-collapse{0%,44.444%{opacity:1;visibility:visible;height:1rem}to{opacity:0;visibility:visible;height:0}}.tutorial-tab+.tutorial-tab{margin-left:2rem}.tutorial-home-hero{padding-top:calc(var(--header-height) + 5.5rem)}.tutorial-home-hero h1{margin-bottom:5.75rem}.tutorial-home-title{--hero-text-gradient:var(--gradient-dual_deep_turquoise_blue);--hero-text-color:#02bb8d;isolation:isolate;position:relative}.tutorial-home-title span{letter-spacing:.015em;vertical-align:middle;color:var(--hero-text-color);font-size:2.625rem;font-weight:600;position:relative}@supports ((-webkit-background-clip:text) or (background-clip:text)){.tutorial-home-title span{background-image:var(--hero-text-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.tutorial-home-title[data-emphasize] span{background-image:linear-gradient(110deg, #fff0 42%, #ffffffb3 50%, #fff0 58%), var(--hero-text-gradient);animation:2.5s ease-in-out infinite tutorial-title-shine;animation-delay:var(--title-shine-offset,0s);background-position:100% 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%}}}@keyframes tutorial-title-shine{0%{background-position:100% 0,0 0}56%,to{background-position:0 0,0 0}}@media (prefers-color-scheme:dark){.tutorial-home-title{--hero-text-gradient:var(--gradient-dual_pale_purple_phantom);--hero-text-color:#87d4ff}}.tutorial-content{margin-top:2.5rem}.tutorial-content-topics{display:flex}.tutorial-content-topics>.tutorial-topics{flex:0 0 calc(20.5128% - 2rem);min-width:0}.tutorial-content-topics>[data-home-browse-region]{flex:1}.tutorial-topics{margin:0 2rem 0 0}.tutorial-devices>*{flex-basis:calc(25% - .75rem)}.tutorial-article-grid>*{flex-basis:calc(50% - .75rem)}.tutorial-video-grid>*{flex-basis:calc(33.3333% - .75rem)}}.home-search-field:focus-within{background:var(--overlay)}.home-page .home-grid{flex-wrap:wrap;margin:0 -.25rem;display:flex}.home-page .home-grid>.home-text-card{flex-basis:100%}@media (min-width:768px){.home-page .home-grid{margin:0 -.625rem}.home-page .home-grid>*{flex-basis:25%}.home-page .home-grid>.home-text-card{flex-basis:50%}}.home-page{background:var(--canvas)}.home-page .home-search-spacer,:root.webview .home-page .home-footer{display:none}:root.webview .home-page .home-search{z-index:30;height:var(--header-height);background:var(--canvas);margin-top:0;padding-left:.5rem;position:fixed;top:0;left:0;right:0}:root.webview .home-page .home-search-spacer{height:var(--header-height);display:block}:root.webview .home-page .home-search-field{border-radius:var(--radius-pill);box-shadow:none}:root.webview .home-page .home-product{width:7rem}:root.webview .home-page .home-main{padding-top:0}:root.webview .home-page [data-home-search],:root.webview .home-page .home-product{height:2rem}@media (min-width:768px){:root.webview .home-page .home-search{height:18.75rem;position:relative}:root.webview .home-page .home-search-spacer{height:var(--header-height)}:root.webview .home-page [data-home-search]{height:3.25rem}:root.webview .home-page .home-main{padding-top:3.5rem}:root.webview .home-page .home-product{height:3.25rem}:root.webview .home-page .home-search-field{border-radius:var(--radius-medium)}}.home-video-cover:before{content:"";padding-top:56.25%;display:block}.home-video-cover>img{position:absolute;top:0;left:0}.home-grid>*{flex:0 0 50%;min-width:0;margin-bottom:.5rem;padding-left:.25rem;padding-right:.25rem}.children-spacing>*{margin-bottom:.5rem;margin-right:.5rem}:root.webview .home-page .home-product+.home-search-field{margin-left:0}@media (min-width:768px){.home-grid>*{margin-bottom:1.25rem;padding-left:.625rem;padding-right:.625rem}:root.webview .home-page .home-product+.home-search-field{margin-left:.75rem}}[data-home-browse-region]{position:relative}.home-browse-skeleton,.home-topic-skeleton,[data-pending-topics] .home-topics-results{display:none}[data-pending-topics] .home-topic-skeleton{display:block}.home-topic-skeleton span{border-radius:var(--radius-compact);height:3rem;margin-bottom:.5rem}.home-topic-skeleton .home-topic-skeleton-title{width:60%;height:1.25rem;margin-bottom:1rem}@media (max-width:767px){[data-pending-mode] .tutorial-topics .tutorial-topic-pills{display:none}[data-pending-topics] .home-topic-skeleton{flex-wrap:wrap;display:flex}.home-topic-skeleton span{flex:0 0 calc(25% - .75rem);height:1rem;margin-bottom:.75rem;margin-right:.75rem}.home-topic-skeleton .home-topic-skeleton-title{flex-basis:6rem;width:6rem;height:1.25rem;margin-bottom:1.25rem;margin-right:calc(100% - 6rem)}.home-topic-skeleton span:nth-child(n+6){display:none}}[data-pending-mode] .home-browse-results{display:none}[data-pending-mode] .home-browse-skeleton{pointer-events:none;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;display:flex}.home-skeleton-card{border-radius:var(--radius-compact);background:var(--card);flex:0 0 100%;min-width:0;height:5.625rem;margin-bottom:.75rem;padding:1rem}.home-skeleton-card .home-skeleton-cover{display:none}.home-skeleton-lines span{height:.75rem;margin:.5rem 0}.home-skeleton-lines span:first-child{width:65%}[data-pending-mode=videos] .home-browse-skeleton{margin:0 -.375rem}[data-pending-mode=videos] .home-skeleton-card{background:0 0;flex-basis:calc(50% - .75rem);height:auto;margin:0 .375rem 1rem;padding:0}[data-pending-mode=videos] .home-skeleton-card:nth-child(n+7){display:none}[data-pending-mode=videos] .home-skeleton-lines{height:3.5rem;padding-top:.25rem}[data-pending-mode=videos] .home-skeleton-lines span+span,[data-home-mode=videos]:not([data-pending-mode=articles]) .tutorial-topics,[data-pending-mode=videos] .tutorial-topics{display:none}[data-home-mode=videos]:not([data-pending-mode=articles]) .tutorial-content,[data-pending-mode=videos] .tutorial-content{display:block}[data-pending-mode=videos] .home-skeleton-cover{padding-top:56.25%;display:block}@media (min-width:768px){[data-pending-mode=articles] .home-skeleton-card{flex-basis:calc(50% - .75rem);height:6.5rem;margin-left:.375rem;margin-right:.375rem}[data-pending-mode=videos] .home-skeleton-cover{border-radius:var(--radius-compact);padding-top:63%}[data-pending-mode=articles] .home-browse-skeleton{margin:0 -.375rem}[data-pending-mode=videos] .home-skeleton-card{flex-basis:calc(33.3333% - .75rem)}}.cover-feedback[data-astro-cid-7r7hakkd]{padding-top:56.25%}.cover-feedback[data-astro-cid-7r7hakkd]>[data-astro-cid-7r7hakkd]{position:absolute;top:50%;transform:translateY(-50%)}.cover-feedback[data-astro-cid-7r7hakkd][hidden],.cover-feedback[data-astro-cid-7r7hakkd]>[data-astro-cid-7r7hakkd][hidden]{display:none}[data-astro-cid-7r7hakkd][data-cover-loading]{border:2px solid var(--border-variant);border-top-color:var(--on-surface);border-radius:var(--radius-pill);width:1.25rem;height:1.25rem;animation:.7s linear infinite cover-spin}@keyframes cover-spin{to{transform:translateY(-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-astro-cid-7r7hakkd][data-cover-loading]{animation:none}}.search-page .home-search{height:max(5.5rem,72px);margin-top:var(--header-height)}.search-page .home-search>h1,.search-page .home-footer{display:none}.search-page [data-home-search]{border-radius:var(--radius-medium);background:0 0;border:0;max-width:none;height:2.75rem;padding:0}.search-page .home-product{width:11rem;height:100%}.search-page .home-search-field{border-radius:var(--radius-compact);background:var(--overlay);box-shadow:none;border:0}.search-page .home-product+.home-search-field{margin-left:.5rem}.search-page .home-search-field:focus-within,.search-page .home-product .ui-select [data-sw-select-trigger]{background:var(--overlay)}.search-page .home-main{padding-top:1.5rem}.search-result:last-child{border-bottom:0}:root.webview .home-page.search-page .home-search{height:max(5.5rem,72px);margin-top:0;padding-left:0;position:fixed}:root.webview .home-page.search-page .home-search-spacer{height:max(5.5rem,72px)}:root.webview .home-page.search-page [data-home-search]{height:2rem}:root.webview .home-page.search-page .home-product{width:11rem;height:100%}:root.webview .home-page.search-page .home-search-field{border-radius:var(--radius-compact)}:root.webview .home-page.search-page .home-product+.home-search-field{margin-left:.5rem}:root.webview .home-page.search-page .home-main{padding-top:1.5rem}@media (min-width:768px){.search-page [data-home-search]{height:3.5rem}:root.webview .home-page.search-page [data-home-search]{height:3.25rem}.search-page .home-product,:root.webview .home-page.search-page .home-product{width:15rem}}.sw-pagination{justify-content:center;width:100%;margin:2rem auto 0;display:flex}.sw-pagination-content{flex-wrap:wrap;justify-content:center;align-items:center;margin:-.125rem;padding:0;list-style:none;display:flex}.sw-pagination-content>li{margin:.125rem}.sw-pagination-link,.sw-pagination-ellipsis{border-radius:var(--radius-small);border:1px solid #0000;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0 .5rem;font-size:.875rem;display:flex}.sw-pagination-link{color:var(--on-surface);text-decoration:none}.sw-pagination-link:hover,.sw-pagination-link:focus{background:var(--card-hover);color:var(--on-surface)}.sw-pagination-link[aria-current=page]{border-color:var(--border-variant);background:var(--section);font-weight:700}.sw-pagination-ellipsis{color:var(--on-surface-variant)}.sw-pagination-link[rel=prev] svg{margin-right:.25rem}.sw-pagination-link[rel=next] svg{margin-left:.25rem}
