.docs-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-block:80px 90px;display:grid}.docs-hero h1{font-size:clamp(40px,4.3vw,62px)}.docs-hero .lead{max-width:560px}.docs-hero .caption{margin-top:23px;font-size:11px}.docs-demo-shell{--product:#fafaf9;--product-line:#dcdcda;--muted:#6b6b68;--green:#1e7f4c;--green-bg:#edf6f0;background:var(--product);color:var(--ink);border:1px solid var(--product-line);color-scheme:light}.docs-demo-shell :focus-visible{outline-color:var(--purple-dark)}.docs-demo-toolbar{border-bottom:1px solid var(--product-line);justify-content:space-between;align-items:center;gap:25px;padding:25px 30px;display:flex}.docs-demo-toolbar .overline{color:var(--purple-dark)}.docs-demo-toolbar h3{margin-top:8px;font-size:23px}.docs-example-select{flex-direction:column;gap:8px;display:flex}.docs-example-select label{color:var(--muted);font-size:11px}.docs-example-select select{color:var(--ink);background:#fff;border:1px solid #8a8a86;min-width:265px;max-width:100%;padding:10px 12px;font-size:12px}.docs-focus{flex-wrap:wrap;gap:6px;padding:18px 30px 0;display:flex}.docs-focus button{border:1px solid var(--product-line);color:var(--muted);font:11px var(--sans);cursor:pointer;background:0 0;padding:9px 15px}.docs-focus button[aria-pressed=true]{color:var(--purple-dark);background:#f5efff;border-color:#d9c5ff}.docs-record{padding:24px 30px}.docs-record+.docs-record{border-top:1px solid var(--product-line)}.docs-record-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.docs-record-heading h4{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600;line-height:1.4}.docs-record-heading small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.docs-state{color:var(--purple-dark);white-space:nowrap;background:#f5efff;border:1px solid #d9c5ff;padding:5px 9px;font-size:10px}.docs-state.confirmed{color:var(--green);background:var(--green-bg);border-color:#b9dcc7}.docs-field-list{border-top:1px solid var(--product-line);margin:0}.docs-field{border-bottom:1px solid var(--product-line);grid-template-columns:1fr 1.5fr auto;align-items:start;gap:22px;padding:15px 12px;font-size:12px;display:grid}.docs-field dt{color:var(--muted)}.docs-field dd{margin:0;font-weight:500;line-height:1.7}.docs-field dd.docs-field-source{font:10px var(--mono);color:var(--muted);white-space:nowrap;padding-top:4px}.docs-field.missing dd:not(.docs-field-source){color:#855906;font-weight:400}.docs-origin{border:1px solid var(--product-line);background:#fff;margin-top:22px;padding:15px 18px}.docs-origin summary{color:var(--purple-dark);cursor:pointer;font-size:12px;font-weight:500}.docs-origin blockquote{color:#4a4a47;border-left:2px solid var(--purple);margin:15px 0 3px;padding-left:16px;font-size:13px;line-height:1.85}.docs-confirm-bar{border-top:1px solid var(--product-line);justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex}.docs-confirm-bar p{color:var(--muted);max-width:430px;font-size:11px}.docs-demo-caption{max-width:900px;margin-top:18px}.docs-benefits{color:var(--dim);flex-direction:column;gap:22px;font-size:16px;line-height:1.85;display:flex}.docs-benefits a{color:#fff}@media (width<=1000px){.docs-hero{gap:40px}.docs-hero .lead{font-size:15px}.docs-hero .actions{gap:20px}}@media (width<=800px){.docs-hero{grid-template-columns:1fr;gap:40px;padding-block:50px 65px}.docs-hero h1{font-size:clamp(40px,7vw,56px)}.docs-demo-toolbar{flex-direction:column;align-items:start;padding:23px}.docs-example-select{width:100%}.docs-example-select select{width:100%;min-width:0}.docs-focus{padding-inline:23px}.docs-record{padding:23px}.docs-confirm-bar{flex-wrap:wrap;padding:20px 23px}.docs-field{grid-template-columns:1fr 1.3fr auto;gap:15px;padding-inline:0;font-size:11px}}@media (width<=480px){.docs-hero h1{font-size:40px}.docs-hero .actions{flex-direction:column;align-items:start;gap:22px}.docs-demo-toolbar,.docs-record{padding:20px 17px}.docs-focus{padding-inline:17px}.docs-focus button{padding:9px 11px;font-size:10px}.docs-record-heading{flex-direction:column;align-items:start}.docs-field{grid-template-columns:1fr 1.25fr;gap:8px 15px}.docs-field dd.docs-field-source{grid-column:2;padding:0}.docs-origin{padding:14px}.docs-origin blockquote{font-size:12px}.docs-confirm-bar{padding:18px 17px}.docs-confirm-bar .button{width:100%}.docs-benefits{font-size:15px}}
