a{color:#4895ef}.use_case h1{font-size:45px}.use_case h2{text-align:center;font-size:25px}#usage .two-columns{justify-content:center;flex-wrap:wrap}#usage .two-columns>div{flex:1}#usage details{max-height:300px;overflow-y:scroll;overflow-x:hidden;max-width:600px}#usage .code-box{border:5px solid white;border-radius:10px;max-width:80vw}#usage .code-box pre{white-space:pre-wrap}#usage .code-box pre code{height:500px}@media screen and (min-width: 999px){#usage .code-box pre code{width:600px}}@media screen and (min-width: 999px){#usage div[data-output-container]{width:580px}}#usage .code-tools{display:flex;gap:10px;position:absolute;bottom:10px;right:10px}#usage .code-tools a{color:white;cursor:pointer}#usage .code-tools a:hover{color:#4895ef}#use-cases #use-case-list .feature-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}#use-cases #use-case-list .feature-tabs>*{flex:0 1 calc(50% - 10px);box-sizing:border-box;min-width:unset}#targets #target-list .btn[data-tab]{display:flex;gap:2px;align-items:center;justify-content:center}#targets #target-list .window{gap:10px;justify-content:center;align-items:center}#targets #target-list .window.active{display:flex}@media screen and (max-width: 1198px){#targets #target-list .window{flex-direction:column}}#targets #target-list .window .blog-reference{max-width:60ch;margin-top:1em}#targets #target-list .window .blog-reference-img{margin-top:0;margin-bottom:0}#targets #target-list .feature-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}#targets #target-list .feature-tabs>*{flex:0 1 calc(25% - 10px);box-sizing:border-box;min-width:unset}.h-subtitle a{color:inherit}#intro ul.overview{list-style:none;padding:0 2em}@media screen and (max-width: 1198px){#intro ul.overview{flex-grow:0;align-items:flex-start}}#intro ul.overview li{display:flex;align-items:center;margin-bottom:1.2em;font-size:16px;gap:1.2em;text-align:left}#intro ul.overview i{font-size:32px;width:32px}#intro ul.overview a{color:black;font-weight:700;text-decoration:none}#intro ul.overview a:hover{text-decoration:underline}.steps{display:flex;flex-direction:column;margin-left:20px;height:100%;justify-content:space-evenly}.steps .step{display:flex;gap:20px}.steps .step .step-number{font-size:120px;font-weight:700}.steps .step .step-text{display:flex;flex-direction:column;color:white;justify-content:center}.steps .step .step-text .step-title{font-size:36px;color:white;font-weight:700;margin:0}.steps .step .step-text .step-subtitle{font-size:18px}.ripple-highlight{position:relative;overflow:hidden}.ripple-highlight::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:rgba(0,123,255,0.4);border-radius:50%;transform:scale(0);animation:ripple 2s ease-out;pointer-events:none}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(20);opacity:0}}#use-case-list .window,#target-list .window{display:block;opacity:0;position:absolute;pointer-events:none;transform:translateY(-50px);transition:none}#use-case-list .window.active,#target-list .window.active{opacity:1;position:relative;pointer-events:all;transform:translateY(0);transition:opacity 0.5s ease,transform 0.2s ease-out}