.index-module__5rN90a__wrapper{background:linear-gradient(135deg, var(--black-400), var(--black-200));padding:var(--space-6) var(--space-6);border:1px solid var(--border-normal);border-radius:var(--radius-lg);min-height:500px;transition:all .15s ease-in-out;position:relative;overflow:hidden}.index-module__5rN90a__wrapper:before{background-color:var(--black-700);border-radius:var(--radius-full);filter:blur(100px);opacity:.3;content:"";width:364px;height:364px;transition:all .25s ease-in-out;position:absolute;top:128px;left:0}.index-module__5rN90a__iconWrap{border-radius:var(--radius-full);background-color:rgba(255,255,255,.3);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;margin-left:auto;transition:all .25s ease-in-out;display:-ms-flexbox;display:flex;box-shadow:0 0 20px rgba(255,255,255,.2)}.index-module__5rN90a__wrapper:hover .index-module__5rN90a__iconWrap{background-color:rgba(255,255,255,.45);box-shadow:0 0 20px rgba(255,255,255,.3)}.index-module__5rN90a__wrapper:hover:before{background-color:var(--white-700);width:428px;height:428px}
.index-module__dkYW0a__codeBlock{padding:var(--space-2);margin:0;font-size:10px;line-height:20px;overflow-x:auto}.index-module__dkYW0a__codeLine{display:-ms-flexbox;display:flex}.index-module__dkYW0a__lineNumber{padding-right:var(--space-4);-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:right;color:#9ca3af;-ms-flex-negative:0;flex-shrink:0;width:32px}.index-module__dkYW0a__lineContent{-ms-flex:1;flex:1}
.index-module__AOyosq__banner{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:80px}.index-module__AOyosq__imageWrap{padding:0 var(--space-4);margin-top:-37px}.index-module__AOyosq__file{background-color:var(--black-400);border:1px solid var(--black-500);border-radius:var(--radius-sm);-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:80px;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.index-module__AOyosq__assetWrap{width:100%;max-width:80px;height:36px;position:relative}.index-module__AOyosq__color{border-radius:var(--radius-full);box-shadow:var(--box-shadow-xl);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:52px;height:52px}.index-module__AOyosq__colorOverlap{margin-left:-20px}
.index-module__oXFSGa__wrapper{--illustration-gradient-width:128px;--illustration-height:540px;--illustration-width:420px;--illustration-gap-x:172px;--illustration-gap-y:36px;-webkit-mask:linear-gradient(180deg, var(--black-100) 80%, transparent 100%);mask:linear-gradient(180deg, var(--black-100) 80%, transparent 100%);width:calc(var(--illustration-width) + var(--illustration-gap-x));height:var(--illustration-height);-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.index-module__oXFSGa__snippet{height:calc(var(--illustration-height) - var(--illustration-gap-y));width:var(--illustration-width);border-radius:var(--radius-md);top:var(--illustration-gap-y);position:absolute;left:0;overflow:hidden}.index-module__oXFSGa__interface{background-color:var(--black-300);width:var(--illustration-width);border-radius:var(--radius-md);left:var(--illustration-gap-x);height:100%;position:absolute;top:0;overflow:hidden}.index-module__oXFSGa__gradientVertical{background:linear-gradient(90deg, transparent 0%, var(--black-200) 140%);left:calc(var(--illustration-gap-x) - var(--illustration-gradient-width));width:var(--illustration-gradient-width);height:100%;position:absolute;top:0}@media only screen and (max-width:1024px){.index-module__oXFSGa__wrapper{--illustration-gap-x:280px}}@media only screen and (max-width:768px){.index-module__oXFSGa__wrapper{--illustration-gap-x:172px}}@media only screen and (max-width:640px){.index-module__oXFSGa__wrapper{--illustration-gap-x:120px}}
.index-module__e924tW__wrapper{background:linear-gradient(#fff 51.66%,#f7f7f8 111.2%)}
/*# sourceMappingURL=0hfw70k7~zt6d.css.map*/