.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);transform:scale3d(0,0,0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, .1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0!important;box-sizing:content-box!important;height:auto!important;overflow:hidden!important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0!important;box-sizing:content-box!important;height:0!important}@keyframes cdk-text-field-autofill-start{}@keyframes cdk-text-field-autofill-end{}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator:before{inset:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus:before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}.story .container,.catalog .container{width:100%;max-width:1400px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.story .flex-wrap,.catalog .flex-wrap{display:flex;flex-wrap:wrap}.story .flex-no-wrap,.catalog .flex-no-wrap{display:flex;flex-wrap:nowrap}.story .flex-align-center,.catalog .flex-align-center{align-items:center}.story .flex-justify-content,.catalog .flex-justify-content{justify-content:left}.story h1,.story h2,.story h3,.story h4,.story p,.catalog h1,.catalog h2,.catalog h3,.catalog h4,.catalog p{line-height:1}.story a,.catalog a{color:var(--lavender)}.story h1,.catalog h1{color:var(--tomato)}.story h2,.catalog h2{color:var(--lavender)}.story h3,.catalog h3{color:var(--lavender);font-size:33px}.story .mb1,.catalog .mb1{margin-bottom:108px}.story .mb2,.catalog .mb2{margin-bottom:60px}.story .mb3,.catalog .mb3{margin-bottom:50px}.story .mb4,.catalog .mb4{margin-bottom:27px}.story .mb5,.catalog .mb5{margin-bottom:14px}.story .mt1,.catalog .mt1{margin-top:108px}.story .mt2,.catalog .mt2{margin-top:60px}.story .mt3,.catalog .mt3{margin-top:50px}.story .mt4,.catalog .mt4{margin-top:27px}.story .pt2,.catalog .pt2{padding-top:60px}.story .pt3,.catalog .pt3{padding-top:50px}.story .pb4,.catalog .pb4{padding-bottom:27px}.story .gap1,.catalog .gap1{width:6ch}.story .gap2,.catalog .gap2{width:4ch}.story .gap3,.catalog .gap3{width:2ch}.story nav li,.story nav li a,.catalog nav li,.catalog nav li a{font-family:Roboto Condensed,serif;font-size:20px;font-weight:300}.story nav .admin,.catalog nav .admin{margin-left:auto}@media (max-width: 1000px){.story nav li,.story nav li a,.catalog nav li,.catalog nav li a{font-family:Roboto Condensed,serif;font-size:16px;font-weight:300}.story nav .admin,.catalog nav .admin{margin-left:auto}}.catalog{font-family:Saira Extra Condensed,serif;font-weight:500}.catalog .flex-card{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.catalog .card{padding:26px;border:1px solid var(--darkslategray);transition:border-color .1s ease-in-out}.catalog table{border-collapse:collapse;width:100%;color:var(--lavender)}.catalog table button,.catalog table input[type=submit],.catalog table input[type=reset]{background:var(--slategray);color:inherit;border:none;padding:0 10px;font:inherit;cursor:pointer;outline:inherit}.catalog table td{border:solid 1px var(--slategray);font-family:Roboto Condensed,serif;font-size:16px;text-transform:capitalize;font-weight:300;text-align:center}.catalog table .liked{display:block;background-color:var(--tomato)}.catalog table .btn{width:100%}.catalog table.like-button td{border:solid 1px transparent}.catalog #products td:first-child{width:25%}.catalog #storage td{width:20%}.catalog .image img{display:block;background-color:var(--slategray);object-fit:cover;max-width:100%;width:100%;height:410px}.catalog .image a{position:relative;display:block}.catalog .image a .overlay{position:absolute;inset:0;background-color:#303749cc;color:#fff;display:flex;justify-content:start;align-items:start;padding-left:25px;padding-right:25px;padding-top:25px;font-size:18px;opacity:0;transition:opacity .3s ease;pointer-events:none}.catalog .image a:hover .overlay{opacity:1}.catalog .image table tr td:nth-child(1){text-transform:capitalize}.catalog .image table td{border:solid 1px transparent;text-align:left}.catalog #inventory li{font-family:Roboto Condensed,serif;font-size:20px;text-transform:capitalize;font-weight:300;color:var(--lavender)}@media (max-width: 1150px){.catalog .flex-card{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width: 768px){.catalog .flex-card{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (max-width: 576px){.catalog .flex-card{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.catalog nav img{width:5;height:14}.catalog h1{font-size:50px}.catalog h2{font-size:40px}.catalog h3{font-size:24px}.catalog .mb1{margin-bottom:60px}.catalog .mb2{margin-bottom:44px}.catalog .mb3{margin-bottom:27px}.catalog .mb4{margin-bottom:16px}.catalog .pb4{padding-bottom:16px}.catalog .mt3{margin-top:27px}.catalog .mt4{margin-top:16px}.catalog .pt3{padding-top:27px}.catalog .gap1{width:3ch}.catalog .gap2{width:2ch}.catalog .gap3{width:1ch}}.story{font-family:Saira Condensed,serif;font-weight:500}.story h3{font-size:31px}.story h4{text-transform:capitalize}.story .sticky-toc{position:sticky;top:20px}.story .sticky-toc-wrapper{height:100%}.story .disable{display:none!important}.story .flex-card{-ms-flex:0 0 calc(50% - 25px);flex:0 0 calc(50% - 25px);max-width:calc(50% - 25px)}.story .flex-content{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.story .go-top{position:sticky;display:flex;justify-content:end;align-items:center;bottom:40px;width:100%;z-index:15}.story .flex-toc{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;order:1;margin-left:auto}.story .flex-toc-chapters{flex:0 0 58.333333%;max-width:58.333333%}.story .flex-toc-read-time{flex:0 0 41.666667%;max-width:41.666667%}.story .flex-gap{gap:0 50px}.story .card{padding:27px 27px 43px;border:1px solid var(--darkslategray);transition:border-color .1s ease-in-out}.story .card:hover{border-color:var(--tomato)}.story .card img{display:block;background-color:var(--slategray);object-fit:cover;max-width:100%;width:100%;height:290px}.story .card .date{margin-left:auto}.story .content span{display:inline-block;white-space:nowrap;font-size:18px;font-family:Roboto Condensed,serif;font-weight:300}.story .content p{font-family:Roboto Flex,serif;line-height:140%;font-size:20px;font-weight:300;letter-spacing:.5%;color:var(--lavender);margin-bottom:12px}.story .content p:has(i){margin-bottom:16px}.story .content figure{margin:25px 0 12px}.story .content img{width:100%;height:100%}.story .toc{padding:70px;border:1px solid var(--darkslategray);color:var(--lavender)}.story .toc .line{border-bottom:1px solid var(--darkslategray)}.story .toc li{margin-bottom:15px}.story .toc li:last-child{margin-bottom:0}.story .toc>div:nth-child(1) span{font-family:Saira Condensed,serif;font-weight:500;font-size:33px;text-transform:uppercase}.story .toc>div:nth-child(2) a,.story .toc>div:nth-child(2) span,.story .toc>div:nth-child(3) span{font-family:Roboto Condensed,serif;font-size:20px;text-transform:capitalize;font-weight:300}.story .toc>div:nth-child(2) li:hover a{color:var(--tomato)}@media (max-width: 1150px){.story .toc{padding:40px}}@media (max-width: 1000px){.story .flex-card{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.story .flex-content{flex:0 0 100%;max-width:100%;text-align:center}.story .flex-toc{flex:0 0 100%;max-width:100%;margin:0;order:-1}.story .card img{height:150px}.story .card .meta{display:block}.story .card .meta>:nth-child(1){margin-bottom:6px}.story .toc>div:nth-child(1) span{font-size:24px}.story .toc>div:nth-child(2) a,.story .toc>div:nth-child(2) span,.story .toc>div:nth-child(3) span{font-size:16px}.story .content p{font-size:17px;text-align:left}.story .content p:has(i){margin-bottom:12px}.story .content figure{margin:16px 0 10px}.story .content .meta{justify-content:center}.story h1{font-size:50px}.story h2{font-size:40px}.story h3{font-size:28px}.story .mb1{margin-bottom:60px}.story .mb2{margin-bottom:48px}.story .mb3{margin-bottom:27px}.story .mb4{margin-bottom:13px}.story .pb4{padding-bottom:13px}.story .mt3{margin-top:27px}.story .mt4{margin-top:10px}.story .pt3{padding-top:27px}.story .gap1{width:3ch}.story .gap2{width:2ch}.story .gap3{width:1ch}}:root{--tomato: #EC4E30;--peachpuff: #FAC4AD;--lavender: #DDE1F1;--slategray: #6E748C;--darkslategray: #303749;--black: #161616;--pureblack: #000000}*{box-sizing:border-box}canvas,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,embed,fieldset,font,form,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,ins,kbd,label,legend,li,menu,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0 none;background:transparent none repeat scroll 0 0}body{margin:0;padding:0;color:#fff;font-size:16px;line-height:1.4;background-color:var(--black);width:100%;font-family:serif}.center{padding:0 10px}a{color:var(--black);text-decoration:none}ul,li{list-style-type:none}img{vertical-align:middle}h1{font-style:normal;font-size:84px;line-height:58px;text-transform:uppercase;color:var(--lavender);letter-spacing:.3px;font-family:Saira Extra Condensed;font-weight:500}h2{font-style:normal;font-size:66px;line-height:46px;text-transform:uppercase;color:var(--tomato);letter-spacing:.5px;font-family:Saira Condensed;font-weight:400}h3{font-size:31px;color:var(--slategray);text-transform:uppercase;line-height:70%;font-family:Saira Condensed;font-weight:500}h4{font-weight:300;font-size:18px;color:var(--slategray);text-transform:uppercase;line-height:normal;letter-spacing:normal;font-family:Roboto Condensed}.center{height:100vh;display:flex;align-items:center;justify-content:center}.panel{width:1400px}.top{display:flex;justify-content:space-between;align-items:start;position:relative;height:88px}.top img:nth-of-type(3){position:relative}.cogs{position:relative}.stream{position:absolute;left:-28px;bottom:0}.cog-1{position:absolute;left:50px;top:105px;opacity:.6}.cog-2{position:absolute;left:50px;top:270px;opacity:.6}.displays{display:grid;grid-template-columns:repeat(5,1fr);column-gap:10px;font-family:Saira Condensed;font-weight:700}.display{border:1px solid var(--slategray);padding-left:15px;padding-top:22px;box-sizing:border-box}.display>span{font-size:30px}.display.blinking_cursor{position:relative;border:1px solid #32FFFF;padding-left:15px;padding-top:12px}.display.blinking_cursor:after{content:"";display:block;position:absolute;width:5px;height:45px;background-image:url(/assets/img/cursor.svg);background-repeat:no-repeat;-webkit-animation:flash 1s infinite;animation:flash 1s infinite}@keyframes flash{0%,50%{opacity:1}51%,to{opacity:0}}.display.entered_value{border:1px solid var(--lavender)}.display.correct_entered_value{border-color:var(--peachpuff);background-color:#0070001a}.display.incorrect_entered_value{border-color:var(--tomato);background-color:#ec4e301a}.display.entered_value>span{color:var(--lavender)}.display.correct_entered_value>span{color:var(--peachpuff)}.display.incorrect_entered_value>span{color:var(--tomato)}.display.blocked{padding:0;border-color:var(--tomato);background-color:#ec4e300d;display:flex;align-items:center;justify-content:center}.display.blocked>span{color:var(--tomato);font-size:50px}.activation-buttons{display:grid;grid-template-areas:"itm-1 itm-2 itm-3 itm-4 itm-5 itm-6" "itm-7 itm-8 itm-9 itm-10 itm-11 itm-12";justify-content:space-between;align-content:space-between}.activation-button{background-color:var(--black);display:grid;width:82px;height:44px;border:1px solid var(--tomato);line-height:inherit}.activation-button:hover{background-color:#ec4e3080}.activation-button:active{background-color:var(--tomato)}.activation-button>span{align-self:end;text-align:left;font-size:30px;color:var(--tomato);padding-left:12px;font-family:Saira Condensed,serif;font-weight:700}.activation-button:hover>span{color:var(--tomato)}.activation-button:active>span{color:var(--black)}.grid-main{display:grid;grid-template-columns:743px 28px 289px auto 281px;height:auto;grid-column-gap:0;grid-template-areas:"itm-1 . itm-2 . itm-3"}.grid-primary-sub{display:grid;align-content:space-between;grid-template-areas:"itm-1" "itm-2"}.grid-secondary{display:grid;align-self:end;grid-template-areas:"itm-1 itm-2 itm-3" "itm-4 itm-4 itm-4"}.grid-sub{display:grid;grid-template-columns:181px 560px;grid-column-gap:0;grid-template-areas:"itm-1 itm-2"}.grid-center{display:grid;grid-template-rows:72px 70px 20px 98px auto;grid-template-areas:"itm-1" "itm-2" "." "itm-3" "itm-4"}.grid-code-sub{display:grid;grid-template-columns:72px 133px 157px 12px 160px;align-items:end;grid-column-gap:5px;grid-template-areas:"itm-1 itm-2 itm-3 . itm-4"}.mt-page{margin-top:30px}.page-buttons{display:flex;flex-direction:row-reverse;gap:10px;flex-wrap:wrap}.page-buttons>a{color:var(--black)}.page-button{width:157px;height:88px;border-width:1px;border-style:solid;border-color:var(--lavender);border-radius:0;display:grid;pointer-events:auto;box-sizing:border-box}.page-button>span{font-size:26px;line-height:100%;text-transform:uppercase;white-space:pre;align-self:end;padding-left:15px;padding-bottom:15px;text-shadow:1px 0 0 #DDE1F1,0 1px 0 #DDE1F1,-1px 0 0 #DDE1F1,0 -1px 0 #DDE1F1;letter-spacing:1.1px;font-family:Saira Condensed;font-weight:700}.page-button.disabled{border-width:1px;border-style:solid;border-color:var(--slategray)}.page-button.disabled>span{text-shadow:1px 0 0 #6E748C,0 1px 0 #6E748C,-1px 0 0 #6E748C,0 -1px 0 #6E748C}.page-button.disabled:hover{border-width:1px;border-style:solid;border-color:var(--tomato)}.page-button.disabled:hover>span{text-shadow:1px 0 0 #EC4E30,0 1px 0 #EC4E30,-1px 0 0 #EC4E30,0 -1px 0 #EC4E30}.page-button:nth-child(1)>span:after{content:"lookup"}.page-button:nth-child(2)>span:after{content:"catalog"}.page-button:nth-child(3)>span:after{content:"dns" "\a" "tunnel"}.page-button:nth-child(4)>span:after{content:"file" "\a" "drop"}.page-button:nth-child(5)>span:after{content:"message" "\a" "drop"}.page-button:nth-child(6)>span:after{content:"web" "\a" "mail"}.page-button:nth-child(7)>span:after{content:"stories"}.page-button.disabled:hover>span:after{content:"enter the" "\a" "code"}.verify-screen{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:var(--black)}@media (min-width: 1064px) and (max-width: 1380px){.panel{width:1060px}.top{display:none}.grid-main{display:grid;grid-template-columns:743px 28px 289px;height:446px;grid-column-gap:0;grid-template-areas:"itm-1 . itm-2"}.grid-main>div:nth-of-type(3){display:none}.page-button{width:130px;height:74px}.page-button>span{padding-bottom:10px;font-size:24px}}@media (min-width: 744px) and (max-width: 1063px){.panel{width:743px}.top{display:none}.grid-main{display:grid;grid-template-columns:743px;height:446px;grid-column-gap:0;grid-template-areas:"itm-1"}.grid-main>div:nth-of-type(2),.grid-main>div:nth-of-type(3){display:none}.page-button{width:130px;height:74px}.page-button>span{padding-bottom:10px;font-size:24px}}@media (max-width: 743px){.center{align-items:normal;height:auto;margin-top:77px;margin-bottom:77px}.panel{max-width:450px}.top,.grid-main>div:nth-of-type(2),.grid-main>div:nth-of-type(3){display:none}.verify-screen{display:flex}.cog-1{position:initial;left:0;top:0}h1{font-size:61px;text-align:center}h2{font-size:40px;text-align:center}h3{font-size:28px;text-align:center}.grid-main{display:block}.grid-primary-sub{row-gap:48px}.grid-sub{display:block}.grid-center{display:grid;grid-template-rows:auto 30px 60px 19px 206px 77px auto;grid-template-areas:"itm-1" "." "itm-2" "." "itm-3" "." "itm-4"}.grid-code-sub{display:grid;grid-template-columns:1fr;grid-template-areas:"itm-4"}.grid-code-sub>img{display:none}.grid-sub>img{display:none}.activation-buttons{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);justify-content:space-between;grid-column-gap:10px;grid-template-areas:"itm-1 itm-2 itm-3" "itm-4 itm-5 itm-6" "itm-7 itm-8 itm-9" "itm-10 itm-11 itm-12"}.display{padding-left:9px;padding-top:11px}.display span{font-size:24px}.display.blinking_cursor:after{height:36px}.activation-button{width:auto}.page-buttons{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;grid-column-gap:12px;grid-row-gap:12px}.page-button{width:100%;height:88px}.page-button>span{font-size:26px}}