.astro-dock-container[data-astro-cid-qy3g74cw]{display:flex;justify-content:center;align-items:center;pointer-events:none;width:100%;perspective:1000px}.astro-dock-container[data-astro-cid-qy3g74cw][data-position=bottom]{padding-bottom:1.5rem}.astro-dock-container[data-astro-cid-qy3g74cw][data-position=top]{padding-top:1.5rem}.astro-dock-container[data-astro-cid-qy3g74cw][data-position=left]{padding-left:1.5rem;justify-content:flex-start}.astro-dock-container[data-astro-cid-qy3g74cw][data-position=right]{padding-right:1.5rem;justify-content:flex-end}.astro-dock[data-astro-cid-qy3g74cw]{display:flex;align-items:center;padding:0 var(--dock-padding, .4rem);background:var(--dock-color);backdrop-filter:blur(var(--dock-blur));-webkit-backdrop-filter:blur(var(--dock-blur));border:1px solid rgba(255,255,255,.15);border-radius:1.2rem;pointer-events:auto;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;height:var(--dock-height, 4.5rem);transition:all .3s cubic-bezier(.23,1,.32,1);will-change:width}.astro-dock[data-astro-cid-qy3g74cw][data-position=bottom]{--dock-origin: bottom center;--tooltip-bottom: calc(100% + .75rem) ;--tooltip-top: auto;--tooltip-left: 50%;--tooltip-right: auto;--tooltip-transform: translateX(-50%) translateY(4px);--tooltip-transform-hover: translateX(-50%) translateY(0);--tooltip-arrow-top: 100%;--tooltip-arrow-bottom: auto;--tooltip-arrow-left: 50%;--tooltip-arrow-right: auto;--tooltip-arrow-transform: translateX(-50%);--tooltip-arrow-border-color: rgba(0, 0, 0, .85) transparent transparent transparent}.astro-dock[data-astro-cid-qy3g74cw][data-position=top]{--dock-origin: top center;--tooltip-bottom: auto;--tooltip-top: calc(100% + .75rem) ;--tooltip-left: 50%;--tooltip-right: auto;--tooltip-transform: translateX(-50%) translateY(-4px);--tooltip-transform-hover: translateX(-50%) translateY(0);--tooltip-arrow-top: auto;--tooltip-arrow-bottom: 100%;--tooltip-arrow-left: 50%;--tooltip-arrow-right: auto;--tooltip-arrow-transform: translateX(-50%);--tooltip-arrow-border-color: transparent transparent rgba(0, 0, 0, .85) transparent}.dock-item{position:relative;width:var(--item-size, 3.2rem);height:var(--item-size, 3.2rem);border-radius:.75rem;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:scale(var(--dock-item-scale, 1)) translateY(var(--dock-item-y, 0px));margin:0 var(--dock-item-margin, 4px);transition:transform .2s ease-out,margin .2s ease-out;transform-origin:var(--dock-origin, bottom center);will-change:transform,margin;flex-shrink:0;overflow:visible;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.dock-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:filter .2s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1);transform-style:preserve-3d;-webkit-font-smoothing:antialiased}.dock-item:hover img,.dock-item.is-active img{image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.dock-item.is-active:after{content:"";position:absolute;bottom:-8px;width:4px;height:4px;border-radius:50%;background:#fff9}.dock-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.dock-item:hover:before{opacity:1}.dock-item:after{content:"";position:absolute;inset:-2px;border-radius:1.1rem;background:linear-gradient(145deg,var(--item-glow, transparent),transparent);opacity:0;filter:blur(8px);z-index:-1;transition:opacity .3s ease}.dock-item.is-active:after,.dock-item:hover:after{opacity:.6}.dock-item.is-selected{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff26,0 0 0 2px #fff3}.dock-item.is-selected:before{opacity:1;background:linear-gradient(145deg,rgba(255,255,255,.15) 0%,transparent 50%)}.astro-dock[data-astro-cid-qy3g74cw][data-size=sm]{--item-size: 2.6rem;--dock-height: 3.8rem;--dock-gap: .5rem;--dock-padding: .35rem;--dock-padding-column: .6rem}.astro-dock[data-astro-cid-qy3g74cw][data-size=lg]{--item-size: 3.8rem;--dock-height: 5.2rem;--dock-gap: 1rem;--dock-padding: .45rem;--dock-padding-column: .7rem}.dock-label{position:absolute;bottom:var(--tooltip-bottom, calc(100% + .75rem) );top:var(--tooltip-top, auto);left:var(--tooltip-left, 50%);right:var(--tooltip-right, auto);transform:var(--tooltip-transform, translateX(-50%) translateY(4px)) scale(var(--dock-label-scale, 1));transform-origin:inherit;background:#000000d9;color:#fff;padding:.4rem .9rem;border-radius:.4rem;font-size:.8rem;font-weight:500;font-family:system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,.15);opacity:0;pointer-events:none;transition:opacity .15s ease;white-space:nowrap;box-shadow:0 4px 20px #0006;z-index:100;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity,transform}.dock-label:after{content:"";position:absolute;top:var(--tooltip-arrow-top, 100%);bottom:var(--tooltip-arrow-bottom, auto);left:var(--tooltip-arrow-left, 50%);right:var(--tooltip-arrow-right, auto);transform:var(--tooltip-arrow-transform, translateX(-50%));border:5px solid transparent;border-color:var(--tooltip-arrow-border-color, rgba(0, 0, 0, .85) transparent transparent transparent)}.dock-icon{width:50%;height:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .2s ease}.dock-item:hover .dock-icon{transform:scale(1.1)}.dock-item-ripple{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.dock-ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:dockRipple .5s ease-out;pointer-events:none}@keyframes dockRipple{to{transform:scale(4);opacity:0}}[data-astro-cid-qy3g74cw][data-enhance=false] .dock-item:hover{--dock-item-scale: 1.25;--dock-label-scale: .8;--dock-item-y: -8px;--dock-item-margin: 8px}@media(prefers-reduced-motion:reduce){.dock-item{transition:none!important;transform:none!important}.dock-item img{transition:none!important}.dock-item:before{transition:none!important}.dock-item:after{transition:none!important}.dock-label,.dock-icon{transition:none!important}.dock-ripple{animation:none!important}.astro-dock[data-astro-cid-qy3g74cw]{transition:none!important;backdrop-filter:none}}@media(max-width:640px){.astro-dock[data-astro-cid-qy3g74cw]{--item-size: 2.6rem;--dock-height: 3.8rem;--dock-gap: .5rem;--dock-padding: .35rem;--dock-padding-column: .6rem}.astro-dock-container[data-astro-cid-qy3g74cw][data-position=left],.astro-dock-container[data-astro-cid-qy3g74cw][data-position=right]{display:none}}.created-by[data-astro-cid-jjyqdw7f]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:0;justify-content:right;border-radius:8px}.created-by-avatar[data-astro-cid-jjyqdw7f]{width:24px;height:24px;border-radius:4px;overflow:hidden;flex-shrink:0}.created-by-avatar[data-astro-cid-jjyqdw7f] img[data-astro-cid-jjyqdw7f]{width:100%;height:100%;object-fit:cover}.created-by-info[data-astro-cid-jjyqdw7f]{display:flex;flex-direction:column;gap:2px}.created-by-label[data-astro-cid-jjyqdw7f]{font-family:Inter,sans-serif;font-size:14px;color:#4b5563}.created-by-name[data-astro-cid-jjyqdw7f]{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#f9fafb}.playground-container[data-astro-cid-jjyqdw7f]{display:grid;border:1px solid #1f2937;background:#050505;border-radius:12px;overflow:hidden;width:100%;max-width:100%;min-width:0}.playground-preview[data-astro-cid-jjyqdw7f]{padding:0;background:url(/images/mac-bg.jpg) center / cover no-repeat;border-right:1px solid #1f2937;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;box-sizing:border-box}.component-preview-stage[data-astro-cid-jjyqdw7f] .dock-item{--dock-item-margin: 2px !important;border:none!important;margin:0!important}.component-preview-stage[data-astro-cid-jjyqdw7f] .astro-dock[data-size=lg]{--item-size: 3rem;--dock-height: 3rem;--dock-padding: 0rem}.component-preview-stage[data-astro-cid-jjyqdw7f] .astro-dock-container[data-position=bottom]{padding-bottom:0}.component-preview-stage[data-astro-cid-jjyqdw7f] [data-enhance=false] .dock-item:hover{--dock-item-scale: 1 !important;--dock-label-scale: 1 !important;--dock-item-y: 0px !important;--dock-item-margin: 4px !important}.component-preview-stage[data-astro-cid-jjyqdw7f] .dock-item:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important}.component-preview-stage[data-astro-cid-jjyqdw7f] .dock-item:hover:before,.component-preview-stage[data-astro-cid-jjyqdw7f] .dock-item:hover:after{opacity:0!important}.component-preview-stage[data-astro-cid-jjyqdw7f] .dock-item:hover .dock-icon{transform:none!important}.dock[data-astro-cid-jjyqdw7f]{padding:0}.playground-code[data-astro-cid-jjyqdw7f]{background:#0d0d0d;padding:0;display:flex;flex-direction:column;min-width:0;max-width:100%;overflow:hidden}.code-header[data-astro-cid-jjyqdw7f]{background:#15191e;padding:12px 16px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between}.code-header-left[data-astro-cid-jjyqdw7f]{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:13px;color:#fff}.astro-logo[data-astro-cid-jjyqdw7f]{color:#ff5d01}.code-content[data-astro-cid-jjyqdw7f]{padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-content[data-astro-cid-jjyqdw7f] pre[data-astro-cid-jjyqdw7f]{margin:0;color:#e0e0e0}.code-selector[data-astro-cid-jjyqdw7f],.code-property[data-astro-cid-jjyqdw7f]{color:#9cdcfe}.code-value[data-astro-cid-jjyqdw7f]{color:#ce9178}.installation-block[data-astro-cid-jjyqdw7f]{background:transparent;border:1px solid #1f2937;border-radius:8px;overflow:hidden}.installation-header[data-astro-cid-jjyqdw7f]{background:#0b0d10;padding:8px 16px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between}.bash-label[data-astro-cid-jjyqdw7f]{font-family:JetBrains Mono,monospace;font-size:12px;color:#9ca3af}.copy-icon[data-astro-cid-jjyqdw7f]{color:#9ca3af;cursor:pointer;transition:color .2s ease}.copy-icon[data-astro-cid-jjyqdw7f]:hover{color:#f9fafb}.installation-block[data-astro-cid-jjyqdw7f] pre[data-astro-cid-jjyqdw7f]{margin:0;padding:16px;background:transparent;font-family:JetBrains Mono,monospace;font-size:14px;color:#e0e0e0}.code-header-text[data-astro-cid-jjyqdw7f]{color:#9ca3af;font-size:12px;font-family:Inter,sans-serif}.package-name[data-astro-cid-jjyqdw7f]{color:#10b981}.docs-code-block[data-astro-cid-jjyqdw7f]{background:#0b0d10;border:1px solid #1f2937;border-radius:8px;overflow:hidden}.docs-code-block[data-astro-cid-jjyqdw7f] pre[data-astro-cid-jjyqdw7f]{margin:0;padding:16px;background:transparent;font-family:JetBrains Mono,monospace;font-size:14px;color:#e0e0e0}.string[data-astro-cid-jjyqdw7f]{color:#ce9178}.comment[data-astro-cid-jjyqdw7f]{color:#6a9955}.component-name[data-astro-cid-jjyqdw7f]{color:#4ec9b0}.component[data-astro-cid-jjyqdw7f]{color:#dcdcaa}.prop[data-astro-cid-jjyqdw7f]{color:#9cdcfe}.tag[data-astro-cid-jjyqdw7f]{color:#569cd6}.docs-table[data-astro-cid-jjyqdw7f]{width:100%;border-collapse:separate;border-spacing:0;background:transparent;border-radius:8px;overflow:hidden}.docs-table[data-astro-cid-jjyqdw7f] th[data-astro-cid-jjyqdw7f],.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]{padding:12px 16px;text-align:left;border-right:1px solid #1f2937;font-family:Inter,sans-serif}.docs-table[data-astro-cid-jjyqdw7f] th[data-astro-cid-jjyqdw7f]:last-child,.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]:last-child{border-right:none}.docs-table[data-astro-cid-jjyqdw7f] th[data-astro-cid-jjyqdw7f]{background:#0b0d10;font-weight:500;font-size:14px;border-bottom:1px solid #1f2937}.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]{color:#9ca3af;font-size:14px;border-bottom:1px solid #1f2937;background:transparent}.docs-table[data-astro-cid-jjyqdw7f] tr[data-astro-cid-jjyqdw7f]:last-child td[data-astro-cid-jjyqdw7f]{border-bottom:none}.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]:first-child code[data-astro-cid-jjyqdw7f]{background:transparent;padding:2px 6px;border-radius:4px;font-family:Inter,sans-serif;font-size:14px}.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]:not(:first-child) code[data-astro-cid-jjyqdw7f]{background:#1f2937;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;margin-right:8px;display:inline-block;margin-bottom:6px}.docs-table[data-astro-cid-jjyqdw7f] td[data-astro-cid-jjyqdw7f]:not(:first-child) code[data-astro-cid-jjyqdw7f]:last-child{margin-right:0}.related-grid[data-astro-cid-jjyqdw7f]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.related-card[data-astro-cid-jjyqdw7f]{aspect-ratio:16/9;border:1px solid #1f2937;background:#050505;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4b5563;font-family:Inter,sans-serif;font-size:14px}.related-card[data-astro-cid-jjyqdw7f].empty{background:#0a0a0a}.docs-footer-nav[data-astro-cid-jjyqdw7f]{margin-top:60px;padding-top:40px;border-top:1px solid #1f2937}.component-link[data-astro-cid-jjyqdw7f]{color:#9ca3af}.credits-link[data-astro-cid-jjyqdw7f]{color:#60a5fa}.component-link[data-astro-cid-jjyqdw7f]:hover{color:#ff953d}.highlight-preview-grid[data-astro-cid-jjyqdw7f]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;color:#111827;font-family:Inter,sans-serif}.highlight-preview-item[data-astro-cid-jjyqdw7f]{min-height:150px;padding:22px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:14px}.highlight-preview-item[data-astro-cid-jjyqdw7f] span[data-astro-cid-jjyqdw7f]{color:#6b7280;font-size:13px;font-weight:500}.highlight-preview-item[data-astro-cid-jjyqdw7f] strong[data-astro-cid-jjyqdw7f]{color:#111827;font-size:24px;line-height:1.5;font-weight:700}@media(max-width:760px){.highlight-preview-grid[data-astro-cid-jjyqdw7f]{grid-template-columns:1fr}}@media(max-width:1024px){.playground-container[data-astro-cid-jjyqdw7f]{grid-template-columns:1fr;min-height:auto}.playground-preview[data-astro-cid-jjyqdw7f]{border-right:none;border-bottom:1px solid #1f2937;padding:0}.animated-card-container[data-astro-cid-jjyqdw7f]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-grid[data-astro-cid-jjyqdw7f]{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.playground-container[data-astro-cid-jjyqdw7f]{width:min(100%,calc(100vw - 48px));max-width:100%;grid-template-columns:minmax(0,1fr);margin-inline:auto}.playground-preview[data-astro-cid-jjyqdw7f]{width:100%;max-width:100%;padding:0}.animated-card-container[data-astro-cid-jjyqdw7f]{grid-template-columns:1fr;width:min(100%,290px);margin-inline:auto}.animated-card-container[data-astro-cid-jjyqdw7f] [data-animated-card]{min-height:260px}}