.app{display:flex;flex:1 1;flex-direction:row;align-items:stretch;min-width:320px;overflow:hidden}.app .scroll-content{overflow:auto}@media(max-width:768px){.app .health-indicators{padding:16px 20px}}@media(max-width:480px){.app .health-indicators{padding:16px 20px 16px 66px}}.header{display:flex;align-items:center;justify-content:center;height:80px;padding:16px;background-color:var(--panel-background)}@media(max-width:768px){.header{justify-content:flex-start;height:60px;padding-left:0}}@media(max-width:480px){.header{padding-left:16px}}.header .content{display:flex;flex:1 1;flex-direction:row;max-width:1080px}.header .content .child{padding:10px 24px;border-right:1px solid var(--panel-border)}@media(max-width:1024px){.header .content .child{padding:10px}}.header .content .child.child-fill{flex:1 1;min-width:250px;padding-right:40px}@media(max-width:768px){.header .content .child.child-fill{min-width:unset;padding-right:0}}.health-indicator{display:flex;align-items:center}.health-indicator .label{font-size:10px;font-size:.625rem;margin-left:16px;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500;text-transform:uppercase}.micro-graph{display:flex;flex-direction:column;justify-content:flex-start;width:130px}.micro-graph .label{font-size:10px;font-size:.625rem;color:var(--text-color-secondary);font-weight:500}.micro-graph .label,.micro-graph .value{font-family:"DM Sans",sans-serif;text-transform:uppercase;white-space:nowrap}.micro-graph .value{font-size:16px;font-size:1rem;color:var(--text-color-primary);font-weight:700}.micro-graph .canvas{color:var(--accent-primary)}.micro-graph .canvas svg{overflow:visible}.search-input{display:flex;flex:1 1;align-items:center}.search-input img{width:19px;height:19px}.search-input input{font-size:16px;font-size:1rem;flex:1 1;margin-left:10px;padding:6px 12px;border:0;border-radius:16px;outline:0;background:transparent;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500}.search-input input::-webkit-input-placeholder{opacity:1;color:var(--text-color-secondary)}.search-input input::placeholder{opacity:1;color:var(--text-color-secondary)}.search-input.search-input--compact input{font-size:14px;font-size:.875rem}.nav-menu{display:flex;align-items:center}.nav-menu button{border:0;outline:0;background:none;cursor:pointer}.nav-menu button .logo{width:28px;height:28px}.nav-menu .popup-container{display:flex;position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;align-items:stretch;justify-content:stretch}.nav-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:120px;padding-top:22px;overflow:auto;border-right:1px solid var(--panel-border);background-color:var(--panel-background)}@media(max-width:768px){.nav-panel{padding-top:16px}}.nav-panel a:focus{border:0;outline:none}.nav-panel .logo{width:36px;height:36px}@media(max-width:768px){.nav-panel .logo{width:28px;height:28px}}.nav-panel .nav-panel-end,.nav-panel .nav-panel-middle{display:flex;flex-direction:column;margin:32px 0}.nav-panel .nav-panel--button{font-size:12px;font-size:.75rem;display:flex;flex-direction:column;align-items:center;height:50px;border:0;outline:0;background:none;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:700;text-decoration:none;cursor:pointer}.nav-panel .nav-panel--button.nav-panel--button__selected{color:var(--accent-primary)}.nav-panel .nav-panel--button .nav-panel-button-label{margin-top:10px}.nav-panel .nav-panel--button+.nav-panel--button{margin-top:32px}.nav-panel.full-width{width:100%}.nav-panel.full-width .nav-panel--button{flex-direction:row}.nav-panel.full-width .nav-panel--button .nav-panel-button-label{margin-top:0;margin-left:16px}.nav-panel.full-width .nav-panel--button+.nav-panel--button{margin-top:16px}.graph{display:flex;flex:1 1;flex-direction:column}.graph .bar-color-1{background-color:var(--bar-color-1);fill:var(--bar-color-1)}.graph .bar-color-2{background-color:var(--bar-color-2);fill:var(--bar-color-2)}.graph .bar-color-3{background-color:var(--bar-color-3);fill:var(--bar-color-3)}.graph .bar-color-4{background-color:var(--bar-color-4);fill:var(--bar-color-4)}.graph .title-row{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;margin-bottom:32px}.graph .title-row .caption{font-size:10px;font-size:.625rem;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500;text-transform:uppercase}.graph .title-row .key{display:flex;flex-direction:row;align-items:center;margin-left:16px}.graph .title-row .key .key-color{width:16px;height:10px;border-radius:10px}.graph .title-row .key .key-label{font-size:10px;font-size:.625rem;margin-left:16px;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500}@media(max-width:768px){.graph .title-row .key{display:none}}.graph .canvas{flex:1 1;color:var(--accent-primary)}.graph .canvas svg{width:100%;height:200px;overflow:visible}.graph .canvas svg .axis-label{font-size:10px;font-size:.625rem;fill:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500}.graph .canvas svg .axis-color{stroke:var(--text-color-secondary);opacity:.2}.tab-panel{display:flex;flex-direction:column;align-items:stretch}.tab-panel .tab-panel--buttons{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px}@media(max-width:1024px){.tab-panel .tab-panel--buttons{margin-bottom:0}}.tab-panel .tab-panel--buttons .tab-panel--button{font-size:18px;font-size:1.125rem;display:flex;flex-direction:column;align-items:center;margin-right:60px;margin-bottom:16px;border:0;outline:0;background:none;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:700;text-decoration:none;cursor:pointer}.tab-panel .tab-panel--buttons .tab-panel--button .underline{width:60%;height:2px;margin-top:4px;background-color:initial}.tab-panel .tab-panel--buttons .tab-panel--button:focus .underline{background-color:var(--accent-primary)}.tab-panel .tab-panel--buttons .tab-panel--button.tab-panel--button__selected{color:var(--text-color-primary)}.tab-panel .tab-panel--buttons .tab-panel--button.tab-panel--button__selected .underline{background-color:var(--accent-primary)}.toggle-button{width:56px;height:30px;border:1px solid var(--panel-border);border-radius:16px;outline:0;background-color:var(--panel-background-highlight)}.toggle-button svg{color:var(--text-color-secondary)}.toggle-button .icon-container{position:relative;left:-11px}.toggle-button.toggle-button--checked{background-color:#61e884}.toggle-button.toggle-button--checked svg{color:#fff}.toggle-button.toggle-button--checked .icon-container{left:11px}.spammer{display:flex;flex:1 1;flex-direction:column}.analytics{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.analytics{padding:16px}}.analytics .content{flex:1 1;max-width:1080px}.analytics .content .graph{padding:24px}.analytics .gossip{padding:16px 0 0 16px}.analytics .gossip .gossip-item{width:155px;height:75px;margin-right:16px}@media(max-width:1024px){.analytics .gossip .gossip-item{width:160px}}.analytics .gossip .gossip-item h4{min-height:30px}.analytics .gossip .gossip-item .gossip-value{font-size:24px;font-size:1.5rem;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700;white-space:nowrap}.info-panel{display:flex;flex:1 1;flex-direction:row;height:100px}@media(max-width:480px){.info-panel{height:80px}}.info-panel .info--labels{flex:1 1;justify-content:center;overflow:hidden}.info-panel .value{font-size:24px;font-size:1.5rem;margin-top:10px;overflow:hidden;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.info-panel .value .value--small{font-size:14px;font-size:.875rem}@media(max-width:1024px){.info-panel .value{font-size:18px;font-size:1.125rem}}@media(max-width:768px){.info-panel .value{font-size:17px;font-size:1.0625rem}}@media(max-width:480px){.info-panel .value{font-size:16px;font-size:1rem}}.info-panel .icon-container{display:flex;position:relative;align-items:center;justify-content:center;width:80px;height:80px;margin-right:20px;border-radius:16px}@media(max-width:480px){.info-panel .icon-container{width:60px;height:60px}}.info-panel .icon-container .icon-background{position:absolute;width:80px;height:80px;border-radius:16px;opacity:.1}@media(max-width:480px){.info-panel .icon-container .icon-background{width:60px;height:60px}}.info-panel .icon-container .icon-background.icon-background--green{background-color:#16e1d5}.info-panel .icon-container .icon-background.icon-background--orange{background-color:#ff8b5c}.info-panel .icon-container .icon-background.icon-background--blue{background-color:#4baaff}.info-panel .icon-container .icon-background.icon-background--purple{background-color:#666af6}.info-panel .icon-container svg{z-index:1;flex:1 1}.explorer{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.explorer{padding:16px}}.explorer .content{flex:1 1;max-width:1080px}.explorer .content .search-panel{margin-top:32px;padding:16px 32px}@media(max-width:1024px){.explorer .content .search-panel{margin-top:16px}}.explorer .content .info .info-panel+.info-panel{margin-left:16px}@media(max-width:768px){.explorer .content .info .info-panel+.info-panel{margin-top:16px;margin-left:0}}.explorer .content .milestones-panel{padding:32px}.explorer .content .milestones-panel .milestones-panel--milestone{display:flex;flex-direction:row;margin-bottom:16px}.explorer .content .milestones-panel .milestones-panel--milestone .index{font-size:14px;font-size:.875rem;min-width:100px;color:var(--accent-primary);font-family:"DM Sans",sans-serif;font-weight:700}.explorer .content .milestones-panel .milestones-panel--milestone a{font-size:14px;font-size:.875rem;min-width:100px;color:var(--text-color-primary);font-family:"IBM Plex Mono",monospace;text-decoration:none;word-break:break-all}.spinner{position:relative;top:20px;left:20px;width:40px;height:40px;animation:pulse 1s ease-in-out infinite;border-radius:100%;background-color:var(--text-color-secondary)}.spinner.spinner--compact{top:10px;left:10px;width:20px;height:20px}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.message-button{position:relative}.message-button .message-button-btn{border:0;outline:none;background:none;cursor:pointer}.message-button .message-button-btn svg{color:var(--text-color-secondary)}.message-button .message-button-btn:hover svg{color:var(--text-color-primary)}.message-button .message-button-btn:focus svg{color:var(--accent-primary)}.message-button .message-button--message{font-size:10px;font-size:.625rem;position:absolute;min-width:200px;animation:fade 2s linear;animation-fill-mode:forwards;opacity:1;color:var(--accent-primary);font-family:"DM Sans",sans-serif;font-weight:700;text-transform:uppercase}.message-button .message-button--message.message-button--message--right{top:3px;margin-left:10px}.message-button .message-button--message.message-button--message--top{top:-15px;left:-10px}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}.address{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.address{padding:16px}}.address .content{flex:1 1;max-width:1080px}.indexed{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.indexed{padding:16px}}.indexed .content{flex:1 1;max-width:1080px}.inclusion-state{font-size:12px;font-size:.75rem;display:flex;align-items:center;font-family:"DM Sans",sans-serif}@media(max-width:768px){.inclusion-state{flex-direction:column;align-items:flex-start;margin-top:10px}}.inclusion-state .inclusion-state-pill{display:flex;align-items:center;height:24px;margin-right:16px;padding:0 10px;border:0;border-radius:6px;outline:none;background-color:var(--panel-border);color:var(--text-color-primary);font-weight:700;text-transform:uppercase;white-space:nowrap}@media(max-width:768px){.inclusion-state .inclusion-state-pill{margin-bottom:16px}}.inclusion-state .inclusion-state-pill.inclusion__not-included{background-color:#ffc107;color:#fff}.inclusion-state .inclusion-state-pill.inclusion__included{background-color:#12bf3f;color:#fff}.inclusion-state .inclusion-state-pill.inclusion__no-transaction{background-color:var(--accent-primary);color:#fff}.inclusion-state .inclusion-state-pill.inclusion__conflicting{background-color:#dc3545;color:#fff}.message-tangle-state{font-size:12px;font-size:.75rem;display:flex;align-items:center;height:24px;padding:0 8px;border:0;border-radius:6px;outline:none;background-color:var(--panel-border);color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700;white-space:nowrap;cursor:pointer}@media(max-width:480px){.message-tangle-state{margin-top:16px}}.message-tangle-state.message-tangle-state__milestone,.message-tangle-state.message-tangle-state__referenced{background-color:#12bf3f;color:#fff}.message-tangle-state.message-tangle-state__pending{background-color:#9aadce;color:#fff}.message-tangle-state.confirmation__no-click{pointer-events:none}.message{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.message{padding:16px}}.message .content{flex:1 1;max-width:1080px}.message .content select{width:130px}.milestone{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.milestone{padding:16px}}.milestone .content{flex:1 1;max-width:1080px}.peers-summary{padding:16px}.peers-summary .peers-summary--icon-button{border:0;outline:0;background:none;color:var(--text-color-secondary);cursor:pointer}.peers-summary .peers-summary--icon-button:hover{color:var(--accent-primary)}.peers-summary .peers-summary--item{display:flex;flex-direction:row;align-items:center;min-height:90px;margin-bottom:16px;padding:16px;overflow:hidden;border-radius:16px;background-color:var(--panel-background-highlight)}.peers-summary .peers-summary--item:focus{border:0}.peers-summary .peers-summary--item .peer-health-icon{width:16px}.peers-summary .peers-summary--item .peer-id{font-size:14px;font-size:.875rem;margin-left:16px;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:500;word-break:break-all}.home{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.home{padding:16px}}.home .content{flex:1 1;max-width:1080px}.home .content .banner{flex:1 1;height:140px}@media(max-width:1024px){.home .content .banner{height:unset}}.home .content .banner .node-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}@media(max-width:1024px){.home .content .banner .node-info *+.secondary{margin-top:10px}}.home .content .banner .banner-curve{color:var(--panel-background-highlight)}@media(max-width:1024px){.home .content .banner .banner-curve{display:none}}.home .content .banner .banner-image{display:flex;flex:1 1;align-items:center;justify-content:center;border-radius:0 16px 16px 0;background-color:var(--panel-background-highlight)}@media(max-width:1024px){.home .content .banner .banner-image{display:none}}.home .content .messages-graph-panel .graph{padding:24px}.home .content .info-col{align-items:stretch;width:66%;overflow:hidden}@media(max-width:1024px){.home .content .info-col{width:unset}}.home .content .peers-summary-col{width:33%;overflow:hidden}@media(max-width:1024px){.home .content .peers-summary-col{width:unset}}.home .content .peers-summary-panel{margin-left:16px}@media(max-width:1024px){.home .content .peers-summary-panel{margin-top:16px;margin-left:0}}.home .content .info-panel+.info-panel{margin-left:16px}@media(max-width:768px){.home .content .info-panel+.info-panel{margin-top:16px;margin-left:0}}.login{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.login{padding:16px}}.login .content{flex:1 1;max-width:1080px}.peer{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.peer{padding:16px}}.peer .content{flex:1 1;max-width:1080px}.peer .content .peer--icon-button{border:0;outline:0;background:none;color:var(--text-color-secondary);cursor:pointer}.peer .content .peer--icon-button:hover{color:var(--accent-primary)}.peer .content .banner .node-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.peer .content .banner .health-indicators{justify-content:space-around;border-left:1px solid var(--panel-border)}.peer .content .banner .health-indicators .child{padding:0 16px}@media(max-width:768px)and (min-width:481px){.peer .content .banner .health-indicators{justify-content:space-between;margin:0 16px}.peer .content .banner .health-indicators .child{padding:16px 0}}@media(max-width:480px){.peer .content .banner .health-indicators .child{padding:10px 16px}}@media(max-width:768px){.peer .content .info{flex-direction:column}}.peer .content .info .info-panel+.info-panel{margin-left:16px}@media(max-width:768px){.peer .content .info .info-panel+.info-panel{margin-top:16px;margin-left:0}}.peer .content .messages-graph-panel .graph{padding:24px}.peer .content .gossip{padding:16px 0 0 16px}.peer .content .gossip .gossip-item{width:155px;height:75px;margin-right:16px}@media(max-width:1024px){.peer .content .gossip .gossip-item{width:160px}}.peer .content .gossip .gossip-item h4{min-height:30px}.peer .content .gossip .gossip-item .gossip-value{font-size:24px;font-size:1.5rem;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700;white-space:nowrap}.dialog-click-shield{opacity:.2;background:var(--dialog-shield)}.dialog-click-shield,.dialog-container{position:absolute;top:0;right:0;bottom:0;left:0}.dialog-container{display:flex;align-items:center;justify-content:center}.dialog-container .dialog{display:flex;flex-direction:column;width:500px;min-height:400px;max-height:800px;padding:20px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-background);box-shadow:5px 5px 5px 0 var(--drop-shadow)}@media(max-width:768px){.dialog-container .dialog{min-width:90%}}.dialog-container .dialog .dialog-header{margin-bottom:20px;border-bottom:1px solid var(--panel-border)}.dialog-container .dialog .dialog-content{flex:1 1}.dialog-container .dialog .dialog-content .dialog--label{font-size:10px;font-size:.625rem;margin-top:16px;margin-bottom:5px;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500;text-transform:uppercase}.dialog-container .dialog .dialog-footer{display:flex;justify-content:flex-end}.dialog-container .dialog .dialog-footer button{font-size:14px;font-size:.875rem;display:flex;flex-direction:row;align-items:center;margin-top:24px;padding:6px 12px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:0;background:none;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;cursor:pointer}.dialog-container .dialog .dialog-footer button+button{margin-left:16px}.dialog-container .dialog .dialog-footer button:hover{color:var(--accent-primary)}.dialog-container .dialog .dialog-footer button:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.dialog-container .dialog .dialog-footer button:disabled{opacity:.5;pointer-events:none}.peers{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.peers{padding:16px}}.peers .content{flex:1 1;max-width:1080px}.peers .content .peers--icon-button{margin-right:16px;border:0;outline:0;background:none;color:var(--text-color-secondary);cursor:pointer}.peers .content .peers--icon-button:hover{color:var(--accent-primary)}.peers .content .add-button{font-size:14px;font-size:.875rem;display:flex;flex-direction:row;align-items:center;padding:6px 12px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:0;background:var(--bar-color-2);color:var(--text-color-primary);font-family:"DM Sans",sans-serif;cursor:pointer}.peers .content .add-button:hover{color:var(--accent-primary)}.peers .content .add-button:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.peers .content .peers-panel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media(max-width:1340px){.peers .content .peers-panel{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}}.peers .content .peers-panel .peers-panel--item{width:532px;margin-top:16px;overflow:hidden}@media(max-width:1340px){.peers .content .peers-panel .peers-panel--item{width:100%}}.peers .content .peers-panel .peers-panel--item .card{padding:32px}.peers .content .peers-panel .peers-panel--item .card .peer-health{width:16px;height:16px;margin-right:16px}.peers .content .peers-panel .peers-panel--item .card .peer-id{font-size:14px;font-size:.875rem;display:flex;flex-direction:column;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:500}@media(min-width:1340px){.peers .content .peers-panel .peers-panel--item .card .peer-id{font-size:12px;font-size:.75rem}}.peers .content .peers-panel .peers-panel--item .card .graph{margin-top:24px}.peers .content .peers-panel .peers-panel--item .card .peer-actions{justify-content:space-between;margin-top:16px}@media(max-width:720px){.peers .content .peers-panel .peers-panel--item .card .peer-actions{flex-direction:column}.peers .content .peers-panel .peers-panel--item .card .peer-actions .card--action{justify-content:center}.peers .content .peers-panel .peers-panel--item .card .peer-actions p{display:flex;justify-content:center}}.participation{display:flex;flex:1 1;justify-content:center}.participation .event-item{width:145px;height:75px;margin-right:10px}@media(max-width:1024px){.participation .event-item{width:160px}}.participation .event-item h4{min-height:30px}.participation .event-item .event-value{font-size:16px;font-size:1rem;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700}.participation .event-item.event-item--small{width:125px}.participation .event-item.event-item--stretch{width:100%}.participation .content{flex:1 1;max-width:1080px}.participation .content .add-button{font-size:14px;font-size:.875rem;display:flex;flex-direction:row;align-items:center;padding:6px 12px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:0;background:var(--bar-color-2);color:var(--text-color-primary);font-family:"DM Sans",sans-serif;cursor:pointer}.participation .content .add-button:hover{color:var(--accent-primary)}.participation .content .add-button:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.participation .content .events-panel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media(max-width:1340px){.participation .content .events-panel{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}}.participation .content .events-panel .events-panel--item{width:532px;margin-top:16px;overflow:hidden}@media(max-width:1340px){.participation .content .events-panel .events-panel--item{width:100%}}.participation .content .events-panel .events-panel--item .card{padding:32px}.participation .content .events-panel .events-panel--item .card .event-id{font-size:14px;font-size:.875rem;display:flex;flex-direction:column;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:500}@media(min-width:1340px){.participation .content .events-panel .events-panel--item .card .event-id{font-size:12px;font-size:.75rem}}.participation .content .events-panel .events-panel--item .card .event-id h4{display:inline}.participation .content .events-panel .events-panel--item .card .event-actions{justify-content:end;margin-top:16px}@media(max-width:720px){.participation .content .events-panel .events-panel--item .card .event-actions{flex-direction:column}.participation .content .events-panel .events-panel--item .card .event-actions .card--action{justify-content:center}.participation .content .events-panel .events-panel--item .card .event-actions p{display:flex;justify-content:center}}.participation .event-item--highlight{padding:16px;border-radius:16px;background-color:var(--panel-background-highlight)}.participation .dialog--value-textarea{font-size:12px;font-size:.75rem;min-height:150px;max-height:150px;padding:10px;overflow:auto;border:1px solid var(--text-color-secondary);border-radius:8px;outline:none;background-color:initial;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:vertical}.participation .dialog--value-textarea.dialog--value-textarea__json{max-height:350px;white-space:pre-wrap}.participation .dialog-content{overflow-y:auto}.participation .textarea--stretch{width:100%}.participation .validation--error{font-size:12px;font-size:.75rem;color:#dc3545;font-family:"DM Sans",sans-serif}.plugins{display:flex;flex:1 1;justify-content:center;padding:60px}@media(max-width:1024px){.plugins{padding:16px}}.plugins .content{flex:1 1;max-width:1080px}.plugins .content .plugins-container{display:flex;flex-wrap:wrap;justify-content:space-between}.plugins .content .plugins-container .plugin{width:49%;margin-bottom:16px;padding:24px}.plugins .content .plugins-container .plugin p{margin-top:16px;margin-left:48px}@media(max-width:768px){.plugins .content .plugins-container .plugin{width:100%}}.plugins a{color:var(--accent-primary);text-decoration:none}.plugins a:hover{text-decoration:underline}.search{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.search{padding:16px}}.search .content{flex:1 1;max-width:1080px}.search .content ul{font-size:14px;font-size:.875rem;margin-left:40px;font-family:"DM Sans",sans-serif;list-style:none}@media(max-width:768px){.search .content ul{margin-left:0}}.search .content ul li{margin-bottom:10px;color:var(--text-color-secondary)}.search .content ul li>span:first-child{display:inline-block;width:120px;margin-right:10px;color:var(--accent-primary)}.unavailable{display:flex;flex:1 1;justify-content:center;padding:40px 60px}@media(max-width:1024px){.unavailable{padding:16px}}.unavailable .content{flex:1 1;max-width:1080px}.card{padding:10px;overflow:hidden;border:1px solid var(--panel-border);border-radius:16px;background-color:var(--panel-background)}.card.card__flat{border-radius:0}.card .card--header-count{font-size:12px;font-size:.75rem;display:flex;align-items:center;height:24px;margin-left:20px;padding:0 8px;border-radius:6px;background-color:var(--background);color:var(--accent-primary);font-family:"DM Sans",sans-serif;font-weight:700;white-space:nowrap}.card .card--label{font-size:10px;font-size:.625rem;margin-top:16px;margin-bottom:5px;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500;text-transform:uppercase}.card .card--value{font-size:14px;font-size:.875rem;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;word-break:break-all}.card .card--value a{color:var(--accent-primary);text-decoration:none}.card .card--value a:hover{text-decoration:underline}.card .card--value .card--value--button{border:0;outline:0;background:none;color:var(--accent-primary);cursor:pointer}.card .card--value.card--value__mono{font-family:"IBM Plex Mono",monospace}.card .card--value.card--value-textarea{font-size:12px;font-size:.75rem;min-height:150px;max-height:150px;padding:10px;overflow:auto;background:var(--panel-border);font-family:"IBM Plex Mono",monospace}.card .card--value.card--value-textarea.card--value-textarea__utf8{max-height:350px;white-space:pre-wrap}.card .card--value.card--value-textarea.card--value-textarea__hex{max-height:350px;word-break:break-word;white-space:pre-wrap}.card .card--value.card--value-textarea.card--value-textarea__json{max-height:350px;white-space:pre-wrap}.card .card--value.card--value-textarea.card--value-textarea__fit{min-height:auto}.card .card--action{font-size:14px;font-size:.875rem;display:flex;flex-direction:row;align-items:center;padding:6px 12px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:0;background:none;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;cursor:pointer}.card .card--action:hover{color:var(--accent-primary)}.card .card--action:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.card .card--action:disabled{opacity:.5;pointer-events:none}.card .card--action.card--action-plain{border:0;color:var(--text-color-secondary)}.card .card--action.card--action-plain:hover{color:var(--accent-primary)}.card .card--action.card--action-danger{background-color:rgba(220,53,69,.1)}.card .card--action.card--action-primary{background-color:var(--accent-primary);color:#fff}.card .card--action.card--action-primary:hover{color:#fff}.visualizer{display:flex;position:relative;flex:1 1;height:100%;overflow:hidden}.visualizer .canvas{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.visualizer .action-panel-container{display:flex;position:absolute;z-index:2;top:30px;right:30px}.visualizer .stats-panel-container{display:flex;position:absolute;z-index:1;top:0;right:30px;bottom:0;align-items:center;justify-content:center;pointer-events:none}.visualizer .stats-panel-container .stats-panel .card--label,.visualizer .stats-panel-container .stats-panel .card--value{text-align:right}.visualizer .key-panel-container{display:flex;position:absolute;z-index:1;right:30px;bottom:30px;left:30px;justify-content:center;pointer-events:none}.visualizer .key-panel-container .key-panel{display:flex;flex-direction:row;flex-wrap:wrap;padding:16px}.visualizer .key-panel-container .key-panel .key-panel-item{display:flex;flex-direction:row;align-items:center;margin:0 16px}@media(max-width:1024px){.visualizer .key-panel-container .key-panel .key-panel-item{width:110px;margin:0}}.visualizer .key-panel-container .key-panel .key-panel-item .key-marker{width:12px;height:12px;margin-right:10px;border-radius:3px}.visualizer .key-panel-container .key-panel .key-panel-item .key-label{font-size:14px;font-size:.875rem;color:var(--text-color-secondary);font-family:"DM Sans",sans-serif;font-weight:500}.visualizer .info-panel-container{display:flex;position:absolute;z-index:2;top:30px;left:30px;width:320px}@media(max-width:480px){.visualizer .info-panel-container{top:10px;left:10px;width:90%}}.visualizer .info-panel-container .info-panel--key{width:16px;height:16px;margin-right:10px;border-radius:3px}.visualizer .vertex-state--solid{background-color:#4caaff}.visualizer .vertex-state--unsolid{background-color:#8fe6fa}.visualizer .vertex-state--referenced{background-color:#61e884}.visualizer .vertex-state--conflicting{background-color:#ff8b5c}.visualizer .vertex-state--milestone{background-color:#666af6}.visualizer .vertex-state--unknown{background-color:#9aadce}.visualizer .vertex-state--tip{background-color:#ffca62}.row{display:flex;flex-direction:row}.row.start{justify-content:flex-start}.row.middle{align-items:center}.row.end{justify-content:flex-end}.row.bottom{align-items:flex-end}.row.inline{display:inline-flex}.row.spread{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column}@media(max-width:480px){.col.phone-down-column,.row.phone-down-column{flex-direction:column}.col.start,.row.start{align-items:flex-start}}@media(max-width:768px){.col.tablet-down-column,.row.tablet-down-column{flex-direction:column}.col.start,.row.start{align-items:flex-start}}@media(max-width:768px)and (min-width:481px){.col.tablet-down-only-column,.row.tablet-down-only-column{flex-direction:column}.col.tablet-down-only-column.start,.row.tablet-down-only-column.start{align-items:flex-start}}@media(max-width:1024px){.col.desktop-down-column,.row.desktop-down-column{flex-direction:column}}@media(max-width:480px){.col.phone-down-row,.row.phone-down-row{flex-direction:row}}@media(max-width:768px){.col.tablet-down-row,.row.tablet-down-row{flex-direction:row}}@media(max-width:768px)and (min-width:481px){.col.tablet-down-only-row,.row.tablet-down-only-row{flex-direction:row}}@media(max-width:1024px){.col.desktop-down-row,.row.desktop-down-row{flex-direction:row}}.fill{flex:1 1}.margin-t-t{margin-top:10px}.margin-t-s{margin-top:16px}.margin-t-m{margin-top:24px}.margin-t-l{margin-top:32px}.margin-b-t{margin-bottom:10px}.margin-b-s{margin-bottom:16px}.margin-b-m{margin-bottom:24px}.margin-b-l{margin-bottom:32px}.margin-r-t{margin-right:10px}.margin-r-s{margin-right:16px}.margin-r-m{margin-right:24px}.margin-r-l{margin-right:32px}.margin-l-t{margin-left:10px}.margin-l-s{margin-left:16px}.margin-l-m{margin-left:24px}.margin-l-l{margin-left:32px}.padding-t{padding:10px}.padding-s{padding:16px}.padding-m{padding:24px}.padding-l{padding:32px}.padding-t-m{padding-top:24px}.padding-b-m{padding-bottom:24px}.padding-l-m{padding-left:24px}.padding-r-m{padding-right:24px}.padding-t-s{padding-top:16px}.padding-b-s{padding-bottom:16px}.padding-l-s{padding-left:16px}.padding-r-s{padding-right:16px}.padding-t-0{padding-top:0}.padding-b-0{padding-bottom:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-0{padding:0}.select-wrapper{display:inline-block;position:relative}.select-wrapper svg{position:absolute;z-index:2;top:16px;right:18px;color:var(--text-color-primary);pointer-events:none}.select-wrapper select{font-size:14px;font-size:.875rem;height:40px;margin:0;padding:0 48px 0 20px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:none;background-color:initial;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrapper select:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.select-wrapper select:-ms-expand{display:none}.select-wrapper select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--text-color-primary)}.select-wrapper select option{background-color:var(--panel-background);color:var(--text-color-primary)}input{font-size:14px;font-size:.875rem;height:40px;margin:0;padding:0 48px 0 20px;border:1px solid var(--text-color-secondary);border-radius:8px;outline:none;background-color:initial;color:var(--text-color-primary);font-family:"DM Sans",sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{box-shadow:0 0 3px 0 var(--accent-primary)}input:disabled{opacity:.5}input.input--stretch{width:100%}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;src:local(""),url(/static/media/dm-sans-v6-latin-regular.9566aaac.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-regular.3b454dab.woff) format("woff")}@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;src:local(""),url(/static/media/dm-sans-v6-latin-italic.ec0d1935.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-italic.a8c70447.woff) format("woff")}@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;src:local(""),url(/static/media/dm-sans-v6-latin-500.b50824fe.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-500.04c32ae0.woff) format("woff")}@font-face{font-family:"DM Sans";font-style:italic;font-weight:500;src:local(""),url(/static/media/dm-sans-v6-latin-500italic.27b4c41b.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-500italic.07f59529.woff) format("woff")}@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;src:local(""),url(/static/media/dm-sans-v6-latin-700.65910454.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-700.d5d2cff5.woff) format("woff")}@font-face{font-family:"DM Sans";font-style:italic;font-weight:700;src:local(""),url(/static/media/dm-sans-v6-latin-700italic.0b9a371c.woff2) format("woff2"),url(/static/media/dm-sans-v6-latin-700italic.c24b3efb.woff) format("woff")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;src:local(""),url(/static/media/ibm-plex-mono-v6-latin-300.e1de2ee3.woff2) format("woff2"),url(/static/media/ibm-plex-mono-v6-latin-300.bdbb6d89.woff) format("woff")}@font-face{font-family:"IBM Plex Mono";font-style:italic;font-weight:400;src:local(""),url(/static/media/ibm-plex-mono-v6-latin-italic.1c4b3c62.woff2) format("woff2"),url(/static/media/ibm-plex-mono-v6-latin-italic.855a333e.woff) format("woff")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;src:local(""),url(/static/media/ibm-plex-mono-v6-latin-regular.c708fd4f.woff2) format("woff2"),url(/static/media/ibm-plex-mono-v6-latin-regular.12ead37c.woff) format("woff")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;src:local(""),url(/static/media/ibm-plex-mono-v6-latin-500.1eeaa99b.woff2) format("woff2"),url(/static/media/ibm-plex-mono-v6-latin-500.67acf140.woff) format("woff")}h1{font-size:24px;font-size:1.5rem;white-space:nowrap}h1,h2{color:var(--text-color-primary);font-family:"DM Sans",sans-serif;font-weight:700;text-decoration:none}h2{font-size:18px;font-size:1.125rem}h3{font-size:14px;font-size:.875rem;color:var(--text-color-primary);font-weight:700}h3,h4{font-family:"DM Sans",sans-serif;text-decoration:none}h4{font-size:10px;font-size:.625rem;color:var(--text-color-secondary);font-weight:500;text-transform:uppercase}p{font-size:14px;font-size:.875rem;color:var(--text-color-primary);font-family:"DM Sans",sans-serif}a{outline:0;text-decoration:none}a:focus{border-bottom:1px solid var(--accent-primary)}hr{height:1px;margin:24px 0;border:0;background-color:var(--panel-border)}.secondary{color:var(--text-color-secondary)}.icon-button{padding:10px;border:0;border-radius:10px;outline:0;background:none;cursor:pointer}.icon-button:focus{box-shadow:0 0 3px 0 var(--accent-primary)}.word-break{word-break:break-word}.word-break-all{word-break:break-all}.hide-overflow{overflow:hidden}.d-none{display:none!important}.text-ellipsis{text-overflow:ellipsis}@media(max-width:480px){.phone-down-hide{display:none}}.theme-dark{--background:#22293e;--panel-background:#2b3659;--panel-border:#212a44;--panel-background-highlight:#353f60;--text-color-primary:#f1f4fa;--bar-color-2:#1f629f;--bar-color-3:#b7dcff;--bar-color-4:#e4f2ff;--scroll-thumb:#2b3659;--scroll-background:#212a44;--drop-shadow:#22293e;--dialog-shield:#aaa}.theme-dark,.theme-light{--text-color-secondary:#9aadce;--accent-primary:#108cff;--bar-color-1:#309cff}.theme-light{--background:#f6f9ff;--panel-background:#fff;--panel-background-highlight:#f6f8fc;--panel-border:#eef4ff;--text-color-primary:#25395f;--bar-color-2:#b7dcff;--bar-color-3:#1f629f;--bar-color-4:#0a3257;--scroll-thumb:#9aadce;--scroll-background:#fff;--drop-shadow:#aaa;--dialog-shield:#111}html{height:100%}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;height:100vh;overflow:hidden;background-color:var(--background)}body #root{display:flex;flex:1 1}body #root .success{color:#28a745}body #root .warning{color:#ffc107}body #root .danger{color:#dc3545}body #root .info{color:#17a2b8}::-webkit-scrollbar-track{border-radius:0;background-color:var(--scroll-background)}::-webkit-scrollbar{width:12px;background-color:var(--scroll-background)}::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--scroll-thumb)}
/*# sourceMappingURL=main.b30a8710.chunk.css.map */