.hero-illustration[data-astro-cid-jl4hikku]{animation:hero-illustration-in .3s ease-out both;transition:transform .3s ease-out}.hero-illustration[data-astro-cid-jl4hikku]:hover{transform:scale(1.05)}@keyframes hero-illustration-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.diagram-root{position:relative;text-align:center;isolation:isolate}.diagram-tabs{display:inline-block;padding:4px;background:#202021;border:1px solid rgba(208,208,208,.1);border-radius:8px}.diagram-tabs--mobile{display:none}.diagram-tabs--desktop{display:inline-block}@media screen and (max-width:740px){.diagram-tabs--mobile{display:inline-block;margin-bottom:16px}.diagram-tabs--desktop{display:none}}.diagram-select-button{border-radius:5px;color:#fafafa;padding:16px 24px;cursor:pointer;border:none;background:transparent;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:600;line-height:145%;transition:background-color .5s,opacity .5s}.diagram-select-button+.diagram-select-button{margin-left:4px}.diagram-select-button:hover{opacity:.7}.diagram-select-button.is-active{pointer-events:none;background:#434344}.diagram-select-button.is-active:hover{opacity:1}.diagram-select-button--pro.is-active{pointer-events:none;background:#f76a48;color:#fff}.diagram-select-button--pro.is-active:hover{opacity:1;background:#f76a48}@media screen and (max-width:1300px){.diagram-select-button{font-size:12px;padding:0 19px;height:44px}}@media screen and (max-width:740px){.diagram-select-button{padding:0 9px;height:49px;font-size:15px;background:#202021;border:1px solid transparent;border-radius:8px}}.diagram-card{position:relative;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);border:1px solid rgba(208,208,208,.1);border-radius:8px;color:#fff;text-align:center;min-height:654px;padding:24px 48px}@media screen and (max-width:1300px){.diagram-card{min-height:423px;padding:13px 36px 45px 26px}}@media screen and (max-width:740px){.diagram-card{min-height:550px;padding:0}}.diagram-accuracy-desc{opacity:0;transition:opacity .4s;font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:400;line-height:160%;letter-spacing:.01em;color:#e3e3ed;position:absolute;max-width:250px;right:140px;padding:8px 16px;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);z-index:2;border:1px solid rgba(208,208,208,.1);box-shadow:0 3px 2px #14141505,0 0 1px #72727326,0 7px 6px #1414150a,0 12px 10px #14141508,0 22px 18px #14141508,0 42px 33px #14141505,0 100px 80px #14141505;border-radius:8px}.diagram-accuracy-desc.is-visible{opacity:1}@media screen and (max-width:1300px){.diagram-accuracy-desc{max-width:230px;font-size:12px;top:5px;right:40%;transform:translate(315px)}}@media screen and (max-width:740px){.diagram-accuracy-desc{display:none}}.diagram-visual{position:relative;height:613px;background-image:url(/_astro/background-desktop-before.D3yn8uT9.svg);background-repeat:no-repeat;background-position-y:-80px;background-size:1164px 613px;transition:background-image .4s linear}.diagram-visual.is-after{background-image:url(/_astro/background-desktop-after.DTjHQiGg.svg)}@media screen and (max-width:1300px){.diagram-visual{background-image:url(/_astro/background-tablet-before.DIF11ch8.svg);background-position:center;background-size:633px 312px;height:312px}.diagram-visual.is-after{background-image:url(/_astro/background-tablet-after.BOqoGrXS.png)}}@media screen and (max-width:740px){.diagram-visual{height:550px;background-image:url(/_astro/background-mobile-before.BmVdZDxI.svg);background-size:360px 550px;border-radius:8px}.diagram-visual.is-after{background-image:url(/_astro/background-mobile-after.DADG1hIn.png)}}.diagram-incoming-flow,.diagram-other-services,.diagram-finger-service{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:500;line-height:160%}.diagram-visitor,.diagram-visitor-id,.diagram-trusted,.diagram-suspicious{font-family:var(--font-inter),sans-serif;font-size:14px;font-weight:700;line-height:160%}.diagram-incoming-flow{position:absolute;max-width:128px;left:50px;bottom:140px}@media screen and (max-width:1300px){.diagram-incoming-flow{bottom:-10px;left:50%;transform:translate(-350px)}}@media screen and (max-width:740px){.diagram-incoming-flow{display:none}}.diagram-other-services{position:absolute;max-width:259px;left:495px;bottom:215px}@media screen and (max-width:1300px){.diagram-other-services{width:166px;bottom:50px;left:50%;transform:translate(-50%)}}@media screen and (max-width:740px){.diagram-other-services{width:220px;bottom:190px}}.diagram-finger-service{position:absolute;width:221px;left:460px;bottom:215px}@media screen and (max-width:1300px){.diagram-finger-service{bottom:50px;left:50%;transform:translate(-50%)}}@media screen and (max-width:740px){.diagram-finger-service{bottom:190px}}.diagram-visitor,.diagram-visitor-id{position:absolute;background:#fff3;border-radius:6px;padding:10px}@media screen and (max-width:1300px){.diagram-visitor,.diagram-visitor-id{padding:7px}}.diagram-visitor{left:330px;top:125px}@media screen and (max-width:1300px){.diagram-visitor{top:75px;left:50%;transform:translate(-135px)}}@media screen and (max-width:740px){.diagram-visitor{top:90px;transform:translate(-85px)}}.diagram-visitor-id{right:240px;top:162px}@media screen and (max-width:1300px){.diagram-visitor-id{top:95px;right:50%;transform:translate(165px)}}@media screen and (max-width:740px){.diagram-visitor-id{top:365px;transform:translate(115px)}}.diagram-trusted,.diagram-suspicious{display:flex;column-gap:8px;align-items:center;position:absolute}@media screen and (max-width:740px){.diagram-trusted,.diagram-suspicious{display:none}}.diagram-trusted{right:280px;top:110px}@media screen and (max-width:1300px){.diagram-trusted{top:50px;right:50%;transform:translate(190px)}}.diagram-suspicious{right:225px;bottom:240px}@media screen and (max-width:1300px){.diagram-suspicious{bottom:20px;right:50%;transform:translate(280px)}}.diagram-external-box{position:absolute;padding:32px;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:400;line-height:160%;color:#fff;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);border:1px solid rgba(208,208,208,.1);border-radius:8px;bottom:-54px;left:50%;transform:translate(-50%);max-width:760px}@media screen and (max-width:1300px){.diagram-external-box{display:none}}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box{position:relative;background-color:#fff;color:#141415;border-radius:16px;font-size:28px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#fff;z-index:2}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:16px 32px;z-index:1;border-radius:16px;font-family:var(--font-inter),sans-serif;box-shadow:0 10px 20px #14141533}.tippy-box[data-theme~=github] .tippy-content{font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:400;line-height:160%;color:#434344;padding:8px 10px;box-shadow:0 4px 15px #a1a1a126,0 0 1px #e8e8e859;background:linear-gradient(#fff 0 0) padding-box,linear-gradient(181.6deg,#d0d0d0 50.63%,#e8e8e800 97.06%) border-box;border:.05px solid transparent}.code-tooltip-info-icon{display:block}.code-panel{position:relative;background:#141415;border-radius:8px;width:100%}.code-panel>*+*{margin-top:16px}.code-panel pre{position:relative;margin:0 0 0 25px;font-size:14px;padding:32px 0 30px}@media screen and (max-width:640px){.code-panel pre{padding-left:25px}}.code-panel code{font-family:var(--font-jetbrains-mono),monospace;font-weight:500;font-size:16px;line-height:205%}@media screen and (max-width:768px){.code-panel code{font-size:14px}}.code-panel code[class*=language-],.code-panel pre[class*=language-]{color:#fff;line-height:205%;padding-left:0!important;background:none}.code-panel pre[class*=line-numbers]{overflow-y:hidden}@media screen and (max-width:640px){.code-panel pre[class*=line-numbers]{padding-left:25px}}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#5c6370}.token.punctuation{color:#abb2bf}.token.selector,.token.tag{color:#e06c75}.token.property,.token.boolean,.token.number,.token.constant,.token.symbol,.token.attr-name,.token.deleted{color:#d19a66}.token.string,.token.char,.token.attr-value,.token.builtin,.token.inserted{color:#98c379}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#56b6c2}.token.atrule,.token.keyword{color:#c678dd}.token.function{color:#61afef}.token.regex,.token.important,.token.variable{color:#c678dd}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-panel span[class="token attr-name"],.code-panel span[class="token string"]{color:#89bffa}.code-panel pre[class*=line-numbers]>code{display:block}.code-panel span[class=line-numbers-rows]{border-right:0!important;color:#a1a1a1}@media screen and (max-width:640px){.code-panel span[class=line-numbers-rows]{width:25px!important;left:-25px}}.code-panel-header{height:40px;display:flex;align-items:center;justify-content:flex-start;background-color:#2b2b2b;column-gap:8.2px;padding-left:19px;border-top-right-radius:8px;border-top-left-radius:8px}.code-panel-header-button{width:13px;height:13px;border-radius:50%;background-color:#e8e8e8}.code-tooltip-visitor-id{position:absolute;top:72px}@media screen and (max-width:768px){.code-tooltip-visitor-id{top:67px;transform:translate(-45px)}}@media screen and (max-width:640px){.code-tooltip-visitor-id{transform:translate(-46px)}}.code-tooltip-visits{position:absolute;top:105px;left:132px}@media screen and (max-width:768px){.code-tooltip-visits{top:96px;left:113px}}@media screen and (max-width:640px){.code-tooltip-visits{transform:translate(4px)}}.code-tooltip-incognito{position:absolute;top:171px;left:245px}@media screen and (max-width:768px){.code-tooltip-incognito{top:153px;left:210px}}@media screen and (max-width:640px){.code-tooltip-incognito{transform:translate(4px)}}.code-tooltip-ip{position:absolute;top:203px;left:370px}@media screen and (max-width:768px){.code-tooltip-ip{top:181px;left:320px}}.code-tooltip-browser-details{position:absolute;top:235px;left:320px}@media screen and (max-width:768px){.code-tooltip-browser-details{top:210px;left:280px}}@media screen and (max-width:640px){.code-tooltip-browser-details{transform:translate(4px)}}