Tags: j3lli21/athenz
Tags
// Jest Snapshot v1, https://goo.gl/fbAQLP exports[`StaticInstancePage should render 1`] = ` .emotion-0 { height: 60px; position: relative; } .emotion-2 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #002339; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 60px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; left: 0; padding: 0 24px; position: static; right: 0; top: 0; z-index: 2; } .emotion-2.scrolled { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); } .emotion-2 .flush-right { margin-left: auto; } .emotion-3 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; position: relative; } .emotion-3.simple { color: #fff; font-family: Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.simple.nav-link { cursor: pointer; } .emotion-3.simple.nav-link:hover { color: rgba(255,255,255,0.75); } .emotion-3.simple.active { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-3.simple.nav-link.active:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-3 .nav-title { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: Helvetica,Arial,sans-serif; font-size: 16px; height: 100%; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.nav-link .nav-title { cursor: pointer; } .emotion-3.active .nav-title, .emotion-3 .active.nav-title { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-3 .nav-title:hover { color: rgba(255,255,255,0.75); } .emotion-3.nav-link.active .nav-title:hover, .emotion-3.nav-link .active.nav-title:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-3 img.nav-logo { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 34px; } .emotion-3 .nav-icon, .emotion-3:hover .nav-icon { width: 24px; height: 24px; } .emotion-3 .nav-icon path, .emotion-3:hover .nav-icon path, .emotion-3 .nav-icon ellipse, .emotion-3:hover .nav-icon ellipse, .emotion-3 .nav-icon rect, .emotion-3:hover .nav-icon rect, .emotion-3 .nav-icon circle, .emotion-3:hover .nav-icon circle { fill: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.nav-link:hover .nav-icon path, .emotion-3.nav-link:hover .nav-icon ellipse, .emotion-3.nav-link:hover .nav-icon rect, .emotion-3.nav-link:hover .nav-icon circle { fill: rgba(255,255,255,0.75); } .emotion-4 { height: 36px; cursor: pointer; } .emotion-6 { margin-left: 10%; width: 50%; } .emotion-8 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; position: relative; width: 100%; } .emotion-8.simple { color: #fff; font-family: Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.simple.nav-link { cursor: pointer; } .emotion-8.simple.nav-link:hover { color: rgba(255,255,255,0.75); } .emotion-8.simple.active { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-8.simple.nav-link.active:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-8 .nav-title { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: Helvetica,Arial,sans-serif; font-size: 16px; height: 100%; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.nav-link .nav-title { cursor: pointer; } .emotion-8.active .nav-title, .emotion-8 .active.nav-title { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-8 .nav-title:hover { color: rgba(255,255,255,0.75); } .emotion-8.nav-link.active .nav-title:hover, .emotion-8.nav-link .active.nav-title:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-8 img.nav-logo { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 34px; } .emotion-8 .nav-icon, .emotion-8:hover .nav-icon { width: 24px; height: 24px; } .emotion-8 .nav-icon path, .emotion-8:hover .nav-icon path, .emotion-8 .nav-icon ellipse, .emotion-8:hover .nav-icon ellipse, .emotion-8 .nav-icon rect, .emotion-8:hover .nav-icon rect, .emotion-8 .nav-icon circle, .emotion-8:hover .nav-icon circle { fill: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.nav-link:hover .nav-icon path, .emotion-8.nav-link:hover .nav-icon ellipse, .emotion-8.nav-link:hover .nav-icon rect, .emotion-8.nav-link:hover .nav-icon circle { fill: rgba(255,255,255,0.75); } .emotion-9 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; position: relative; width: 100%; } .emotion-9 input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: rgba(53,112,244,0.05); border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: transparent; border-left: transparent; border-radius: 2px; box-shadow: none; box-sizing: border-box; color: #303030; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; font: inherit; height: 36px; margin: 0; outline: none; padding: 0 1rem; text-align: left; width: 100%; } .emotion-9.animated input { -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; } .emotion-9 input::-webkit-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input::-moz-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input:-ms-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input::placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input.focused, .emotion-9 input:active, .emotion-9 input:focus { background: rgba(53,112,244,0.05); border-bottom: 2px solid #3570f4; color: #303030; } .emotion-9 input:invalid { background: rgba(53,112,244,0.05); border-bottom: 2px solid #d01111; color: #303030; } .emotion-9 .message { font-size: 12px; left: 0; line-height: 1.8; position: absolute; top: 2.571rem; } .emotion-9.error input, .emotion-9.error input.focused, .emotion-9.error input:active, .emotion-9.error input:focus { border-bottom: 2px solid #d01111; } .emotion-9.error .message { color: #d01111; } .emotion-9 input { background: rgba(242,242,242,0.1); color: #fff; } .emotion-9 input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input::-moz-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input:-ms-input-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input::placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input.focused, .emotion-9 input:active, .emotion-9 input:focus { background: rgba(242,242,242,0.1); border-bottom: 2px solid #3570f4; color: #fff; } .emotion-9 input { padding-right: 36px; } .emotion-9 .input-icon { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 36px; position: absolute; right: 6px; } .emotion-10 { fill: #3570f4; cursor: inherit; vertical-align: text-bottom; } .emotion-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-14 { fill: #fff; cursor: pointer; vertical-align: text-bottom; } .emotion-15 { margin-left: 15px; } .emotion-18 { -webkit-flex: 1 1 calc(100vh - 60px); -ms-flex: 1 1 calc(100vh - 60px); flex: 1 1 calc(100vh - 60px); overflow: hidden; font: 300 14px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; } .emotion-20 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .emotion-22 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; height: calc(100vh - 60px); overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .emotion-26 { background: linear-gradient(to top, #f2f2f2, #fff); padding: 20px 30px 0; } .emotion-28 { font: 600 20px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; margin-bottom: 10px; } .emotion-30 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-32 { margin: 3px; vertical-align: 3px; } .emotion-34 { fill: #0072df; cursor: pointer; vertical-align: text-bottom; } .emotion-35 { margin: 20px 0; } .emotion-37 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-39 { padding-right: 50px; } .emotion-41 { font-weight: 600; } .emotion-43 { color: #9a9a9a; -webkit-text-decoration: none; text-decoration: none; font-size: 14px; cursor: pointer; } .emotion-45 { margin: 3px; vertical-align: 2px; } .emotion-48 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #f5f8fe; border-radius: 2px; box-sizing: border-box; display: inline-grid; grid-template-columns: repeat(2, 1fr); margin-top: 0; min-width: 80px; position: relative; } .emotion-48.vertical { background: #f5f8fe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; min-width: 300px; overflow-y: scroll; padding: 12px 0px 40px 0px; width: 300px; } .emotion-49 { font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f8fe; color: #3697f2; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 8px 20px; white-space: nowrap; z-index: 1; } .emotion-49:hover { color: #3570f4; } .emotion-49.active { background: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #303030; cursor: initial; } .emotion-49.active:hover { color: #303030; } .emotion-49.vertical { background: #f5f8fe; border-left: solid 4px #f5f8fe; height: 24px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding: 12px 0px 12px 26px; text-align: left; } .emotion-49.vertical.active { background: #fff; border-left: solid 4px #3697f2; color: #303030; } .emotion-49.vertical.active:hover { color: #303030; } .emotion-51 { margin: 20px; } .emotion-53 { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-55 { width: 50%; } .emotion-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .emotion-59 { background: #ffffff; width: 65%; margin-left: 5px; } .emotion-61 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; position: relative; width: 100%; } .emotion-61 input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: rgba(53,112,244,0.05); border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: transparent; border-left: transparent; border-radius: 2px; box-shadow: none; box-sizing: border-box; color: #303030; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; font: inherit; height: 36px; margin: 0; outline: none; padding: 0 1rem; text-align: left; width: 100%; } .emotion-61.animated input { -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; } .emotion-61 input::-webkit-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input::-moz-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input:-ms-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input::placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input.focused, .emotion-61 input:active, .emotion-61 input:focus { background: rgba(53,112,244,0.05); border-bottom: 2px solid #3570f4; color: #303030; } .emotion-61 input:invalid { background: rgba(53,112,244,0.05); border-bottom: 2px solid #d01111; color: #303030; } .emotion-61 .message { font-size: 12px; left: 0; line-height: 1.8; position: absolute; top: 2.571rem; } .emotion-61.error input, .emotion-61.error input.focused, .emotion-61.error input:active, .emotion-61.error input:focus { border-bottom: 2px solid #d01111; } .emotion-61.error .message { color: #d01111; } .emotion-61 input { padding-right: 36px; } .emotion-61 .input-icon { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 36px; position: absolute; right: 6px; } .emotion-63 { border: none; border-radius: 2px; box-shadow: 0 0 0 1px transparent inset,0 0 0 0 #d5d5d5 inset; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-weight: 300; font-size: 14px; line-height: 1; margin: 5px; outline: 0; padding: 10px 24px; text-align: center; text-shadow: none; text-transform: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; vertical-align: baseline; white-space: nowrap; background: transparent; box-shadow: 0 0 0 1px #3697f2 inset; color: #3697f2; } .emotion-63:first-of-type { margin-left: 0; } .emotion-63:disabled { background: rgba(48,48,48,0.1); color: rgba(48,48,48,0.2); cursor: not-allowed; } .emotion-63:disabled { box-shadow: 0 0 0 1px rgba(48,48,48,0.1) inset; } .emotion-63:hover:not(:disabled) { background: #d7e2fd; } .emotion-64 { width: 100%; border-spacing: 0 15px; display: table; border-collapse: separate; border-color: grey; } .emotion-66 { text-align: left; border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 25px; word-break: break-all; } .emotion-68 { border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 15px; word-break: break-all; } .emotion-72 { box-sizing: border-box; margin-top: 10px; box-shadow: 0 1px 4px #d9d9d9; border: 1px solid #fff; -webkit-border-image: none; border-image: none; -webkit-border-image: initial; border-image: initial; padding: 5px 0 5px 15px; } .emotion-74 { text-align: left; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-76 { text-align: center; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-80 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: -21px; margin-top: 20px; position: absolute; text-align: center; width: 20px; } .emotion-82 { fill: #303030; cursor: inherit; vertical-align: text-bottom; } .emotion-83 { margin-right: 0; border-left: 1px solid #d5d5d5; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; height: calc(100vh - 60px); overflow: auto; -webkit-transition: margin 0.4s ease-in-out; transition: margin 0.4s ease-in-out; display: block; min-width: 350px; width: 350px; } .emotion-85 { -webkit-align-items: baseline; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px 30px 20px 15px; } .emotion-87 { font-size: 16px; font-weight: 600; } .emotion-89 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-91 { padding: 0 5px; color: #d5d5d5; } .emotion-95 { padding: 0 30px 0 15px; } .emotion-97 { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-99 { font-size: 1.25em; margin-right: 5px; } .emotion-101 { fill: #303030; cursor: inherit; vertical-align: baseline; } <div data-testid="static-instance" > <div class="emotion-0 emotion-1" data-testid="header" > <div class="emotion-2 denali-navbar" data-testid="navbar" > <div class="emotion-3 simple denali-navbar-item" data-testid="navbar-item" > <a href="/" > <img class="emotion-4 emotion-5" src="/static/athenz-logo-full.png" /> </a> </div> <div class="emotion-6 emotion-7" > <div class="emotion-8 simple denali-navbar-item" data-testid="navbar-item" > <div class="emotion-9 denali-input animated" data-testid="input-wrapper" > <input autocomplete="off" data-testid="input-node" name="search" placeholder="Enter domain name" value="" /> <div class="input-icon" > <svg class="emotion-10" data-testid="icon" height="24px" viewBox="0 0 1024 1024" width="24px" > <title> search </title> <path d="M659.413 599.68c40.125-53.054 64.27-120.136 64.27-192.857 0-177.556-143.937-321.493-321.493-321.493s-321.493 143.937-321.493 321.493c0 177.556 143.937 321.493 321.493 321.493 74.297 0 142.708-25.203 197.149-67.525l-0.726 0.543 267.307 264.96c7.723 7.731 18.396 12.514 30.187 12.514s22.464-4.782 30.186-12.513l0-0c7.795-7.733 12.621-18.45 12.621-30.293s-4.826-22.56-12.618-30.291l-0.003-0.003zM444.8 637.227c-11.829 2.113-25.446 3.322-39.345 3.322-129.603 0-234.667-105.064-234.667-234.667s105.064-234.667 234.667-234.667c129.603 0 234.667 105.064 234.667 234.667 0 13.899-1.208 27.516-3.526 40.752l0.204-1.407c-17.178 98.349-93.651 174.822-190.593 191.796l-1.407 0.204z" /> </svg> </div> <div class="message" data-testid="message" /> </div> </div> </div> <div class="emotion-3 simple flush-right denali-navbar-item" data-testid="navbar-item" > <div class="emotion-12 emotion-13" data-testid="header-menu" > <svg class="emotion-14" data-testid="icon" height="25px" viewBox="0 0 1024 1024" width="25px" > <title> notification </title> <path d="M925.867 627.2l-68.267-68.267c-15.132-16.256-24.706-37.864-25.595-61.692l-0.005-0.174v-134.4c0-172.8-115.2-320-320-320s-320 142.933-320 320v149.333c-0.424 14.075-6.029 26.765-14.962 36.297l0.028-0.030-78.933 78.933c-7.763 7.612-12.628 18.155-12.8 29.835l-0 0.032v153.6c0 23.564 19.103 42.667 42.667 42.667v0h236.8c12.454 70.953 73.611 124.182 147.2 124.182s134.746-53.229 147.069-123.285l0.131-0.897h236.8c23.564 0 42.667-19.103 42.667-42.667v0-153.6c-0.172-11.712-5.037-22.255-12.793-29.86l-0.007-0.007zM853.333 768h-682.667v-91.733l66.133-68.267c24.782-24.511 40.224-58.423 40.533-95.941l0-0.059v-149.333c0-113.067 61.867-234.667 234.667-234.667s234.667 125.867 234.667 234.667v134.4c0.879 47.11 19.381 89.736 49.168 121.71l-0.102-0.11 57.6 57.6z" /> </svg> <div class="emotion-15 emotion-16" > <svg class="emotion-14" data-testid="icon" height="25px" viewBox="0 0 1024 1024" width="25px" > <title> help-circle </title> <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </div> </div> </div> </div> </div> <div class="emotion-18 emotion-19" > <div class="emotion-20 emotion-21" > <div class="emotion-22 emotion-23" > <div class="emotion-24 emotion-25" > <div class="emotion-26 emotion-27" > <div class="emotion-28 emotion-29" data-testid="service-name-header" > <a class="emotion-30 emotion-31" > dom </a> :service. <span class="emotion-32 emotion-33" > <svg class="emotion-34" data-testid="icon" height="15px" viewBox="0 0 1024 1024" width="15px" > <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </span> </div> <div class="emotion-35 emotion-36" > <div class="emotion-37 emotion-38" > <span> <div class="emotion-39 emotion-40" > <div class="emotion-41 emotion-42" > 9 </div> <div class="emotion-43 emotion-44" > Total Static Instances <span class="emotion-45 emotion-46" > <svg class="emotion-34" data-testid="icon" height="15px" viewBox="0 0 1024 1024" width="15px" > <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </span> </div> </div> </span> </div> </div> <div class="emotion-48 denali-tab-group" data-testid="tabgroup" > <div class="emotion-49 denali-tab active" data-active="true" > Static </div> <div class="emotion-49 denali-tab" data-active="false" > Dynamic </div> </div> </div> <div class="emotion-51 emotion-52" data-testid="instancelist" > <div class="emotion-53 emotion-54" > <div class="emotion-55 emotion-56" > <div class="emotion-57 emotion-58" > <div class="emotion-59 emotion-60" > <div class="emotion-61 denali-input animated" data-testid="input-wrapper" > <input autocomplete="off" data-testid="input-node" name="search" placeholder="Search" value="" /> <div class="input-icon" > <svg class="emotion-10" data-testid="icon" height="24px" viewBox="0 0 1024 1024" width="24px" > <title> search </title> <path d="M659.413 599.68c40.125-53.054 64.27-120.136 64.27-192.857 0-177.556-143.937-321.493-321.493-321.493s-321.493 143.937-321.493 321.493c0 177.556 143.937 321.493 321.493 321.493 74.297 0 142.708-25.203 197.149-67.525l-0.726 0.543 267.307 264.96c7.723 7.731 18.396 12.514 30.187 12.514s22.464-4.782 30.186-12.513l0-0c7.795-7.733 12.621-18.45 12.621-30.293s-4.826-22.56-12.618-30.291l-0.003-0.003zM444.8 637.227c-11.829 2.113-25.446 3.322-39.345 3.322-129.603 0-234.667-105.064-234.667-234.667s105.064-234.667 234.667-234.667c129.603 0 234.667 105.064 234.667 234.667 0 13.899-1.208 27.516-3.526 40.752l0.204-1.407c-17.178 98.349-93.651 174.822-190.593 191.796l-1.407 0.204z" /> </svg> </div> <div class="message" data-testid="message" /> </div> </div> </div> </div> <div> <button class="emotion-63 denali-button" > Add Static Instance </button> </div> </div> <table class="emotion-64 emotion-65" data-testid="instancetable" > <colgroup> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> </colgroup> <thead> <tr> <th class="emotion-66 emotion-67" > Instance </th> <th class="emotion-68 emotion-69" > Type </th> <th class="emotion-68 emotion-69" > Date Added </th> </tr> </thead> <tbody> <tr class="emotion-72 emotion-73" data-testid="instance-row" > <td class="emotion-74 emotion-75" color="" /> <td class="emotion-76 emotion-75" color="" > ips </td> <td class="emotion-76 emotion-75" color="" > 2021-05-15 01:17 UTC </td> </tr> </tbody> </table> </div> </div> </div> <div data-testid="user-domains" > <div class="emotion-80 emotion-81" data-testid="toggle-domain" > <svg class="emotion-82" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> arrow-right </title> <path d="M579.627 512l-225.707 226.133c-7.425 7.668-12.002 18.133-12.002 29.667 0 14.028 6.77 26.476 17.222 34.252l0.114 0.081c6.877 4.635 15.35 7.398 24.467 7.398 12.618 0 24-5.292 32.048-13.778l0.019-0.020 254.293-253.653c7.731-7.723 12.514-18.396 12.514-30.187s-4.782-22.464-12.513-30.186l-0-0-254.293-254.507c-8.066-8.506-19.448-13.798-32.066-13.798-9.118 0-17.59 2.763-24.625 7.498l0.158-0.1c-10.919 7.83-17.949 20.483-17.949 34.778 0 11.841 4.824 22.556 12.613 30.286l0.003 0.003z" /> </svg> </div> <div class="emotion-83 emotion-84" > <div class="emotion-85 emotion-86" > <div class="emotion-87 emotion-88" > My Domains </div> <div> <a class="emotion-89 emotion-90" > Create </a> <span class="emotion-91 emotion-92" > | </span> <a class="emotion-89 emotion-90" > Manage </a> </div> </div> <div class="emotion-95 emotion-96" > <div class="emotion-97 emotion-98" > <div class="emotion-99 emotion-100" > <svg class="emotion-101" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> user-group </title> <path d="M320 512c106.039 0 192-85.961 192-192s-85.961-192-192-192c-106.039 0-192 85.961-192 192v0c0 106.039 85.961 192 192 192v0zM320 213.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667c-58.91 0-106.667-47.756-106.667-106.667v0c0-58.91 47.756-106.667 106.667-106.667v0z" /> <path d="M746.667 512c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333c-82.475 0-149.333 66.859-149.333 149.333v0c0 82.475 66.859 149.333 149.333 149.333v0zM746.667 298.667c35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64v0c-0.024-0.647-0.038-1.408-0.038-2.171 0-34.168 27.699-61.867 61.867-61.867 0.764 0 1.524 0.014 2.281 0.041l-0.11-0.003z" /> <path d="M981.333 627.2l-19.2-12.8c-61.484-37.554-135.879-59.79-215.467-59.79s-153.983 22.236-217.31 60.834l1.843-1.044-17.067 12.8c-51.435-18.731-110.808-29.656-172.706-29.866l-0.094-0c-1.041-0.008-2.273-0.012-3.505-0.012-102.805 0-198.352 31.076-277.759 84.348l1.797-1.135-19.2 12.8v160c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-42.667h298.667c23.564 0 42.667-19.103 42.667-42.667v0zM554.667 810.667h-426.667v-70.4c60.429-36.199 133.319-57.605 211.209-57.605 0.747 0 1.493 0.002 2.239 0.006l-0.115-0c0.631-0.003 1.377-0.005 2.124-0.005 77.89 0 150.78 21.406 213.108 58.657l-1.899-1.052zM896 725.333h-256v-32l-32-21.333c40.883-19.81 88.92-31.389 139.661-31.389 54.141 0 105.204 13.182 150.153 36.512l-1.814-0.857z" /> </svg> </div> <a class="emotion-89 emotion-90" > athens </a> </div> <div class="emotion-97 emotion-98" > <div class="emotion-99 emotion-100" > <svg class="emotion-101" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> user-group </title> <path d="M320 512c106.039 0 192-85.961 192-192s-85.961-192-192-192c-106.039 0-192 85.961-192 192v0c0 106.039 85.961 192 192 192v0zM320 213.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667c-58.91 0-106.667-47.756-106.667-106.667v0c0-58.91 47.756-106.667 106.667-106.667v0z" /> <path d="M746.667 512c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333c-82.475 0-149.333 66.859-149.333 149.333v0c0 82.475 66.859 149.333 149.333 149.333v0zM746.667 298.667c35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64v0c-0.024-0.647-0.038-1.408-0.038-2.171 0-34.168 27.699-61.867 61.867-61.867 0.764 0 1.524 0.014 2.281 0.041l-0.11-0.003z" /> <path d="M981.333 627.2l-19.2-12.8c-61.484-37.554-135.879-59.79-215.467-59.79s-153.983 22.236-217.31 60.834l1.843-1.044-17.067 12.8c-51.435-18.731-110.808-29.656-172.706-29.866l-0.094-0c-1.041-0.008-2.273-0.012-3.505-0.012-102.805 0-198.352 31.076-277.759 84.348l1.797-1.135-19.2 12.8v160c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-42.667h298.667c23.564 0 42.667-19.103 42.667-42.667v0zM554.667 810.667h-426.667v-70.4c60.429-36.199 133.319-57.605 211.209-57.605 0.747 0 1.493 0.002 2.239 0.006l-0.115-0c0.631-0.003 1.377-0.005 2.124-0.005 77.89 0 150.78 21.406 213.108 58.657l-1.899-1.052zM896 725.333h-256v-32l-32-21.333c40.883-19.81 88.92-31.389 139.661-31.389 54.141 0 105.204 13.182 150.153 36.512l-1.814-0.857z" /> </svg> </div> <a class="emotion-89 emotion-90" > athens.ci </a> </div> </div> </div> </div> </div> </div> </div> `; exports[`StaticInstancePage should render for categoryType 1`] = ` .emotion-0 { height: 60px; position: relative; } .emotion-0 { height: 60px; position: relative; } .emotion-2 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #002339; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 60px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; left: 0; padding: 0 24px; position: static; right: 0; top: 0; z-index: 2; } .emotion-2.scrolled { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); } .emotion-2 .flush-right { margin-left: auto; } .emotion-3 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; position: relative; } .emotion-3.simple { color: #fff; font-family: Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.simple.nav-link { cursor: pointer; } .emotion-3.simple.nav-link:hover { color: rgba(255,255,255,0.75); } .emotion-3.simple.active { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-3.simple.nav-link.active:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-3 .nav-title { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: Helvetica,Arial,sans-serif; font-size: 16px; height: 100%; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.nav-link .nav-title { cursor: pointer; } .emotion-3.active .nav-title, .emotion-3 .active.nav-title { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-3 .nav-title:hover { color: rgba(255,255,255,0.75); } .emotion-3.nav-link.active .nav-title:hover, .emotion-3.nav-link .active.nav-title:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-3 img.nav-logo { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 34px; } .emotion-3 .nav-icon, .emotion-3:hover .nav-icon { width: 24px; height: 24px; } .emotion-3 .nav-icon path, .emotion-3:hover .nav-icon path, .emotion-3 .nav-icon ellipse, .emotion-3:hover .nav-icon ellipse, .emotion-3 .nav-icon rect, .emotion-3:hover .nav-icon rect, .emotion-3 .nav-icon circle, .emotion-3:hover .nav-icon circle { fill: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-3.nav-link:hover .nav-icon path, .emotion-3.nav-link:hover .nav-icon ellipse, .emotion-3.nav-link:hover .nav-icon rect, .emotion-3.nav-link:hover .nav-icon circle { fill: rgba(255,255,255,0.75); } .emotion-4 { height: 36px; cursor: pointer; } .emotion-4 { height: 36px; cursor: pointer; } .emotion-6 { margin-left: 10%; width: 50%; } .emotion-6 { margin-left: 10%; width: 50%; } .emotion-8 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; position: relative; width: 100%; } .emotion-8.simple { color: #fff; font-family: Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.simple.nav-link { cursor: pointer; } .emotion-8.simple.nav-link:hover { color: rgba(255,255,255,0.75); } .emotion-8.simple.active { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-8.simple.nav-link.active:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-8 .nav-title { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: Helvetica,Arial,sans-serif; font-size: 16px; height: 100%; padding: 0 12px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.nav-link .nav-title { cursor: pointer; } .emotion-8.active .nav-title, .emotion-8 .active.nav-title { box-shadow: inset 0 -4px 0 #3697f2; } .emotion-8 .nav-title:hover { color: rgba(255,255,255,0.75); } .emotion-8.nav-link.active .nav-title:hover, .emotion-8.nav-link .active.nav-title:hover { box-shadow: inset 0 -4px 0 rgba(54,151,242,0.75); } .emotion-8 img.nav-logo { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 34px; } .emotion-8 .nav-icon, .emotion-8:hover .nav-icon { width: 24px; height: 24px; } .emotion-8 .nav-icon path, .emotion-8:hover .nav-icon path, .emotion-8 .nav-icon ellipse, .emotion-8:hover .nav-icon ellipse, .emotion-8 .nav-icon rect, .emotion-8:hover .nav-icon rect, .emotion-8 .nav-icon circle, .emotion-8:hover .nav-icon circle { fill: #fff; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .emotion-8.nav-link:hover .nav-icon path, .emotion-8.nav-link:hover .nav-icon ellipse, .emotion-8.nav-link:hover .nav-icon rect, .emotion-8.nav-link:hover .nav-icon circle { fill: rgba(255,255,255,0.75); } .emotion-9 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; position: relative; width: 100%; } .emotion-9 input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: rgba(53,112,244,0.05); border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: transparent; border-left: transparent; border-radius: 2px; box-shadow: none; box-sizing: border-box; color: #303030; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; font: inherit; height: 36px; margin: 0; outline: none; padding: 0 1rem; text-align: left; width: 100%; } .emotion-9.animated input { -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; } .emotion-9 input::-webkit-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input::-moz-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input:-ms-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input::placeholder { color: rgba(48,48,48,0.6); } .emotion-9 input.focused, .emotion-9 input:active, .emotion-9 input:focus { background: rgba(53,112,244,0.05); border-bottom: 2px solid #3570f4; color: #303030; } .emotion-9 input:invalid { background: rgba(53,112,244,0.05); border-bottom: 2px solid #d01111; color: #303030; } .emotion-9 .message { font-size: 12px; left: 0; line-height: 1.8; position: absolute; top: 2.571rem; } .emotion-9.error input, .emotion-9.error input.focused, .emotion-9.error input:active, .emotion-9.error input:focus { border-bottom: 2px solid #d01111; } .emotion-9.error .message { color: #d01111; } .emotion-9 input { background: rgba(242,242,242,0.1); color: #fff; } .emotion-9 input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input::-moz-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input:-ms-input-placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input::placeholder { color: rgba(255,255,255,0.6); } .emotion-9 input.focused, .emotion-9 input:active, .emotion-9 input:focus { background: rgba(242,242,242,0.1); border-bottom: 2px solid #3570f4; color: #fff; } .emotion-9 input { padding-right: 36px; } .emotion-9 .input-icon { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 36px; position: absolute; right: 6px; } .emotion-10 { fill: #3570f4; cursor: inherit; vertical-align: text-bottom; } .emotion-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-14 { fill: #fff; cursor: pointer; vertical-align: text-bottom; } .emotion-15 { margin-left: 15px; } .emotion-15 { margin-left: 15px; } .emotion-18 { -webkit-flex: 1 1 calc(100vh - 60px); -ms-flex: 1 1 calc(100vh - 60px); flex: 1 1 calc(100vh - 60px); overflow: hidden; font: 300 14px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; } .emotion-18 { -webkit-flex: 1 1 calc(100vh - 60px); -ms-flex: 1 1 calc(100vh - 60px); flex: 1 1 calc(100vh - 60px); overflow: hidden; font: 300 14px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; } .emotion-20 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .emotion-20 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .emotion-22 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; height: calc(100vh - 60px); overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .emotion-22 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; height: calc(100vh - 60px); overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .emotion-26 { background: linear-gradient(to top, #f2f2f2, #fff); padding: 20px 30px 0; } .emotion-26 { background: linear-gradient(to top, #f2f2f2, #fff); padding: 20px 30px 0; } .emotion-28 { font: 600 20px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; margin-bottom: 10px; } .emotion-28 { font: 600 20px HelveticaNeue-Reg,Helvetica,Arial,sans-serif; margin-bottom: 10px; } .emotion-30 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-30 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-32 { margin: 3px; vertical-align: 3px; } .emotion-32 { margin: 3px; vertical-align: 3px; } .emotion-34 { fill: #0072df; cursor: pointer; vertical-align: text-bottom; } .emotion-35 { margin: 20px 0; } .emotion-35 { margin: 20px 0; } .emotion-37 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-37 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-39 { padding-right: 50px; } .emotion-39 { padding-right: 50px; } .emotion-41 { font-weight: 600; } .emotion-41 { font-weight: 600; } .emotion-43 { color: #9a9a9a; -webkit-text-decoration: none; text-decoration: none; font-size: 14px; cursor: pointer; } .emotion-43 { color: #9a9a9a; -webkit-text-decoration: none; text-decoration: none; font-size: 14px; cursor: pointer; } .emotion-45 { margin: 3px; vertical-align: 2px; } .emotion-45 { margin: 3px; vertical-align: 2px; } .emotion-48 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #f5f8fe; border-radius: 2px; box-sizing: border-box; display: inline-grid; grid-template-columns: repeat(2, 1fr); margin-top: 0; min-width: 80px; position: relative; } .emotion-48.vertical { background: #f5f8fe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; min-width: 300px; overflow-y: scroll; padding: 12px 0px 40px 0px; width: 300px; } .emotion-49 { font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f8fe; color: #3697f2; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 8px 20px; white-space: nowrap; z-index: 1; } .emotion-49:hover { color: #3570f4; } .emotion-49.active { background: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #303030; cursor: initial; } .emotion-49.active:hover { color: #303030; } .emotion-49.vertical { background: #f5f8fe; border-left: solid 4px #f5f8fe; height: 24px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; padding: 12px 0px 12px 26px; text-align: left; } .emotion-49.vertical.active { background: #fff; border-left: solid 4px #3697f2; color: #303030; } .emotion-49.vertical.active:hover { color: #303030; } .emotion-51 { margin: 20px; } .emotion-51 { margin: 20px; } .emotion-53 { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-53 { padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .emotion-55 { width: 50%; } .emotion-55 { width: 50%; } .emotion-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .emotion-57 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .emotion-59 { background: #ffffff; width: 65%; margin-left: 5px; } .emotion-59 { background: #ffffff; width: 65%; margin-left: 5px; } .emotion-61 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 300; position: relative; width: 100%; } .emotion-61 input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: rgba(53,112,244,0.05); border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: transparent; border-left: transparent; border-radius: 2px; box-shadow: none; box-sizing: border-box; color: #303030; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; font: inherit; height: 36px; margin: 0; outline: none; padding: 0 1rem; text-align: left; width: 100%; } .emotion-61.animated input { -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out,border 0.2s ease-in-out; } .emotion-61 input::-webkit-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input::-moz-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input:-ms-input-placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input::placeholder { color: rgba(48,48,48,0.6); } .emotion-61 input.focused, .emotion-61 input:active, .emotion-61 input:focus { background: rgba(53,112,244,0.05); border-bottom: 2px solid #3570f4; color: #303030; } .emotion-61 input:invalid { background: rgba(53,112,244,0.05); border-bottom: 2px solid #d01111; color: #303030; } .emotion-61 .message { font-size: 12px; left: 0; line-height: 1.8; position: absolute; top: 2.571rem; } .emotion-61.error input, .emotion-61.error input.focused, .emotion-61.error input:active, .emotion-61.error input:focus { border-bottom: 2px solid #d01111; } .emotion-61.error .message { color: #d01111; } .emotion-61 input { padding-right: 36px; } .emotion-61 .input-icon { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 36px; position: absolute; right: 6px; } .emotion-63 { border: none; border-radius: 2px; box-shadow: 0 0 0 1px transparent inset,0 0 0 0 #d5d5d5 inset; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-weight: 300; font-size: 14px; line-height: 1; margin: 5px; outline: 0; padding: 10px 24px; text-align: center; text-shadow: none; text-transform: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; vertical-align: baseline; white-space: nowrap; background: transparent; box-shadow: 0 0 0 1px #3697f2 inset; color: #3697f2; } .emotion-63:first-of-type { margin-left: 0; } .emotion-63:disabled { background: rgba(48,48,48,0.1); color: rgba(48,48,48,0.2); cursor: not-allowed; } .emotion-63:disabled { box-shadow: 0 0 0 1px rgba(48,48,48,0.1) inset; } .emotion-63:hover:not(:disabled) { background: #d7e2fd; } .emotion-64 { width: 100%; border-spacing: 0 15px; display: table; border-collapse: separate; border-color: grey; } .emotion-64 { width: 100%; border-spacing: 0 15px; display: table; border-collapse: separate; border-color: grey; } .emotion-66 { text-align: left; border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 25px; word-break: break-all; } .emotion-66 { text-align: left; border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 25px; word-break: break-all; } .emotion-68 { border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 15px; word-break: break-all; } .emotion-68 { border-bottom: 2px solid #d5d5d5; color: #9a9a9a; font-weight: 600; font-size: 0.8rem; padding-bottom: 5px; vertical-align: top; text-transform: uppercase; padding: 5px 0 5px 15px; word-break: break-all; } .emotion-72 { box-sizing: border-box; margin-top: 10px; box-shadow: 0 1px 4px #d9d9d9; border: 1px solid #fff; -webkit-border-image: none; border-image: none; -webkit-border-image: initial; border-image: initial; padding: 5px 0 5px 15px; } .emotion-72 { box-sizing: border-box; margin-top: 10px; box-shadow: 0 1px 4px #d9d9d9; border: 1px solid #fff; -webkit-border-image: none; border-image: none; -webkit-border-image: initial; border-image: initial; padding: 5px 0 5px 15px; } .emotion-74 { text-align: left; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-74 { text-align: left; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-76 { text-align: center; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-76 { text-align: center; padding: 5px 0 5px 15px; vertical-align: middle; word-break: break-all; } .emotion-80 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: -21px; margin-top: 20px; position: absolute; text-align: center; width: 20px; } .emotion-80 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-left: -21px; margin-top: 20px; position: absolute; text-align: center; width: 20px; } .emotion-82 { fill: #303030; cursor: inherit; vertical-align: text-bottom; } .emotion-83 { margin-right: 0; border-left: 1px solid #d5d5d5; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; height: calc(100vh - 60px); overflow: auto; -webkit-transition: margin 0.4s ease-in-out; transition: margin 0.4s ease-in-out; display: block; min-width: 350px; width: 350px; } .emotion-83 { margin-right: 0; border-left: 1px solid #d5d5d5; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; height: calc(100vh - 60px); overflow: auto; -webkit-transition: margin 0.4s ease-in-out; transition: margin 0.4s ease-in-out; display: block; min-width: 350px; width: 350px; } .emotion-85 { -webkit-align-items: baseline; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px 30px 20px 15px; } .emotion-85 { -webkit-align-items: baseline; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px 30px 20px 15px; } .emotion-87 { font-size: 16px; font-weight: 600; } .emotion-87 { font-size: 16px; font-weight: 600; } .emotion-89 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-89 { color: #3570f4; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .emotion-91 { padding: 0 5px; color: #d5d5d5; } .emotion-91 { padding: 0 5px; color: #d5d5d5; } .emotion-95 { padding: 0 30px 0 15px; } .emotion-95 { padding: 0 30px 0 15px; } .emotion-97 { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-97 { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .emotion-99 { font-size: 1.25em; margin-right: 5px; } .emotion-99 { font-size: 1.25em; margin-right: 5px; } .emotion-101 { fill: #303030; cursor: inherit; vertical-align: baseline; } <div data-testid="static-instance" > <div class="emotion-0 emotion-1" data-testid="header" > <div class="emotion-2 denali-navbar" data-testid="navbar" > <div class="emotion-3 simple denali-navbar-item" data-testid="navbar-item" > <a href="/" > <img class="emotion-4 emotion-5" src="/static/athenz-logo-full.png" /> </a> </div> <div class="emotion-6 emotion-7" > <div class="emotion-8 simple denali-navbar-item" data-testid="navbar-item" > <div class="emotion-9 denali-input animated" data-testid="input-wrapper" > <input autocomplete="off" data-testid="input-node" name="search" placeholder="Enter domain name" value="" /> <div class="input-icon" > <svg class="emotion-10" data-testid="icon" height="24px" viewBox="0 0 1024 1024" width="24px" > <title> search </title> <path d="M659.413 599.68c40.125-53.054 64.27-120.136 64.27-192.857 0-177.556-143.937-321.493-321.493-321.493s-321.493 143.937-321.493 321.493c0 177.556 143.937 321.493 321.493 321.493 74.297 0 142.708-25.203 197.149-67.525l-0.726 0.543 267.307 264.96c7.723 7.731 18.396 12.514 30.187 12.514s22.464-4.782 30.186-12.513l0-0c7.795-7.733 12.621-18.45 12.621-30.293s-4.826-22.56-12.618-30.291l-0.003-0.003zM444.8 637.227c-11.829 2.113-25.446 3.322-39.345 3.322-129.603 0-234.667-105.064-234.667-234.667s105.064-234.667 234.667-234.667c129.603 0 234.667 105.064 234.667 234.667 0 13.899-1.208 27.516-3.526 40.752l0.204-1.407c-17.178 98.349-93.651 174.822-190.593 191.796l-1.407 0.204z" /> </svg> </div> <div class="message" data-testid="message" /> </div> </div> </div> <div class="emotion-3 simple flush-right denali-navbar-item" data-testid="navbar-item" > <div class="emotion-12 emotion-13" data-testid="header-menu" > <svg class="emotion-14" data-testid="icon" height="25px" viewBox="0 0 1024 1024" width="25px" > <title> notification </title> <path d="M925.867 627.2l-68.267-68.267c-15.132-16.256-24.706-37.864-25.595-61.692l-0.005-0.174v-134.4c0-172.8-115.2-320-320-320s-320 142.933-320 320v149.333c-0.424 14.075-6.029 26.765-14.962 36.297l0.028-0.030-78.933 78.933c-7.763 7.612-12.628 18.155-12.8 29.835l-0 0.032v153.6c0 23.564 19.103 42.667 42.667 42.667v0h236.8c12.454 70.953 73.611 124.182 147.2 124.182s134.746-53.229 147.069-123.285l0.131-0.897h236.8c23.564 0 42.667-19.103 42.667-42.667v0-153.6c-0.172-11.712-5.037-22.255-12.793-29.86l-0.007-0.007zM853.333 768h-682.667v-91.733l66.133-68.267c24.782-24.511 40.224-58.423 40.533-95.941l0-0.059v-149.333c0-113.067 61.867-234.667 234.667-234.667s234.667 125.867 234.667 234.667v134.4c0.879 47.11 19.381 89.736 49.168 121.71l-0.102-0.11 57.6 57.6z" /> </svg> <div class="emotion-15 emotion-16" > <svg class="emotion-14" data-testid="icon" height="25px" viewBox="0 0 1024 1024" width="25px" > <title> help-circle </title> <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </div> </div> </div> </div> </div> <div class="emotion-18 emotion-19" > <div class="emotion-20 emotion-21" > <div class="emotion-22 emotion-23" > <div class="emotion-24 emotion-25" > <div class="emotion-26 emotion-27" > <div class="emotion-28 emotion-29" data-testid="service-name-header" > <a class="emotion-30 emotion-31" > dom </a> :service. <span class="emotion-32 emotion-33" > <svg class="emotion-34" data-testid="icon" height="15px" viewBox="0 0 1024 1024" width="15px" > <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </span> </div> <div class="emotion-35 emotion-36" > <div class="emotion-37 emotion-38" > <span> <div class="emotion-39 emotion-40" > <div class="emotion-41 emotion-42" > 9 </div> <div class="emotion-43 emotion-44" > Total Static Instances <span class="emotion-45 emotion-46" > <svg class="emotion-34" data-testid="icon" height="15px" viewBox="0 0 1024 1024" width="15px" > <path d="M512 42.667c-259.206 0-469.333 210.128-469.333 469.333s210.128 469.333 469.333 469.333c259.206 0 469.333-210.128 469.333-469.333v0c0-259.206-210.128-469.333-469.333-469.333v0zM512 896c-212.077 0-384-171.923-384-384s171.923-384 384-384c212.077 0 384 171.923 384 384v0c0 212.077-171.923 384-384 384v0z" /> <path d="M554.667 768c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667c0-23.564 19.103-42.667 42.667-42.667s42.667 19.103 42.667 42.667z" /> <path d="M549.333 219.52c-11.244-2.339-24.166-3.678-37.4-3.678-71.49 0-133.854 39.072-166.904 97.027l-0.496 0.945c-3.783 6.395-6.018 14.093-6.018 22.313 0 14.468 6.924 27.319 17.64 35.419l0.112 0.081c6.829 4.846 15.334 7.747 24.517 7.747 15.995 0 29.934-8.801 37.239-21.826l0.111-0.215c12.111-22.947 31.869-40.492 55.815-49.471l0.718-0.236c98.133-33.707 187.52 72.32 120.96 170.667-16.346 22.524-42.587 37.002-72.21 37.002-4.025 0-7.988-0.267-11.871-0.785l0.455 0.050c-1.281-0.156-2.763-0.245-4.267-0.245s-2.986 0.089-4.443 0.262l0.176-0.017c-19.477 4.079-33.927 21.016-34.133 41.364l-0 0.022s0 0 0 1.28v82.773c-0.004 0.232-0.007 0.505-0.007 0.78 0 21.42 15.032 39.329 35.123 43.752l0.297 0.055c2.182 0.396 4.694 0.622 7.258 0.622 23.564 0 42.667-19.103 42.667-42.667 0-0.219-0.002-0.437-0.005-0.655l0 0.033v-31.147c0.196-9.48 6.547-17.425 15.209-20.015l0.151-0.039c78.046-25.561 133.424-97.737 133.424-182.847 0-92.861-65.924-170.325-153.523-188.144l-1.234-0.21z" /> </svg> </span> </div> </div> </span> </div> </div> <div class="emotion-48 denali-tab-group" data-testid="tabgroup" > <div class="emotion-49 denali-tab active" data-active="true" > Static </div> <div class="emotion-49 denali-tab" data-active="false" > Dynamic </div> </div> </div> <div class="emotion-51 emotion-52" data-testid="instancelist" > <div class="emotion-53 emotion-54" > <div class="emotion-55 emotion-56" > <div class="emotion-57 emotion-58" > <div class="emotion-59 emotion-60" > <div class="emotion-61 denali-input animated" data-testid="input-wrapper" > <input autocomplete="off" data-testid="input-node" name="search" placeholder="Search" value="" /> <div class="input-icon" > <svg class="emotion-10" data-testid="icon" height="24px" viewBox="0 0 1024 1024" width="24px" > <title> search </title> <path d="M659.413 599.68c40.125-53.054 64.27-120.136 64.27-192.857 0-177.556-143.937-321.493-321.493-321.493s-321.493 143.937-321.493 321.493c0 177.556 143.937 321.493 321.493 321.493 74.297 0 142.708-25.203 197.149-67.525l-0.726 0.543 267.307 264.96c7.723 7.731 18.396 12.514 30.187 12.514s22.464-4.782 30.186-12.513l0-0c7.795-7.733 12.621-18.45 12.621-30.293s-4.826-22.56-12.618-30.291l-0.003-0.003zM444.8 637.227c-11.829 2.113-25.446 3.322-39.345 3.322-129.603 0-234.667-105.064-234.667-234.667s105.064-234.667 234.667-234.667c129.603 0 234.667 105.064 234.667 234.667 0 13.899-1.208 27.516-3.526 40.752l0.204-1.407c-17.178 98.349-93.651 174.822-190.593 191.796l-1.407 0.204z" /> </svg> </div> <div class="message" data-testid="message" /> </div> </div> </div> </div> <div> <button class="emotion-63 denali-button" > Add Static Instance </button> </div> </div> <table class="emotion-64 emotion-65" data-testid="instancetable" > <colgroup> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> <col style="width: 20%;" /> </colgroup> <thead> <tr> <th class="emotion-66 emotion-67" > Instance </th> <th class="emotion-68 emotion-69" > Type </th> <th class="emotion-68 emotion-69" > Date Added </th> </tr> </thead> <tbody> <tr class="emotion-72 emotion-73" data-testid="instance-row" > <td class="emotion-74 emotion-75" color="" /> <td class="emotion-76 emotion-75" color="" > ips </td> <td class="emotion-76 emotion-75" color="" > 2021-05-15 01:17 UTC </td> </tr> </tbody> </table> </div> </div> </div> <div data-testid="user-domains" > <div class="emotion-80 emotion-81" data-testid="toggle-domain" > <svg class="emotion-82" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> arrow-right </title> <path d="M579.627 512l-225.707 226.133c-7.425 7.668-12.002 18.133-12.002 29.667 0 14.028 6.77 26.476 17.222 34.252l0.114 0.081c6.877 4.635 15.35 7.398 24.467 7.398 12.618 0 24-5.292 32.048-13.778l0.019-0.020 254.293-253.653c7.731-7.723 12.514-18.396 12.514-30.187s-4.782-22.464-12.513-30.186l-0-0-254.293-254.507c-8.066-8.506-19.448-13.798-32.066-13.798-9.118 0-17.59 2.763-24.625 7.498l0.158-0.1c-10.919 7.83-17.949 20.483-17.949 34.778 0 11.841 4.824 22.556 12.613 30.286l0.003 0.003z" /> </svg> </div> <div class="emotion-83 emotion-84" > <div class="emotion-85 emotion-86" > <div class="emotion-87 emotion-88" > My Domains </div> <div> <a class="emotion-89 emotion-90" > Create </a> <span class="emotion-91 emotion-92" > | </span> <a class="emotion-89 emotion-90" > Manage </a> </div> </div> <div class="emotion-95 emotion-96" > <div class="emotion-97 emotion-98" > <div class="emotion-99 emotion-100" > <svg class="emotion-101" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> user-group </title> <path d="M320 512c106.039 0 192-85.961 192-192s-85.961-192-192-192c-106.039 0-192 85.961-192 192v0c0 106.039 85.961 192 192 192v0zM320 213.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667c-58.91 0-106.667-47.756-106.667-106.667v0c0-58.91 47.756-106.667 106.667-106.667v0z" /> <path d="M746.667 512c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333c-82.475 0-149.333 66.859-149.333 149.333v0c0 82.475 66.859 149.333 149.333 149.333v0zM746.667 298.667c35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64v0c-0.024-0.647-0.038-1.408-0.038-2.171 0-34.168 27.699-61.867 61.867-61.867 0.764 0 1.524 0.014 2.281 0.041l-0.11-0.003z" /> <path d="M981.333 627.2l-19.2-12.8c-61.484-37.554-135.879-59.79-215.467-59.79s-153.983 22.236-217.31 60.834l1.843-1.044-17.067 12.8c-51.435-18.731-110.808-29.656-172.706-29.866l-0.094-0c-1.041-0.008-2.273-0.012-3.505-0.012-102.805 0-198.352 31.076-277.759 84.348l1.797-1.135-19.2 12.8v160c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-42.667h298.667c23.564 0 42.667-19.103 42.667-42.667v0zM554.667 810.667h-426.667v-70.4c60.429-36.199 133.319-57.605 211.209-57.605 0.747 0 1.493 0.002 2.239 0.006l-0.115-0c0.631-0.003 1.377-0.005 2.124-0.005 77.89 0 150.78 21.406 213.108 58.657l-1.899-1.052zM896 725.333h-256v-32l-32-21.333c40.883-19.81 88.92-31.389 139.661-31.389 54.141 0 105.204 13.182 150.153 36.512l-1.814-0.857z" /> </svg> </div> <a class="emotion-89 emotion-90" > athens </a> </div> <div class="emotion-97 emotion-98" > <div class="emotion-99 emotion-100" > <svg class="emotion-101" data-testid="icon" height="1em" viewBox="0 0 1024 1024" width="1em" > <title> user-group </title> <path d="M320 512c106.039 0 192-85.961 192-192s-85.961-192-192-192c-106.039 0-192 85.961-192 192v0c0 106.039 85.961 192 192 192v0zM320 213.333c58.91 0 106.667 47.756 106.667 106.667s-47.756 106.667-106.667 106.667c-58.91 0-106.667-47.756-106.667-106.667v0c0-58.91 47.756-106.667 106.667-106.667v0z" /> <path d="M746.667 512c82.475 0 149.333-66.859 149.333-149.333s-66.859-149.333-149.333-149.333c-82.475 0-149.333 66.859-149.333 149.333v0c0 82.475 66.859 149.333 149.333 149.333v0zM746.667 298.667c35.346 0 64 28.654 64 64s-28.654 64-64 64c-35.346 0-64-28.654-64-64v0c-0.024-0.647-0.038-1.408-0.038-2.171 0-34.168 27.699-61.867 61.867-61.867 0.764 0 1.524 0.014 2.281 0.041l-0.11-0.003z" /> <path d="M981.333 627.2l-19.2-12.8c-61.484-37.554-135.879-59.79-215.467-59.79s-153.983 22.236-217.31 60.834l1.843-1.044-17.067 12.8c-51.435-18.731-110.808-29.656-172.706-29.866l-0.094-0c-1.041-0.008-2.273-0.012-3.505-0.012-102.805 0-198.352 31.076-277.759 84.348l1.797-1.135-19.2 12.8v160c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667v0-42.667h298.667c23.564 0 42.667-19.103 42.667-42.667v0zM554.667 810.667h-426.667v-70.4c60.429-36.199 133.319-57.605 211.209-57.605 0.747 0 1.493 0.002 2.239 0.006l-0.115-0c0.631-0.003 1.377-0.005 2.124-0.005 77.89 0 150.78 21.406 213.108 58.657l-1.899-1.052zM896 725.333h-256v-32l-32-21.333c40.883-19.81 88.92-31.389 139.661-31.389 54.141 0 105.204 13.182 150.153 36.512l-1.814-0.857z" /> </svg> </div> <a class="emotion-89 emotion-90" > athens.ci </a> </div> </div> </div> </div> </div> </div> </div> `;
PreviousNext