.DatabaseIllustration_scene__08mts{--scene-x:0;--scene-y:0;--scene-progress:.35;position:relative;width:100%;max-width:570px;height:clamp(580px,41vw,620px);margin-inline:auto;perspective:900px;font-family:var(--font-mono);color:var(--color-fd-foreground);user-select:none}.DatabaseIllustration_halo__7BPSp{position:absolute;inset:15% 0 6%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-fd-primary) 17%,transparent),transparent 68%);filter:blur(35px);pointer-events:none}.DatabaseIllustration_visual__6_9fm{position:absolute;inset:0;transform:rotateY(calc(var(--scene-x) * 5deg)) rotateX(calc(var(--scene-y) * -4deg));transform-style:preserve-3d;transition:transform .28s ease-out}.DatabaseIllustration_query__9A4RT,.DatabaseIllustration_result__L_Qpn{position:absolute;z-index:5;display:flex;flex-direction:column;gap:12px;width:min(91%,435px);padding:17px 20px;border:1px solid var(--color-fd-border);border-radius:12px;background:var(--color-fd-background);box-shadow:0 15px 35px rgba(9,68,44,.07);font-size:11px}.DatabaseIllustration_query__9A4RT{top:4%;left:0;transform:translate3d(calc(var(--scene-x) * -9px),calc(var(--scene-progress) * -7px),30px)}.DatabaseIllustration_queryHeader__ZfSMA{display:flex;justify-content:space-between;gap:10px;color:var(--color-fd-muted-foreground);font-size:10px;letter-spacing:.025em}.DatabaseIllustration_queryHeader__ZfSMA span:last-child{color:var(--color-fd-primary);white-space:nowrap}.DatabaseIllustration_resultLabel__58WVf{color:var(--color-fd-muted-foreground);font-size:10px;letter-spacing:.025em}.DatabaseIllustration_query__9A4RT code{white-space:nowrap;font-size:clamp(9px,1.03vw,11px)}.DatabaseIllustration_query__9A4RT b,.DatabaseIllustration_query__9A4RT em{color:var(--color-fd-primary);font-style:normal;font-weight:700}.DatabaseIllustration_binding__kodD3{position:absolute;z-index:4;top:20%;left:43%;height:14%;color:var(--color-fd-primary);font-size:10px}.DatabaseIllustration_binding__kodD3 span{position:absolute;top:4px;left:13px;white-space:nowrap}.DatabaseIllustration_binding__kodD3 i{display:block;width:2px;height:100%;background:linear-gradient(var(--color-fd-primary),color-mix(in srgb,var(--color-fd-primary) 38%,transparent))}.DatabaseIllustration_binding__kodD3 i:after{content:"";position:absolute;bottom:0;left:-3px;width:8px;height:8px;border-right:2px solid var(--color-fd-primary);border-bottom:2px solid var(--color-fd-primary);transform:rotate(45deg)}.DatabaseIllustration_stack__KD324{position:absolute;z-index:1;inset:28% 3% 20%;transform-style:preserve-3d;transform:translateY(calc(var(--scene-progress) * 9px)) rotateX(10deg) rotate(-5deg);transition:transform .28s ease-out}.DatabaseIllustration_storageLabel__WoZjL{position:absolute;z-index:4;top:37%;left:8%;color:var(--color-fd-primary);font-size:10px;white-space:nowrap}.DatabaseIllustration_page__B7zNC{position:absolute;left:13%;width:79%;height:114px;transition:transform .38s cubic-bezier(.2,.7,.2,1)}.DatabaseIllustration_pageSurface__v2ol4{display:flex;align-items:flex-start;gap:17px;width:100%;height:100%;padding:16px 19px;border:1px solid color-mix(in srgb,var(--color-fd-primary) 30%,var(--color-fd-border));border-radius:13px;background:color-mix(in srgb,var(--color-fd-primary) 4%,var(--color-fd-background));box-shadow:0 18px 0 -10px color-mix(in srgb,var(--color-fd-primary) 15%,var(--color-fd-background)),0 25px 35px rgba(8,58,38,.11);transform:skewY(-3deg);animation:DatabaseIllustration_page-drift__LDeA2 7.2s ease-in-out infinite}.DatabaseIllustration_pageBack__jkDlP{top:2%;--drift-x:5px;--drift-y:-12px;transform:translate3d(30px,calc(var(--scene-progress) * -19px),-30px);opacity:.63}.DatabaseIllustration_pageMiddle__Hd3xs{top:24%;--drift-x:8px;--drift-y:-8px;transform:translate3d(15px,calc(var(--scene-progress) * -8px),0);opacity:.8}.DatabaseIllustration_pageFront__LibYP{top:46%;--drift-x:-5px;--drift-y:16px;transform:translate3d(0,calc(var(--scene-progress) * 8px),30px)}.DatabaseIllustration_pageIndex__6qxEx{width:25px;color:var(--color-fd-primary);font-size:10px}.DatabaseIllustration_rows___GJ4S{flex:1;display:grid;gap:9px;padding-top:2px}.DatabaseIllustration_rows___GJ4S i{height:11px;border:1px solid var(--color-fd-border);border-radius:3px;background:var(--color-fd-background)}.DatabaseIllustration_rows___GJ4S i:nth-child(2){width:84%}.DatabaseIllustration_rows___GJ4S i:nth-child(3){width:93%}.DatabaseIllustration_rows___GJ4S i:nth-child(4){width:64%}.DatabaseIllustration_pageBack__jkDlP{--page-delay:0s}.DatabaseIllustration_pageMiddle__Hd3xs{--page-delay:1.6s}.DatabaseIllustration_pageFront__LibYP{--page-delay:3.2s}.DatabaseIllustration_rows___GJ4S i:first-child{--row-delay:0s}.DatabaseIllustration_rows___GJ4S i:nth-child(2){--row-delay:.4s}.DatabaseIllustration_rows___GJ4S i:nth-child(3){--row-delay:.8s}.DatabaseIllustration_rows___GJ4S i:nth-child(4){--row-delay:1.2s}.DatabaseIllustration_rows___GJ4S i{position:relative;overflow:hidden;animation:DatabaseIllustration_row-read__ElbjF 4.8s linear calc(var(--page-delay) + var(--row-delay)) infinite}.DatabaseIllustration_rows___GJ4S i:after{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--color-fd-primary) 28%,var(--color-fd-background));transform:scaleX(0);transform-origin:left;animation:DatabaseIllustration_row-fill__Ee3WG 4.8s linear calc(var(--page-delay) + var(--row-delay)) infinite}.DatabaseIllustration_rows___GJ4S .DatabaseIllustration_match__yM4AF:after{background:color-mix(in srgb,var(--color-fd-primary) 45%,var(--color-fd-background))}@keyframes DatabaseIllustration_page-drift__LDeA2{0%,to{transform:translate(0) skewY(-3deg)}45%,62%{transform:translate(var(--drift-x),var(--drift-y)) skewY(-3deg)}}@keyframes DatabaseIllustration_row-read__ElbjF{0%,7.8%{border-color:var(--color-fd-primary)}8.4%,to{border-color:var(--color-fd-border)}}@keyframes DatabaseIllustration_row-fill__Ee3WG{0%{transform:scaleX(0)}2%{transform:scaleX(1)}7.8%{transform:scaleX(1)}8.4%,to{transform:scaleX(0)}}.DatabaseIllustration_returnPath__AHYxR{position:absolute;z-index:0;top:60%;left:82%;height:22%;color:var(--color-fd-primary)}.DatabaseIllustration_returnPath__AHYxR i{display:block;width:2px;height:100%;background:linear-gradient(color-mix(in srgb,var(--color-fd-primary) 35%,transparent),var(--color-fd-primary))}.DatabaseIllustration_returnPath__AHYxR i:after{content:"";position:absolute;bottom:0;left:-3px;width:8px;height:8px;border-right:2px solid var(--color-fd-primary);border-bottom:2px solid var(--color-fd-primary);transform:rotate(45deg)}.DatabaseIllustration_result__L_Qpn{right:0;bottom:3%;width:min(72%,345px);transform:translate3d(calc(var(--scene-x) * 8px),calc(var(--scene-progress) * 9px),65px)}.DatabaseIllustration_resultValues__lb6UD{display:grid;grid-template-columns:55px 1fr;gap:12px;color:var(--color-fd-primary);font-size:11px}.DatabaseIllustration_resultValues__lb6UD code+code{padding-left:12px;border-left:1px solid var(--color-fd-border);color:var(--color-fd-foreground)}@media (max-width:650px){.DatabaseIllustration_scene__08mts{height:560px}.DatabaseIllustration_query__9A4RT{top:3%}.DatabaseIllustration_queryHeader__ZfSMA{font-size:9px}.DatabaseIllustration_query__9A4RT,.DatabaseIllustration_result__L_Qpn{padding:15px 14px}.DatabaseIllustration_binding__kodD3{top:21%}.DatabaseIllustration_stack__KD324{inset:28% 0 19%}.DatabaseIllustration_storageLabel__WoZjL{top:-8%;left:4%}.DatabaseIllustration_page__B7zNC{width:87%;left:4%}.DatabaseIllustration_pageMiddle__Hd3xs{top:25%}.DatabaseIllustration_pageFront__LibYP{top:50%}.DatabaseIllustration_returnPath__AHYxR{top:59%;height:23%}.DatabaseIllustration_result__L_Qpn{bottom:1%;width:79%}}@media (prefers-reduced-motion:reduce){.DatabaseIllustration_page__B7zNC,.DatabaseIllustration_stack__KD324,.DatabaseIllustration_visual__6_9fm{transition:none}.DatabaseIllustration_pageBack__jkDlP,.DatabaseIllustration_pageFront__LibYP,.DatabaseIllustration_pageMiddle__Hd3xs,.DatabaseIllustration_query__9A4RT,.DatabaseIllustration_result__L_Qpn,.DatabaseIllustration_stack__KD324,.DatabaseIllustration_visual__6_9fm{--scene-x:0;--scene-y:0;--scene-progress:.35}.DatabaseIllustration_pageSurface__v2ol4,.DatabaseIllustration_rows___GJ4S i,.DatabaseIllustration_rows___GJ4S i:after{animation:none}.DatabaseIllustration_rows___GJ4S .DatabaseIllustration_match__yM4AF{border-color:var(--color-fd-primary)}.DatabaseIllustration_rows___GJ4S .DatabaseIllustration_match__yM4AF:after{transform:scaleX(1)}}