@layer components{.site-shell .site-demo-tag-index{padding:68px 0 64px}.site-shell .site-demo-tag-content{width:calc(min(700px,100vw - 32px));margin-inline:auto}.site-shell .site-demo-tag-content .site-collection-intro{margin-bottom:82px}.site-shell .site-demo-tag-content nav{gap:12px;width:720px;max-width:calc(100vw - 32px);margin-left:-10px;display:grid}.site-shell .site-demo-tag-content nav a{box-sizing:border-box;min-height:44px;color:var(--site-color-heading);border:0;border-radius:12px;align-items:center;gap:12px;padding:0;font-size:16px;line-height:20px;text-decoration:none;transition:background-color .2s;display:flex}.site-shell .site-demo-tag-icon{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--tag-accent) 30%, transparent);background:color-mix(in srgb, var(--tag-accent) 5%, transparent);width:44px;height:44px;color:var(--tag-accent);border-radius:12px;flex:0 0 44px;place-items:center;font-size:15px;font-weight:500;transition:background-color .2s,border-color .2s,transform .42s cubic-bezier(.34,1.56,.64,1);display:grid;transform:scale(1)}.site-shell .site-demo-tag-icon svg{fill:currentColor;width:16px;height:16px}.site-shell .site-demo-tag-content nav a .site-demo-tag-name{min-width:0;color:var(--site-color-heading);font-weight:500;transition:transform .18s ease-out,font-weight .2s}.site-shell .site-demo-tag-content nav a .site-demo-tag-count{color:var(--site-color-muted);margin-left:4px;font-size:12px}.site-shell .site-demo-tag-content nav a:focus-visible,.site-shell .site-demo-tag-content nav a:hover{color:var(--site-color-heading);background:0 0}.site-shell .site-demo-tag-content nav a:focus-visible .site-demo-tag-icon,.site-shell .site-demo-tag-content nav a:hover .site-demo-tag-icon{background:color-mix(in srgb, var(--tag-accent) 11%, transparent);border-color:#0000;transform:scale(1.05)}.site-shell .site-demo-tag-content nav a:focus-visible .site-demo-tag-name,.site-shell .site-demo-tag-content nav a:hover .site-demo-tag-name{font-weight:600;transform:translate(2px)}.site-shell .site-demo-tag-content nav a:focus-visible{outline:2px solid var(--tag-accent);outline-offset:2px}@media (width<=1023px){.site-shell .site-demo-tag-index{padding-top:40px}.site-shell .site-demo-tag-content .site-collection-intro{margin-bottom:44px}.site-shell .site-demo-tag-content nav{width:100%;max-width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.site-shell .site-demo-tag-content nav a .site-demo-tag-icon,.site-shell .site-demo-tag-content nav a .site-demo-tag-name{transition:none;transform:none}.site-shell .site-demo-tag-content nav a:focus-visible .site-demo-tag-icon,.site-shell .site-demo-tag-content nav a:hover .site-demo-tag-icon{transform:none}}.line-clamp-2[data-v-d04ba17c],.line-clamp-2[data-v-ed3cb76a]{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-hide[data-v-ed3cb76a]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-ed3cb76a]{-ms-overflow-style:none;scrollbar-width:none}.page-enter-from[data-v-ed3cb76a]{opacity:0;transform:translateY(8px)scale(.997)}.page-enter-active[data-v-ed3cb76a]{transition:opacity .28s cubic-bezier(.2,0,.2,1),transform .28s cubic-bezier(.2,0,.2,1)}.page-enter-to[data-v-ed3cb76a]{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.page-enter-active[data-v-ed3cb76a],.page-enter-from[data-v-ed3cb76a],.page-enter-to[data-v-ed3cb76a]{transition:none;transform:none}}.list-enter-from[data-v-ed3cb76a]{opacity:0;transform:translateY(10px)scale(.997)}.list-enter-active[data-v-ed3cb76a]{transition:opacity .32s cubic-bezier(.2,0,.2,1),transform .32s cubic-bezier(.2,0,.2,1);transition-delay:var(--enter-delay,0s)}.list-enter-to[data-v-ed3cb76a]{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.list-enter-active[data-v-ed3cb76a],.list-enter-from[data-v-ed3cb76a],.list-enter-to[data-v-ed3cb76a]{transition:none;transform:none}}.tags-enter-from[data-v-ed3cb76a]{opacity:0;transform:translateY(6px)scale(.985)}.tags-enter-active[data-v-ed3cb76a]{transition:opacity .26s cubic-bezier(.2,0,.2,1),transform .26s cubic-bezier(.2,0,.2,1);transition-delay:var(--enter-delay,0s)}.tags-enter-to[data-v-ed3cb76a]{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.tags-enter-active[data-v-ed3cb76a],.tags-enter-from[data-v-ed3cb76a],.tags-enter-to[data-v-ed3cb76a]{transition:none;transform:none}}.site-shell .site-public-tags-footer .home-newsletter{margin-top:120px}.site-shell .site-tags>div{width:min(700px,100% - 32px);max-width:700px;margin-inline:auto}}