.DatabaseIllustration_scene__08mts{--scene-x:0;--scene-y:0;--scene-progress:.35;position:relative;width:100%;max-width:570px;height:clamp(390px,38vw,510px);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:58%;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;inset:27% 3% 13%;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:0;color:var(--color-fd-primary);font-size:10px;white-space:nowrap}.DatabaseIllustration_page__B7zNC{position:absolute;left:13%;width:79%;height:114px;display:flex;align-items:flex-start;gap:17px;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);transition:transform .38s cubic-bezier(.2,.7,.2,1)}.DatabaseIllustration_pageBack__jkDlP{top:2%;transform:translate3d(30px,calc(var(--scene-progress) * -19px),-30px) skewY(-3deg);opacity:.63}.DatabaseIllustration_pageMiddle__Hd3xs{top:24%;transform:translate3d(15px,calc(var(--scene-progress) * -8px),0) skewY(-3deg);opacity:.8}.DatabaseIllustration_pageFront__LibYP{top:46%;transform:translate3d(0,calc(var(--scene-progress) * 8px),30px) skewY(-3deg)}.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_rows___GJ4S .DatabaseIllustration_match__yM4AF{border-color:color-mix(in srgb,var(--color-fd-primary) 58%,transparent);background:color-mix(in srgb,var(--color-fd-primary) 18%,var(--color-fd-background))}@media (hover:none),(max-width:950px){.DatabaseIllustration_pageBack__jkDlP{--page-delay:0s}.DatabaseIllustration_pageMiddle__Hd3xs{--page-delay:1.4s}.DatabaseIllustration_pageFront__LibYP{--page-delay:2.8s}.DatabaseIllustration_rows___GJ4S i:first-child{--row-delay:0s}.DatabaseIllustration_rows___GJ4S i:nth-child(2){--row-delay:.3s}.DatabaseIllustration_rows___GJ4S i:nth-child(3){--row-delay:.6s}.DatabaseIllustration_rows___GJ4S i:nth-child(4){--row-delay:.9s}.DatabaseIllustration_rows___GJ4S i{position:relative;overflow:hidden}.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;opacity:0;animation:DatabaseIllustration_row-read__ElbjF 5.2s ease-in-out calc(var(--page-delay) + var(--row-delay)) infinite}}@keyframes DatabaseIllustration_row-read__ElbjF{0%,22%,to{transform:scaleX(0);opacity:0}5%{transform:scaleX(1);opacity:.8}13%{transform:scaleX(1);opacity:.45}}.DatabaseIllustration_scan__2vrA0{position:absolute;z-index:4;left:59%;top:12%;width:2px;height:57%;background:linear-gradient(transparent,var(--color-fd-primary) 20% 80%,transparent);opacity:.7;transform:translateY(calc(var(--scene-progress) * 28px));transition:transform .38s ease-out}.DatabaseIllustration_scanHead__Y6llL{position:absolute;top:60%;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--color-fd-primary);box-shadow:0 0 0 7px color-mix(in srgb,var(--color-fd-primary) 15%,transparent),0 0 22px var(--color-fd-primary)}.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:390px}.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:26% 0 14%}.DatabaseIllustration_page__B7zNC{width:87%;left:4%}.DatabaseIllustration_result__L_Qpn{bottom:1%;width:79%}}@media (prefers-reduced-motion:reduce){.DatabaseIllustration_page__B7zNC,.DatabaseIllustration_scan__2vrA0,.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_scan__2vrA0,.DatabaseIllustration_stack__KD324,.DatabaseIllustration_visual__6_9fm{--scene-x:0;--scene-y:0;--scene-progress:.35}.DatabaseIllustration_rows___GJ4S i:after{animation:none}}