@reference "@/assets/css/tailwind.css";.os-grid[data-v-f10bacf2]{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width>=640px){.os-grid[data-v-f10bacf2]{grid-template-columns:repeat(3,1fr);gap:.625rem}}@media (width>=1024px){.os-grid[data-v-f10bacf2]{grid-template-columns:repeat(4,1fr);gap:.75rem}}.os-grid-item[data-v-f10bacf2]{animation:.45s cubic-bezier(.16,1,.3,1) backwards cardEntry-f10bacf2;animation-delay:calc(var(--i,0)*55ms)}@keyframes cardEntry-f10bacf2{0%{opacity:0;transform:translateY(16px)scale(.97)}}.os-card[data-v-f10bacf2]{text-align:center;cursor:pointer;will-change:transform;-webkit-backdrop-filter:blur(10px)saturate(110%);backdrop-filter:blur(10px)saturate(110%);background:radial-gradient(at 30% 0,#ffffff0f 0,#0000 60%),linear-gradient(145deg,#ffffff0d,#ffffff05);border:2px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;padding:1.75rem 1rem 1.5rem;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .3s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0a}@media (width<=639px){.os-card[data-v-f10bacf2]{border-radius:.875rem;padding:1.25rem .75rem 1rem}}.os-card[data-v-f10bacf2]:hover{border-color:hsl(var(--logo-green-hsl)/.25);box-shadow:0 12px 28px hsl(var(--logo-green-hsl)/.1),0 4px 10px #0000000f,inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff0f;transform:translateY(-4px)}.light{box-shadow:0 12px 28px hsl(var(--logo-green-hsl)/.08),0 4px 10px #00000008,inset 0 1px 0 #fffc,inset 0 0 0 1px #0000000a}.os-card:hover .os-card-icon[data-v-f10bacf2]{color:var(--logo-green);transform:scale(1.12)}.os-card.selected[data-v-f10bacf2]{border-color:var(--logo-green);background:radial-gradient(ellipse at 50% -20%,hsl(var(--logo-green-hsl)/.2) 0,transparent 70%),linear-gradient(145deg,hsl(var(--logo-green-hsl)/.12) 0,hsl(var(--logo-green-hsl)/.04) 100%);box-shadow:0 8px 32px hsl(var(--logo-green-hsl)/.2),0 0 0 1px hsl(var(--logo-green-hsl)/.08),inset 0 1px 0 #ffffff1a,inset 0 0 0 1px hsl(var(--logo-green-hsl)/.06)}.light{background:radial-gradient(ellipse at 50% -20%,hsl(var(--logo-green-hsl)/.15) 0,transparent 70%),linear-gradient(145deg,hsl(var(--logo-green-hsl)/.1) 0,hsl(var(--logo-green-hsl)/.03) 100%);box-shadow:0 8px 32px hsl(var(--logo-green-hsl)/.12),0 0 0 1px hsl(var(--logo-green-hsl)/.06),inset 0 1px 0 #ffffffb3,inset 0 0 0 1px hsl(var(--logo-green-hsl)/.08)}.os-card.selected .os-card-icon[data-v-f10bacf2]{color:var(--logo-green);transform:scale(1.12)}.os-card.selected .os-card-name[data-v-f10bacf2]{color:var(--primary-color)}.os-card[data-v-f10bacf2]:active{transition-duration:.1s;transform:translateY(-1px)scale(.98)}.os-card-icon[data-v-f10bacf2]{color:var(--secondary-color);margin-bottom:.875rem;font-size:2.75rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s}@media (width<=639px){.os-card-icon[data-v-f10bacf2]{margin-bottom:.625rem;font-size:2.25rem}}.os-card-name[data-v-f10bacf2]{letter-spacing:-.01em;color:var(--primary-color);font-size:1.25rem;font-weight:600;line-height:1.3;transition:color .25s}@media (width<=639px){.os-card-name[data-v-f10bacf2]{font-size:1.1rem}}.os-card-sub[data-v-f10bacf2]{color:var(--secondary-color);margin-top:.25rem;font-size:.8125rem;font-weight:400;line-height:1.4}.guide-select[data-v-f10bacf2]{animation:.35s both fadeSlideIn-f10bacf2}@keyframes fadeSlideIn-f10bacf2{0%{opacity:0;transform:translateY(8px)}}.guide-headline[data-v-f10bacf2]{color:var(--secondary-color);margin-bottom:1.25rem;font-size:.875rem;font-weight:500;line-height:1.5}.guide-tabs[data-v-f10bacf2]{background:#f1f2f4;border-radius:999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:0;width:min(100%,42rem);max-width:100%;margin-inline:auto;padding:.25rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0a}.guide-tabs[data-v-f10bacf2]:before{content:"";z-index:0;width:var(--guide-tab-indicator-width,0);height:var(--guide-tab-indicator-height,0);opacity:0;pointer-events:none;transform:translate3d(var(--guide-tab-indicator-x,0),var(--guide-tab-indicator-y,0),0);background:#fff;border-radius:999px;transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),opacity .12s;position:absolute;top:0;left:0;box-shadow:0 12px 28px -20px #0f172aa6,0 2px 6px #0f172a14,inset 0 0 0 1px #ffffffb8}.guide-tabs.guide-tabs--indicator-ready[data-v-f10bacf2]:before{opacity:1}.guide-tab[data-v-f10bacf2]{z-index:1;color:#68707e;width:100%;min-width:0;min-height:2.75rem;box-shadow:none;border-radius:999px;padding:.5rem .75rem;font-size:.875rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;position:relative}.guide-tab[data-v-f10bacf2]:hover:not(.guide-tab-active){background:#ffffff7a}.guide-tab[data-v-f10bacf2]:active{transition-duration:80ms;transform:scale(.97)}.guide-tab-active[data-v-f10bacf2]{color:#171a21;background:#fff;box-shadow:0 12px 28px -20px #0f172aa6,0 2px 6px #0f172a14,inset 0 0 0 1px #ffffffb8}.guide-tabs.guide-tabs--indicator-ready .guide-tab-active[data-v-f10bacf2]{box-shadow:none;background:0 0}.guide-tab[data-v-f10bacf2] .truncate{text-overflow:clip;justify-content:center;width:100%;display:flex;overflow:hidden}.guide-tab[data-v-f10bacf2] .truncate>.flex{justify-content:center;gap:0;width:100%;min-width:0;max-width:100%}.guide-tab[data-v-f10bacf2] .truncate>.flex>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.guide-tab-active[data-v-f10bacf2] .truncate>.flex>span{max-width:calc(100% - 2.75rem)}.checkmark[data-v-f10bacf2]{color:var(--logo-green);pointer-events:none;flex:none;font-size:.875rem;transition:opacity .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@media (width>=640px){.guide-tab[data-v-f10bacf2]{min-height:3rem;padding:.625rem .875rem}.checkmark[data-v-f10bacf2],.guide-tab[data-v-f10bacf2]{font-size:1rem}}@media (width<=480px){.guide-tabs[data-v-f10bacf2]{display:flex}.guide-tab[data-v-f10bacf2]{flex:1 1 0;padding-inline:.375rem}.guide-tab-active[data-v-f10bacf2]{flex-grow:1.35}.guide-tab-active[data-v-f10bacf2] .truncate>.flex>span{max-width:calc(100% - 2.375rem)}.checkmark[data-v-f10bacf2]{font-size:.75rem;right:.25rem}}.dark .guide-tabs[data-v-f10bacf2]{color:#e2e8f0ad;box-shadow:none!important}.dark .guide-tabs[data-v-f10bacf2]:before{background:#ffffff24;box-shadow:0 12px 28px -20px #000000db,inset 0 0 0 1px #ffffff21}.dark .guide-tab[data-v-f10bacf2]:hover:not(.guide-tab-active){background:#ffffff14}.dark .guide-tab-active[data-v-f10bacf2]{color:#f8fafc;background:#ffffff24;box-shadow:0 12px 28px -20px #000000db,inset 0 0 0 1px #ffffff21}.dark .guide-tabs.guide-tabs--indicator-ready .guide-tab-active[data-v-f10bacf2]{box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.guide-tabs[data-v-f10bacf2]:before{transition:none}}.guide-wrapper[data-v-f10bacf2]{animation:.4s cubic-bezier(.16,1,.3,1) both guideReveal-f10bacf2}@keyframes guideReveal-f10bacf2{0%{opacity:0;transform:translateY(12px)}}img.qr[data-v-f10bacf2]{max-width:200px}@reference "@/assets/css/tailwind.css";#download-and-guide .guide-wrapper .PTag{box-sizing:border-box;white-space:nowrap;border:none;border-radius:5px;padding:0 .4rem;line-height:1.4rem;display:inline-block}#download-and-guide .guide-wrapper img{filter:none}#download-and-guide .guide-wrapper img.qr,#download-and-guide .guide-wrapper img[src*=\/qrcode]{box-sizing:border-box;max-width:200px;padding:.5rem;background:#fff!important}#download-and-guide .guide-menu{background:0 0;border:none;margin-bottom:20px}#download-and-guide .dl-row{border-radius:.375rem;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 0;transition:box-shadow .2s}#download-and-guide .dl-row:hover{@apply ring-2;@apply ring-[var(--border-color)];}#download-and-guide .dl-row .dl-button span{align-items:center;display:flex}#download-and-guide .dl-row .dl-button .icon{color:#fefefe;width:2.2rem;height:auto;margin-right:.5rem}
