.diagram-root{text-align:center;isolation:isolate;position:relative}.diagram-tabs{background:#202021;border:1px solid #d0d0d01a;border-radius:8px;padding:4px;display:inline-block}.diagram-tabs--mobile{display:none}.diagram-tabs--desktop{display:inline-block}@media screen and (width<=740px){.diagram-tabs--mobile{margin-bottom:16px;display:inline-block}.diagram-tabs--desktop{display:none}}.diagram-select-button{color:#fafafa;cursor:pointer;font-family:var(--font-inter), sans-serif;background:0 0;border:none;border-radius:5px;padding:16px 24px;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;color:#fff;background:#f76a48}.diagram-select-button--pro.is-active:hover{opacity:1;background:#f76a48}@media screen and (width<=1300px){.diagram-select-button{height:44px;padding:0 19px;font-size:12px}}@media screen and (width<=740px){.diagram-select-button{background:#202021;border:1px solid #0000;border-radius:8px;height:49px;padding:0 9px;font-size:15px}}.diagram-card{color:#fff;text-align:center;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);border:1px solid #d0d0d01a;border-radius:8px;min-height:654px;padding:24px 48px;position:relative}@media screen and (width<=1300px){.diagram-card{min-height:423px;padding:13px 36px 45px 26px}}@media screen and (width<=740px){.diagram-card{min-height:550px;padding:0}}.diagram-accuracy-desc{opacity:0;font-family:var(--font-inter), sans-serif;letter-spacing:.01em;color:#e3e3ed;z-index:2;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);border:1px solid #d0d0d01a;border-radius:8px;max-width:250px;padding:8px 16px;font-size:14px;font-weight:400;line-height:160%;transition:opacity .4s;position:absolute;right:140px;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}.diagram-accuracy-desc.is-visible{opacity:1}@media screen and (width<=1300px){.diagram-accuracy-desc{max-width:230px;font-size:12px;top:5px;right:40%;transform:translate(315px)}}@media screen and (width<=740px){.diagram-accuracy-desc{display:none}}.diagram-visual{background-image:url(/_astro/background-desktop-before.D3yn8uT9.svg);background-position-y:-80px;background-repeat:no-repeat;background-size:1164px 613px;height:613px;transition:background-image .4s linear;position:relative}.diagram-visual.is-after{background-image:url(/_astro/background-desktop-after.DTjHQiGg.svg)}@media screen and (width<=1300px){.diagram-visual{background-image:url(/_astro/background-tablet-before.DIF11ch8.svg);background-position:50%;background-size:633px 312px;height:312px}.diagram-visual.is-after{background-image:url(/_astro/background-tablet-after.BOqoGrXS.png)}}@media screen and (width<=740px){.diagram-visual{background-image:url(/_astro/background-mobile-before.BmVdZDxI.svg);background-size:360px 550px;border-radius:8px;height:550px}.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{max-width:128px;position:absolute;bottom:140px;left:50px}@media screen and (width<=1300px){.diagram-incoming-flow{bottom:-10px;left:50%;transform:translate(-350px)}}@media screen and (width<=740px){.diagram-incoming-flow{display:none}}.diagram-other-services{max-width:259px;position:absolute;bottom:215px;left:495px}@media screen and (width<=1300px){.diagram-other-services{width:166px;bottom:50px;left:50%;transform:translate(-50%)}}@media screen and (width<=740px){.diagram-other-services{width:220px;bottom:190px}}.diagram-finger-service{width:221px;position:absolute;bottom:215px;left:460px}@media screen and (width<=1300px){.diagram-finger-service{bottom:50px;left:50%;transform:translate(-50%)}}@media screen and (width<=740px){.diagram-finger-service{bottom:190px}}.diagram-visitor,.diagram-visitor-id{background:#fff3;border-radius:6px;padding:10px;position:absolute}@media screen and (width<=1300px){.diagram-visitor,.diagram-visitor-id{padding:7px}}.diagram-visitor{top:125px;left:330px}@media screen and (width<=1300px){.diagram-visitor{top:75px;left:50%;transform:translate(-135px)}}@media screen and (width<=740px){.diagram-visitor{top:90px;transform:translate(-85px)}}.diagram-visitor-id{top:162px;right:240px}@media screen and (width<=1300px){.diagram-visitor-id{top:95px;right:50%;transform:translate(165px)}}@media screen and (width<=740px){.diagram-visitor-id{top:365px;transform:translate(115px)}}.diagram-trusted,.diagram-suspicious{align-items:center;column-gap:8px;display:flex;position:absolute}@media screen and (width<=740px){.diagram-trusted,.diagram-suspicious{display:none}}.diagram-trusted{top:110px;right:280px}@media screen and (width<=1300px){.diagram-trusted{top:50px;right:50%;transform:translate(190px)}}.diagram-suspicious{bottom:240px;right:225px}@media screen and (width<=1300px){.diagram-suspicious{bottom:20px;right:50%;transform:translate(280px)}}.diagram-external-box{font-family:var(--font-inter), sans-serif;color:#fff;background:linear-gradient(106.73deg,#202021 -8.11%,#19191a 21.02%,#141415 119.42%);border:1px solid #d0d0d01a;border-radius:8px;max-width:760px;padding:32px;font-size:16px;font-weight:400;line-height:160%;position:absolute;bottom:-54px;left:50%;transform:translate(-50%)}@media screen and (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{color:#141415;background-color:#fff;border-radius:16px;outline:0;font-size:28px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.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;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#fff;z-index:2;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;font-family:var(--font-inter), sans-serif;border-radius:16px;padding:16px 32px;position:relative;box-shadow:0 10px 20px #14141533}.tippy-box[data-theme~=github] .tippy-content{font-family:var(--font-inter), sans-serif;color:#434344;background:linear-gradient(#fff 0 0) padding-box padding-box,linear-gradient(181.6deg,#d0d0d0 50.63%,#e8e8e800 97.06%) border-box;border:.05px solid #0000;padding:8px 10px;font-size:16px;font-weight:400;line-height:160%;box-shadow:0 4px 15px #a1a1a126,0 0 1px #e8e8e859}.code-tooltip-info-icon{display:block}.code-panel{background:#141415;border-radius:8px;width:100%;position:relative}.code-panel>*+*{margin-top:16px}.code-panel pre{margin:0 0 0 25px;padding:32px 0 30px;font-size:14px;position:relative}@media screen and (width<=640px){.code-panel pre{padding-left:25px}}.code-panel code{font-family:var(--font-jetbrains-mono), monospace;font-size:16px;font-weight:500;line-height:205%}@media screen and (width<=768px){.code-panel code{font-size:14px}}.code-panel code[class*=language-],.code-panel pre[class*=language-]{color:#fff;background:0 0;line-height:205%;padding-left:0!important}.code-panel pre[class*=line-numbers]{overflow-y:hidden}@media screen and (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]{color:#a1a1a1;border-right:0!important}@media screen and (width<=640px){.code-panel span[class=line-numbers-rows]{left:-25px;width:25px!important}}.code-panel-header{background-color:#2b2b2b;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:flex-start;align-items:center;column-gap:8.2px;height:40px;padding-left:19px;display:flex}.code-panel-header-button{background-color:#e8e8e8;border-radius:50%;width:13px;height:13px}.code-tooltip-visitor-id{position:absolute;top:72px}@media screen and (width<=768px){.code-tooltip-visitor-id{top:67px;transform:translate(-45px)}}@media screen and (width<=640px){.code-tooltip-visitor-id{transform:translate(-46px)}}.code-tooltip-visits{position:absolute;top:105px;left:132px}@media screen and (width<=768px){.code-tooltip-visits{top:96px;left:113px}}@media screen and (width<=640px){.code-tooltip-visits{transform:translate(4px)}}.code-tooltip-incognito{position:absolute;top:171px;left:245px}@media screen and (width<=768px){.code-tooltip-incognito{top:153px;left:210px}}@media screen and (width<=640px){.code-tooltip-incognito{transform:translate(4px)}}.code-tooltip-ip{position:absolute;top:203px;left:370px}@media screen and (width<=768px){.code-tooltip-ip{top:181px;left:320px}}.code-tooltip-browser-details{position:absolute;top:235px;left:320px}@media screen and (width<=768px){.code-tooltip-browser-details{top:210px;left:280px}}@media screen and (width<=640px){.code-tooltip-browser-details{transform:translate(4px)}}