:root{--background-dark-purple:#2D2147;--background-purple:#382C53;--background-100:#FDFCF7;--background-light-grey:#F6F7F9;--background-light-100:#F8F7F2;--background-light-50:#FDFCF7;--background-light-green:#DDF0EC;--background-light-yellow:#FEEEDD;--background-light-red:#FCD8E0;--background-light-blue:#D3EAFD;--background-white:#FFFFFF;--background-main:#FFFFFF;--text-purple:#382C53;--text-dark-purple:#2D2147;--nav-dark-purple:rgba(234,235,241,0.7);--text-deactive-light:#564863;--text-deactive-dark:#97939B;--text-light-purple:#837A8C;--text-caption:#7D7796;--text-menu:#A9A1BA;--text-white:#FFFFFF;--border-grey:#E2DFE5;--border-shadow:#E3E6EC;--border-light:#F6F3F9;--border-dark:#E4E4E4;--border-menu:rgba(82,73,103,1);--complementary-green:#53B6A0;--complementary-red:#EF3C65;--complementary-blue:#2196F3;--complementary-yellow:#FFCE73}@media screen and (min-width:1200px){.how-it-works-monitoring .mobile-view{display:none}}.how-it-works-monitoring .mobile-view .info-standard-upper h5{font-size:20px;font-weight:500;line-height:26px;margin-top:32px}.how-it-works-monitoring .mobile-view .info-standard-upper p{font-size:13px;font-weight:400;line-height:22px}.how-it-works-monitoring .mobile-view .hiwm-mobile-step{padding-top:24px}.how-it-works-monitoring .mobile-view .hiwm-mobile-step h6{font-size:16px;font-weight:500;line-height:26px;margin-top:8px;margin-bottom:8px}.how-it-works-monitoring .mobile-view .hiwm-mobile-step p{font-size:13px;font-weight:400;line-height:22px;margin:0;color:#a9a1ba}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon{height:44px;width:44px;border-radius:100%;justify-content:center;align-items:center}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon svg{height:16px;width:16px}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon svg *{fill:currentColor}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon.blue{color:var(--complementary-blue);background:var(--background-light-blue)}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon.red{color:var(--complementary-red);background:var(--background-light-red)}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon.yellow{color:var(--complementary-yellow);background:var(--background-light-yellow)}.how-it-works-monitoring .mobile-view .hiwm-mobile-step .component-icon.green{color:var(--complementary-green);background:var(--background-light-green)}.how-it-works-monitoring{background:var(--background-white)}.how-it-works-monitoring .desktop-view{height:950px}@media screen and (max-width:1200px){.how-it-works-monitoring .desktop-view{display:none}}.how-it-works-monitoring .desktop-view .presentation{height:950px}.how-it-works-monitoring .desktop-view .info .info-interior{padding-top:100px;max-width:850px;padding-right:15%;padding-bottom:100px}.how-it-works-monitoring .desktop-view .tab-menu{margin-top:32px;margin-bottom:32px}.how-it-works-monitoring .desktop-view .info-standard-upper h5{font-size:20px;font-weight:500;line-height:26px}.how-it-works-monitoring .desktop-view .info-standard-upper p{font-size:13px;font-weight:400;line-height:22px}.how-it-works-monitoring .desktop-view .hiwm-mobile-step{padding-top:24px}.how-it-works-monitoring .desktop-view .hiwm-mobile-step h6{font-size:16px;font-weight:500;line-height:26px;margin-top:8px;margin-bottom:8px}.how-it-works-monitoring .desktop-view .hiwm-mobile-step p{font-size:13px;font-weight:400;line-height:22px;margin:0;color:#a9a1ba}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon{height:44px;width:44px;border-radius:100%;justify-content:center;align-items:center}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon svg{height:16px;width:16px}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon svg *{fill:currentColor}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon.blue{color:var(--complementary-blue);background:var(--background-light-blue)}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon.red{color:var(--complementary-red);background:var(--background-light-red)}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon.yellow{color:var(--complementary-yellow);background:var(--background-light-yellow)}.how-it-works-monitoring .desktop-view .hiwm-mobile-step .component-icon.green{color:var(--complementary-green);background:var(--background-light-green)}@keyframes backingIMG{0%{transform:translateY(0)}50%{transform:translateY(75px)}to{transform:translateY(0)}}@keyframes searchICON{0%{top:15%;left:25%;transform:rotate(65deg)}25%{top:80%;left:75%;transform:rotate(5deg)}50%{top:15%;left:75%;transform:rotate(-10deg)}75%{top:80%;left:25%;transform:rotate(35deg)}to{top:15%;left:25%;transform:rotate(65deg)}}.how-it-works-monitoring .desktop-view .presentation-container{max-width:850px;padding-left:15%}.how-it-works-monitoring .desktop-view .presentation .search-anim-bg{position:absolute;right:0;top:0;height:100%;width:100%;z-index:0;background:var(--background-dark-purple);opacity:0;transition:opacity 1s}.how-it-works-monitoring .desktop-view .presentation-search-anim{opacity:0;transition:opacity 1s;overflow:hidden;position:relative;background:var(--background-dark-purple);color:var(--text-white);height:100%;z-index:1;font-size:24px;font-weight:700}.how-it-works-monitoring .desktop-view .presentation-search-anim .search-icon{height:48px;width:48px;z-index:1;position:absolute;animation:searchICON 4s ease-in-out infinite}.how-it-works-monitoring .desktop-view .presentation-search-anim .search-icon svg{height:48px;width:48px}.how-it-works-monitoring .desktop-view .presentation-search-anim .logo-icon{width:500px;height:auto;position:absolute;left:50%;margin-left:-250px;top:50%;margin-top:-100px}.how-it-works-monitoring .desktop-view .presentation-search-anim .logo-icon svg{width:500px;height:auto}.how-it-works-monitoring .desktop-view .presentation-search-anim .logo-icon svg *{fill:#fff;opacity:1}.how-it-works-monitoring .desktop-view .presentation-search-anim .backing-image{left:0;position:absolute;z-index:0;opacity:.4;bottom:0;animation:backingIMG 24s ease-in-out infinite}.how-it-works-monitoring .desktop-view .presentation-search-anim-site{position:absolute;font-family:Saira,sans-serif}.how-it-works-monitoring .desktop-view .presentation-search-anim-site-1{top:15%;left:25%}.how-it-works-monitoring .desktop-view .presentation-search-anim-site-2{top:15%;left:65%}.how-it-works-monitoring .desktop-view .presentation-search-anim-site-3{top:80%;left:25%}.how-it-works-monitoring .desktop-view .presentation-search-anim-site-4{top:80%;left:65%}.how-it-works-monitoring .desktop-view .presentation .search-anim-bg.active,.how-it-works-monitoring .desktop-view .presentation-search-anim.active{opacity:1}.how-it-works-monitoring .desktop-view .presentation{overflow:visible}.how-it-works-monitoring .desktop-view .presentation .lock-anim-bg{position:absolute;right:0;top:0;height:100%;width:100%;z-index:0;background:var(--background-light-green);opacity:0;transition:opacity 1s}.how-it-works-monitoring .desktop-view .presentation-lock-anim{overflow:hidden;position:absolute;height:100%;z-index:2;background:var(--background-light-green);opacity:0;transition:opacity 1s}.how-it-works-monitoring .desktop-view .presentation-lock-anim .lock-icon{height:40%;width:40%;position:absolute;top:50%;left:50%;margin-left:-20%;margin-top:-20%;display:flex;align-items:center;justify-content:center;z-index:1}.how-it-works-monitoring .desktop-view .presentation-lock-anim .lock-icon svg{height:50%;width:50%;color:var(--complementary-green)}.how-it-works-monitoring .desktop-view .presentation-lock-anim .lock-icon svg *{fill:currentColor}.how-it-works-monitoring .desktop-view .presentation .lock-anim-bg.blue,.how-it-works-monitoring .desktop-view .presentation-lock-anim.blue{background:var(--background-light-blue)}.how-it-works-monitoring .desktop-view .presentation-lock-anim.blue svg{color:var(--complementary-blue)}.how-it-works-monitoring .desktop-view .presentation-lock-anim.blue svg *{fill:currentColor}.how-it-works-monitoring .desktop-view .presentation .lock-anim-bg.active,.how-it-works-monitoring .desktop-view .presentation-lock-anim.active{opacity:1}.how-it-works-monitoring .desktop-view .presentation-integration-bg{height:100%;width:100%;background:var(--background-white);position:absolute;left:0;top:0;z-index:0;opacity:0;transition:opacity 1s}.how-it-works-monitoring .desktop-view .presentation-integration-anim{position:absolute;padding:0 15px 0 0;opacity:0;transition:opacity 1s;z-index:1}.how-it-works-monitoring .desktop-view .presentation-integration-anim .anim-container{max-width:1000px;padding-left:15px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window{height:700px;border:1px solid var(--border-grey);border-radius:8px;overflow:hidden;margin-top:64px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header{padding:12px .75rem;background:var(--background-light-grey);width:100%;display:grid;border-bottom:1px solid var(--border-shadow)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header svg{height:1em;width:auto;margin-right:1em;color:var(--text-deactive-light)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header svg *{fill:currentColor}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header .dot{height:10px;width:10px;display:inline-block;border-radius:100%;margin:-4px 0 0 12px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header .dot-minimize{background:var(--complementary-yellow)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header .dot-maximize{background:var(--complementary-green)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-header .dot-close{background:var(--complementary-red)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body{display:flex;height:655px;width:100%;background:pink}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar{width:25%;background:var(--background-light-50);height:655px;border-right:1px solid var(--border-grey);justify-content:start}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-content-wrapper{width:100%}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-file,.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-folder,.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-header{display:flex;width:100%;align-items:center}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-file svg,.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-folder svg,.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-header svg{height:1em;width:1em;margin-right:1em}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-header{height:36px;width:100%;font-size:13px;font-weight:500;text-align:center;justify-content:center;background:var(--background-white);border-bottom:1px solid var(--border-grey)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-folder{color:var(--text-light-purple);font-size:13px;height:24px;align-items:center;padding-left:18px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-folder svg *{fill:currentColor}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-file{color:var(--text-dark-purple);font-size:12px;height:24px;align-items:center;padding-left:32px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-file img{height:1.5em;width:auto;margin-right:1em;margin-top:.5em}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-sidebar-file.chosen{background:rgba(0,0,0,.04)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content{width:75%;height:655px;background:var(--background-white)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-tabs{width:100%;height:36px;background:var(--background-light-100);display:flex;align-items:end;border-bottom:1px solid var(--border-shadow)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-tabs-tab{font-size:13px;height:36px;background:pink;display:grid;align-items:center;padding:0 16px;background:var(--background-white);border:1px solid var(--border-shadow);border-bottom:none;border-left:0}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide{height:100%;display:flex}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-lines{height:618px;width:42px;background:var(--background-white);font-size:12px;border-right:1px solid var(--border-light)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-lines .codebox-line{width:100%;height:20px;font-family:IBM Plex Mono,monospace;text-align:right;justify-content:end;padding-right:8px;align-items:center;display:flex}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code{height:618px;width:calc(100% - 42px);background:var(--background-white)}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code .faux-tab{margin-right:32px}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code p{margin:0;line-height:20px;font-size:12px;padding-left:12px;padding-right:12px;color:#3c3c3c}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code p .text-yellow{color:coral!important}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code p .text-purple-alt{color:#9370db}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code p .text-blue{color:var(--complementary-blue)!important}.how-it-works-monitoring .desktop-view .presentation-integration-anim-window-body-content-ide-code p .text-green{color:var(--complementary-green)!important}.how-it-works-monitoring .desktop-view .presentation-integration-anim.active,.how-it-works-monitoring .desktop-view .presentation-integration-bg.active{opacity:1}.how-it-works-monitoring .desktop-view .presentation-api-bg,.how-it-works-monitoring .desktop-view .presentation-default-bg{opacity:0;transition:opacity .4s;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-dark-purple);z-index:0}.how-it-works-monitoring .desktop-view .presentation-api{opacity:0;transition:opacity .4s;position:absolute;top:0;z-index:1;padding-left:15%;padding-top:15%}.how-it-works-monitoring .desktop-view .presentation-api p{color:var(--text-white);font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:400;line-height:28px;max-width:600px;word-break:break-all}.how-it-works-monitoring .desktop-view .presentation-api p.text-res{color:var(--complementary-red)}.how-it-works-monitoring .desktop-view .presentation-api-bg:after{position:absolute;content:"";height:100%;width:100%;left:0;bottom:0;z-index:-1;background-image:url(/_next/static/media/purple.162c20b5.svg);background-repeat:no-repeat;background-position:0 100%;opacity:.3}.how-it-works-monitoring .desktop-view .presentation-api-bg.active,.how-it-works-monitoring .desktop-view .presentation-api.active,.how-it-works-monitoring .desktop-view .presentation-default-bg.active{opacity:1}.notification-channel-mockup-wrapper{position:absolute;height:100%;width:100%;top:0;left:0;background:var(--background-dark-purple);opacity:0;transition:opacity 1s;z-index:1}.notification-channel-mockup-wrapper.active{opacity:1}.notification-channel-mockup{margin-top:96px;padding:40px;border:1px solid var(--border-grey);border-radius:8px;box-shadow:9px 15px 45px #1f1632;background:var(--background-white)}.notification-channel-mockup-header{margin-bottom:20px;font-size:24px;font-family:Saira,sans-serif;font-weight:600}.notification-channel-mockup input{margin-bottom:24px;width:100%;padding:16px;background:var(--background-light-50);border:none;border-radius:8px;border:1px solid var(--border-grey);font-size:14px}.notification-channel-mockup button{padding:12px 48px;font-size:14px;border-radius:6px;font-weight:700}.notification-channel-mockup button.cancel{border:1px solid var(--text-dark-purple);background:rgba(0,0,0,0)}.notification-channel-mockup button.confirm{background:var(--background-dark-purple);color:var(--text-white);border:1px solid var(--background-dark-purple)}.notification-channel-mockup .lower{display:flex}.tasks-mockup-wrapper{position:absolute;height:100%;width:100%;top:0;opacity:0;background:var(--background-dark-purple);transition:opacity 1s}.tasks-mockup-wrapper.active{opacity:1}.tasks-mockup{border:1px solid var(--border-grey);border-radius:8px;margin-top:96px;background:var(--background-white)}.tasks-mockup .mmt-form{width:100%}.tasks-mockup .mmt-form .top{display:flex;justify-content:space-between;align-items:center;margin:32px 0;padding:0 32px}.tasks-mockup .mmt-form .top h1{font-weight:500;font-size:32px;margin:0}.tasks-mockup .mmt-form .top .close-icon{background:var(--background-purple);padding:10px;height:32px;width:32px;border-radius:100%;color:var(--text-white)}.tasks-mockup .mmt-form .top .close-icon:hover{cursor:pointer}.tasks-mockup .mmt-form .counts{display:flex;justify-content:space-between;margin-bottom:20px;padding:0 32px}.tasks-mockup .mmt-form .counts span{font-size:14px;font-weight:700;color:var(--text-light-purple)}.tasks-mockup .mmt-form .counts span.num{margin-left:8px;color:var(--text-deactive-light)}.tasks-mockup .mmt-form .body{padding:32px;border-top:1px solid var(--border-grey);border-bottom:1px solid var(--border-grey)}.tasks-mockup .mmt-form .body .tabs{display:flex;width:100%;margin-bottom:12px;padding-bottom:12px;overflow-x:auto}.tasks-mockup .mmt-form .body input{background-color:var(--background-light-100);border:1px solid rgba(0,0,0,0);border-radius:8px;font-size:14px;padding:21px;transition:border .4s;width:100%}.tasks-mockup .mmt-form .submit-cancel{padding:32px;display:flex;width:100%;justify-content:space-between}.tasks-mockup .mmt-form .submit-cancel .btn{font-size:14px;font-weight:700;border-radius:8px;padding:16px;width:calc(50% - 12px)}.tasks-mockup .mmt-form .submit-cancel .btn.btn-cancel{background:rgba(0,0,0,0);border:1px solid var(--border-menu)}.tasks-mockup .mmt-form .submit-cancel .btn.btn-submit{background:var(--background-purple);border:1px solid var(--background-purple);color:var(--text-white)}