.dev-quick{padding-bottom:calc(130 * var(--u));overflow:hidden}.dev-quick__bg{position:absolute;inset:0}.dev-quick__bg:after{content:"";background:linear-gradient(180deg, var(--navy) 0%, #0b16308c 45%, #0b1630b3 100%), linear-gradient(90deg, #0b163099, #0b163000 70%);position:absolute;inset:0}.dev-quick__head{z-index:1;margin-bottom:calc(80 * var(--u));position:relative}.dev-quick__head .mono{margin-bottom:calc(18 * var(--u));display:block}.dev-quick__grid{z-index:1;grid-template-columns:calc(900 * var(--u)) 1fr;gap:calc(34 * var(--u));align-items:start;display:grid;position:relative}.dev-quick .glass{background:#0b16308c;border-radius:14px;position:relative}.dev-code{min-height:calc(580 * var(--u));padding:0}.dev-code__tabs{gap:calc(6 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));border-bottom:1px solid #ffffff1f;display:flex}.dev-code__tab{padding:calc(7 * var(--u)) calc(14 * var(--u));min-width:calc(108 * var(--u));text-align:left;font-size:calc(12 * var(--u));opacity:.6;transition:background .4s var(--ease), opacity .4s var(--ease);border-radius:3px}.dev-code__tab[aria-selected=true]{opacity:1;background:#ffffff1f}.dev-code__tab:hover{opacity:1}.dev-code__pre{padding:calc(34 * var(--u)) calc(32 * var(--u));font-family:var(--mono);font-size:calc(15 * var(--u));white-space:pre;color:#ffffffeb;margin:0;line-height:1.75;overflow-x:auto}.dev-code__kw{color:var(--orange)}.dev-hooks{margin-top:calc(70 * var(--u));padding:calc(22 * var(--u)) calc(24 * var(--u)) calc(30 * var(--u))}.dev-hooks .mono{margin-bottom:calc(18 * var(--u));font-size:calc(11 * var(--u))}.dev-hooks__row{grid-template-columns:calc(16 * var(--u)) 1fr auto;padding:calc(30 * var(--u)) 0;font-family:var(--mono);font-size:calc(14 * var(--u));border-top:1px solid #ffffff1f;align-items:center;display:grid}.dev-hooks__detail{margin-left:calc(10 * var(--u));opacity:.85}.dev-hooks__dot{background:#ffffff73;border-radius:50%;width:7px;height:7px}.dev-hooks__dot--on{background:var(--orange)}.dev-hooks__t{opacity:.55}.dev-sdk__row{grid-template-columns:calc(372 * var(--u)) 1fr calc(452 * var(--u)) calc(30 * var(--u))}.dev-sdk__lang{font-weight:300;font-size:calc(30 * var(--u));letter-spacing:-.01em}.dev-sdk__install{font-size:calc(13 * var(--u));opacity:.8}a.dev-sdk__row:hover .dev-sdk__lang{color:var(--orange)}@media (max-width:768px){.dev-quick{padding-bottom:calc(64 * var(--u))}.dev-quick__head{margin-bottom:calc(36 * var(--u))}.dev-quick__grid{gap:calc(12 * var(--u));grid-template-columns:minmax(0,1fr)}.dev-code{min-height:0}.dev-code__tabs{padding:calc(10 * var(--u));gap:0;overflow-x:auto}.dev-code__tab{min-width:0;font-size:calc(12 * var(--u))}.dev-code__pre{padding:calc(20 * var(--u)) calc(16 * var(--u));font-size:calc(11 * var(--u))}.dev-hooks{padding:calc(18 * var(--u));margin-top:0}.dev-hooks__row{padding:calc(16 * var(--u)) 0;font-size:calc(12 * var(--u))}.dev-sdk__row{grid-template-columns:1fr auto}.dev-sdk__row .row__arrow{display:none}.dev-sdk__lang{font-size:calc(22 * var(--u))}.dev-sdk__row>:nth-child(2){order:3;grid-column:1/-1}.dev-sdk__row>:nth-child(3){grid-column:auto}}