.v-demo-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.v-demo-hero .v-head{margin-bottom:0}.v-demo-note{color:var(--v-muted);margin:0;font-size:14px}.v-demo-note a{color:var(--v-navy);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--v-line-2);text-decoration-color:var(--v-line-2);font-weight:500}.v-demo-note a:hover{-webkit-text-decoration-color:var(--v-navy);text-decoration-color:var(--v-navy)}.v-demo-card{border:1px solid var(--v-line);border-radius:var(--v-radius-lg);background:var(--v-soft);gap:18px;padding:28px;display:grid}.v-demo-card h2{margin:0}.v-demo-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.v-demo-card li{color:var(--v-navy);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.v-demo-card li svg{color:var(--v-green);flex:none;margin-top:2px}.v-demo-card .v-btn{width:100%}.v-demo-frame{border:1px solid var(--v-line);border-radius:var(--v-radius-lg);background:#fff;overflow:hidden}.v-demo-frame iframe{border:0;width:100%;display:block}.v-demo-frame-idle{text-align:center;background:var(--v-soft);border-style:dashed;border-color:var(--v-line-2);justify-items:center;gap:20px;padding:48px 28px;display:grid}.v-demo-frame-idle .v-body{max-width:560px}@media (max-width:860px){.v-demo-hero{grid-template-columns:1fr;gap:36px}}@media (max-width:600px){.v-demo-card{padding:22px 20px}.v-demo-frame-idle{padding:32px 20px}}