@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap";.primary-animated-btn{border-radius:2.25rem;cursor:pointer;position:relative;background:gray;color:#f0f1f1;z-index:1;text-decoration:none;text-transform:uppercase;font-size:.7em;letter-spacing:.1em;font-weight:400;padding:10px 20px;transition:.5s;overflow:hidden}.primary-animated-btn:hover{color:#f0f1f1;background:#f0f1f1;box-shadow:0 0 1.5px #f0f1f1}.primary-animated-btn:hover i{color:#f0f1f1}.primary-animated-btn:before{content:"";position:absolute;inset:2px;border-radius:inherit;color:var(--bg-color);background:var(--container-bg)}.primary-animated-btn span{position:relative;z-index:1}.primary-animated-btn .holder-icon{position:absolute;inset:0;display:block}.primary-animated-btn:hover i:before{width:20px;left:20%}.primary-animated-btn:hover i:after{width:20px;left:80%}.primary-animated-btn.icon-text-btn span>i{margin-right:5px}.primary-animated-btn.edit-btn{background:var(--success-gradient)}.primary-animated-btn.edit-btn:before{inset:2px}.primary-animated-btn.edit-btn:hover{color:var(--success-color);background:var(--success-color);box-shadow:0 0 3px var(--success-color)}.primary-animated-btn.edit-btn .edit-icon{color:var(--success-color);font-size:1rem}.primary-animated-btn.delete-btn{background:var(--error-gradient)}.primary-animated-btn.delete-btn:before{inset:2px}.primary-animated-btn.delete-btn:hover{color:var(--error-color);background:var(--error-color);box-shadow:0 0 3px var(--error-color)}.primary-animated-btn.delete-btn .delete-icon{color:var(--error-color);font-size:1rem}.reflective-btn{z-index:1;--clr-neon: var(--gold-color);font-size:1.75em;display:inline-block;cursor:pointer;text-decoration:none;color:var(--clr-neon);border:var(--clr-neon) 4px solid;padding:.25em 1em;border-radius:.25em;text-shadow:0 0 .125em rgba(255,255,255,.55),0 0 .5em currentColor;box-shadow:inset 0 0 .5em 0 var(--clr-neon),0 0 .5em 0 var(--clr-neon);position:relative}.reflective-btn:before{pointer-events:none;content:"";position:absolute;background:var(--clr-neon);top:120%;left:0;width:100%;height:100%;transform:perspective(1.2em) rotateX(40deg) scale(1.5,.5);filter:blur(1.15em);opacity:.7;transition:transform .5s linear}.reflective-btn:after{content:"";position:absolute;inset:0;box-shadow:0 0 4em .6em var(--clr-neon),0 0 1em .2em var(--clr-neon);opacity:0;background:var(--clr-neon);z-index:-1;transition:opacity .5s linear}.reflective-btn:hover,.reflective-btn:focus{color:var(--bg-color);text-shadow:none}.reflective-btn:hover:before,.reflective-btn:focus:before{opacity:1;transform:perspective(1em) rotateX(40deg) scale(1.5,.6);transition:transform .5s linear}.reflective-btn:hover:after,.reflective-btn:focus:after{opacity:1}.confirm-buttons{display:flex;width:225px;gap:10px;--b: 5px;--h: 1.85em}.confirm-buttons button{will-change:clip-path,background;--c: var(--success-color);flex:calc(1.25 + var(--_s, 0));min-width:0;font-size:25px;font-weight:700;height:var(--h);cursor:pointer;color:var(--c);border:var(--b) solid var(--c);background:conic-gradient(at calc(100% - 1.3 * var(--b)) 0,var(--c) 209deg,rgba(0,0,0,0) 211deg) border-box;clip-path:polygon(0 0,100% 0,calc(100% - .577 * var(--h)) 100%,0 100%);padding:0 calc(.288 * var(--h)) 0 0;margin:0 calc(-.288 * var(--h)) 0 0;box-sizing:border-box;transition:flex .4s}.confirm-buttons button+button{--c: var(--error-color);flex:calc(.75 + var(--_s, 0));background:conic-gradient(from -90deg at calc(1.3 * var(--b)) 100%,var(--c) 119deg,rgba(0,0,0,0) 121deg) border-box;clip-path:polygon(calc(.577 * var(--h)) 0,100% 0,100% 100%,0 100%);margin:0 0 0 calc(-.288 * var(--h));padding:0 0 0 calc(.288 * var(--h))}.confirm-buttons button:focus-visible{outline-offset:calc(-2 * var(--b));outline:calc(var(--b) / 2) solid #000;background:none;clip-path:none;margin:0;padding:0}.confirm-buttons button:focus-visible+button{background:none;clip-path:none;margin:0;padding:0}.confirm-buttons button:has(+button:focus-visible){background:none;clip-path:none;margin:0;padding:0}.confirm-buttons button:hover,.confirm-buttons button:active:not(:focus-visible){--_s: .75}.confirm-buttons button:active{box-shadow:inset 0 0 0 100vmax var(--c);color:#fff}.close-btn{cursor:pointer;justify-self:flex-end}.close-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}.pop-btn{position:relative;flex-basis:5rem}.pop-btn:after{position:absolute;content:attr(data-tooltip);inset:-45% auto auto 50%;z-index:-1;translate:-50%;padding:.25rem .75rem;font-size:.875rem;color:var(--font-color);background:red;border-radius:.25rem;opacity:0;visibility:hidden;pointer-events:none;transition:inset .4s cubic-bezier(.47,2,.41,1.5),visibility .3s ease-in-out,opacity .2s ease-in-out}.pop-btn:has(a:hover,a:focus-visible):after{opacity:1;visibility:visible;inset-block-start:-80%}.pop-btn a{width:2.5rem;height:2.5rem;position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:1;font-size:2rem;color:var(--font-color);border:2px solid var(--font-color);border-radius:100%;text-decoration:none;outline:none;overflow:hidden;transition:color .3s ease-in-out}.pop-btn a>i{position:relative;z-index:1}.pop-btn a:after{position:absolute;content:"";inset:100% 0 0;background:red;pointer-events:none;transition:inset .3s ease-in-out}.pop-btn a:hover,.pop-btn a:focus-visible{color:var(--font-color)}.pop-btn a:hover:after,.pop-btn a:focus-visible:after{inset-block-start:0}x-card{width:100%}.primary-animated-card{position:relative;z-index:555;min-height:20rem;width:100%;display:grid;place-content:center;place-items:center;text-align:center;box-shadow:.063em .75em 1.563em #000000c7;border-radius:2rem}.primary-animated-card *{box-sizing:border-box}.primary-animated-card:before{position:absolute;content:"";top:0;width:100%;height:100%;border-radius:2rem;z-index:-1;border:.155rem solid rgba(0,0,0,.5);-webkit-mask:linear-gradient(var(--font-color) 0 0) padding-box,linear-gradient(var(--font-color) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.primary-animated-card-header{position:absolute;top:0;left:0;right:0;width:100%;align-items:center;padding:.8em .5em 0 1.5em}.primary-animated-card-header>div{display:flex}.primary-animated-card-header>div.space-between{justify-content:space-between}.primary-animated-card-header>div.flex-end{justify-content:flex-end}.primary-animated-card-header .svg-menu-container{align-content:center}.primary-animated-card-header .date{color:#ddd}.primary-animated-card-header svg{color:var(--font-color);width:2.5rem;cursor:pointer}.primary-animated-card-body{position:absolute;width:100%;display:block;top:50%;left:50%;transform:translate(-50%,-50%);padding:.7em 1.25em .5em 1.5em}.primary-animated-card-body h3{color:var(--font-color);font-size:1.5rem;margin:0;font-weight:600}.primary-animated-card-body h4{color:var(--font-color);font-size:1.5rem;margin-top:.625em;margin-bottom:.188em;text-transform:capitalize;font-weight:600}.primary-animated-card-body p{color:#ddd;font-size:1rem;letter-spacing:.031rem}.primary-animated-card-footer{position:absolute;bottom:0;left:0;right:0;width:100%;border-top:.063rem solid #292929;display:flex;justify-content:space-between;padding:.7em 1.25em .5em 1.5em;background:transparent;border-radius:10px 10px 2.25rem 2.25rem}.primary-animated-card-footer>:only-child{margin:0 auto}.primary-animated-card.green{background:radial-gradient(ellipse at left top,#03352f,#0c0d0c 50% 100%)}.primary-animated-card.green:before{background:linear-gradient(-45deg,#232228,#232228,#232228,#232228,#01c3a8) border-box}.primary-animated-card.green:hover{background:radial-gradient(ellipse at left top,#03352f,#0c0d0c 75% 100%)}.primary-animated-card.blue{background:radial-gradient(ellipse at left top,#00458f8f,#0c0d0c 50% 100%)}.primary-animated-card.blue:before{background:linear-gradient(-60deg,#232228,#232228,#232228,#232228,#1890ff) border-box}.primary-animated-card.blue:hover{background:radial-gradient(ellipse at left top,#00458f8f,#0c0d0c 75% 100%)}.primary-animated-card.red{background:radial-gradient(ellipse at left top,#a6122a82,#0c0d0c 50% 100%)}.primary-animated-card.red:before{background:linear-gradient(-45deg,#232228,#232228,#232228,#232228,#a63d2a) border-box}.primary-animated-card.red:hover{background:radial-gradient(ellipse at left top,#a6122a82,#0c0d0c 75% 100%)}.confirm-container>div{display:flex;justify-self:center}.confirm-container>div.confirm-header{justify-self:flex-end}.confirm-container>div.confirm-content{margin:0 0 15px}.confirm-container>div.confirm-content p{font-size:1.2rem}.confirm-container>div.confirm-content p .confirm-action{font-weight:700}.confirm-container>div.confirm-content p .confirm-subject{font-family:Extra,serif;font-size:1.1rem}:root{--hue1: 255;--hue2: 222;--border: 1px;--border-color: hsl(var(--hue2), 12%, 20%);--radius: 22px;--ease: cubic-bezier(.5, 1, .89, 1)}#menu{z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition-property:visibility,opacity,filter;transition-duration:0s,.25s,.25s;transition-delay:.5s,0s,0s;transition-timing-function:var(--ease);filter:blur(4px);font-family:Asap,sans-serif;color:#737985;position:fixed;top:140px;left:2svw;min-width:275px;min-height:275px;border-radius:var(--radius);border:var(--border) solid var(--border-color);padding:1em;background:linear-gradient(235deg,hsl(var(--hue1),50%,10%,.8),hsl(var(--hue1),50%,10%,0) 33%),linear-gradient(45deg,hsl(var(--hue2),50%,10%,.8),hsl(var(--hue2),50%,10%,0) 33%),linear-gradient(#090b0fa8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:hsl(var(--hue2),50%,2%) 0 10px 16px -8px,hsl(var(--hue2),50%,4%) 0 20px 36px -14px}#menu:not(.open):before,#menu:not(.open):after,#menu:not(.open) .glow{opacity:0;pointer-events:none;animation:glowoff .25s var(--ease) both}#menu.open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;filter:blur(0px)}#menu.open:before,#menu.open:after,#menu.open .glow,#menu.open .shine{animation:glow 1s var(--ease) both}#menu.open .shine{animation-delay:0s;animation-duration:2s}#menu.open .glow{animation-delay:.2s}#menu.open .glow-bright{animation-delay:.1s;animation-duration:1.5s}#menu.open .shine-bottom{animation-delay:.1s;animation-duration:1.8s}#menu.open .glow-bottom{animation-delay:.3s}#menu.open .glow-bright.glow-bottom{animation-delay:.3s;animation-duration:1.1s}#menu .shine,#menu .glow{--hue: var(--hue1)}#menu .shine-bottom,#menu .glow-bottom{--hue: var(--hue2);--conic: 135deg}#menu .shine,#menu .shine:before,#menu .shine:after{pointer-events:none;border-radius:0;border-top-right-radius:inherit;border-bottom-left-radius:inherit;border:1px solid transparent;width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;right:calc(var(--border) * -1);top:calc(var(--border) * -1);left:auto;z-index:1;--start: 12%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(black);mask:linear-gradient(transparent),linear-gradient(black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}#menu .shine:before,#menu .shine:after{content:"";width:auto;inset:-2px;-webkit-mask:none;mask:none}#menu .shine:after{z-index:2;--start: 17%;--end: 33%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 85%)),transparent var(--end, 50%))}#menu .shine-bottom{top:auto;bottom:calc(var(--border) * -1);left:calc(var(--border) * -1);right:auto}#menu .glow{pointer-events:none;border-top-right-radius:calc(var(--radius) * 2.5);border-bottom-left-radius:calc(var(--radius) * 2.5);border:calc(var(--radius) * 1.25) solid transparent;inset:calc(var(--radius) * -2);width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;left:auto;bottom:auto;-webkit-mask:url(https://assets.codepen.io/13471/noise-base.png);mask:url(https://assets.codepen.io/13471/noise-base.png);mask-mode:luminance;-webkit-mask-size:29%;mask-size:29%;opacity:1;filter:blur(12px) saturate(1.25) brightness(.5);mix-blend-mode:plus-lighter;z-index:3}#menu .glow.glow-bottom{inset:calc(var(--radius) * -2);top:auto;right:auto}#menu .glow:before,#menu .glow:after{content:"";position:absolute;inset:0;border:inherit;border-radius:inherit;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 95%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(black);mask:linear-gradient(transparent),linear-gradient(black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract;filter:saturate(2) brightness(1)}#menu .glow:after{--lit: 70%;--sat: 100%;--start: 15%;--end: 35%;border-width:calc(var(--radius) * 1.75);border-radius:calc(var(--radius) * 2.75);inset:calc(var(--radius) * -.25);z-index:4;opacity:.75}#menu .glow-bright{--lit: 80%;--sat: 100%;--start: 13%;--end: 37%;border-width:5px;border-radius:calc(var(--radius) + 2px);inset:-7px -7px -7px auto;filter:blur(2px) brightness(.66)}#menu .glow-bright:after{content:none}#menu .glow-bright.glow-bottom{inset:auto auto -7px -7px}#menu .inner,#menu section{display:flex;flex-direction:column;gap:.5em}#menu .inner{font-size:.875rem}#menu hr{width:100%;height:.5px;background:var(--border-color);border:none;margin:.25em 0 .5em;opacity:.66}#menu input{--tint2: hsl(var(--hue2) 50% 90% / .1);color:#ffffff80;font-family:Asap,sans-serif;font-weight:300;box-shadow:0 0 0 1px transparent;border:1px solid hsl(var(--hue2),13%,18.5%,.5);background:linear-gradient(to bottom,hsl(var(--hue1),20%,20%,.1) 50%,hsl(var(--hue1),50%,50%,.8) 180%);background-size:100% 300%;background-position:0% 0%;background-repeat:no-repeat;border-radius:calc(var(--radius) * .33333);padding-left:2.33em;transition:all .3s var(--ease)}#menu input:focus{border-color:hsl(var(--hue1),20%,70%,.5);background-position:0% 50%;color:hsl(var(--hue1),20%,80%,1)}#menu input::placeholder{color:#fff}#menu label{display:grid;grid-template:1fr/1fr;margin-bottom:1em;width:100%}#menu label>*{grid-area:1/1;align-self:center}#menu label .action-icon{margin-left:.5em;opacity:.5}#menu .search .action-icon:has(+input:focus){stroke:hsl(var(--hue1),60%,70%,1)}#menu header{font-size:.75rem;font-weight:300;padding:0 .66em}#menu ul{list-style:none;padding:0;margin:0}#menu li{--item-hue: var(--hue2);position:relative;cursor:pointer;padding:.66em;height:32px;display:flex;align-items:center;gap:.5em;border-radius:calc(var(--radius) * .33333);border:1px solid transparent;transition:all .3s ease-in,--item-opacity .3s ease-in;background:linear-gradient(90deg in oklch,hsl(var(--item-hue),29%,13%,var(--item-opacity)),hsl(var(--item-hue),30%,15%,var(--item-opacity)) 24% 32%,hsl(var(--item-hue),5%,7%,0) 95%) border-box}#menu li:after{content:"";position:absolute;inset:0;border-radius:inherit;border:inherit;background:linear-gradient(90deg in oklch,hsl(var(--item-hue),15%,16%,var(--item-opacity)),hsl(var(--item-hue),40%,24%,var(--item-opacity)) 20% 32%,hsl(var(--item-hue),2%,12%,0) 95%) border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(to right,black,transparent);mask:linear-gradient(transparent),linear-gradient(to right,black,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}#menu li:hover,#menu li.selected,#menu li:hover:after,#menu li.selected:after,#menu li:focus,#menu li:focus:after{--item-opacity: .5;transition:all .1s ease-out,--item-opacity .1s ease-out;color:#fff;outline:none}#menu li.selected,#menu li.selected:after{animation:flash .75s ease-out 1 forwards}#menu section:nth-of-type(1) li{--item-hue: var(--hue1)}@property --item-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}body{background:#08090d;background-image:url(https://assets.codepen.io/13471/abstract-light.jpg),linear-gradient(to right in oklab,hsl(var(--hue2),50%,75%),hsl(var(--hue1),50%,75%));background-size:cover;background-position:center;background-blend-mode:hard-light;padding:0}body,#app{min-height:100svh}#app{padding:2svw}#app>header{display:flex;gap:.5em;flex-direction:column}#app>header h1,#app>header p{margin:0;color:color-mix(in oklab,var(--fg) 70%,hsl(var(--hue1),50%,50%))}#app>header p{color:color-mix(in oklab,var(--fg) 40%,hsl(var(--hue2),50%,50%))}#app>footer{align-self:end;max-width:calc(96svw - 200px);display:flex;flex-wrap:wrap;gap:.5em}#app>footer h2{width:100%;font-size:1em}#app>footer [type=range]{--tint: hsl( var(--hue2) 66% 50% );--tint2: hsl( var(--hue1) 66% 50% );width:320px;margin:0}#app>footer #h1{--tint: hsl( var(--hue1) 66% 50% );--tint2: hsl( var(--hue1) 66% 50% );--hue: var(--hue1);width:320px}#app>footer #h2{--tint: hsl( var(--hue2) 66% 50% );--tint2: hsl( var(--hue2) 66% 50% );--hue: var(--hue2);width:320px}@media screen and (max-width: 480px){#app>footer{gap:1em}}#app input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 2px 1px hsl(var(--hue),66%,20%,.5)}#app input[type=range]::-moz-range-thumb{box-shadow:0 1px 2px 1px hsl(var(--hue),66%,20%,.5)}#app input[type=range]::-ms-thumb{box-shadow:0 1px 2px 1px hsl(var(--hue),66%,20%,.5)}#menu .action-icon{fill:none;stroke-width:1;height:20px;margin-top:5px}footer h2 button{font-family:Amaranth,sans-serif;font-style:italic;text-transform:none;display:inline-flex;padding:.33em .75em;margin-inline:.33em}@keyframes glow{0%{opacity:0}3%{opacity:1}10%{opacity:0}12%{opacity:.7}16%{opacity:.3;animation-timing-function:var(--ease)}to{opacity:1;animation-timing-function:var(--ease)}}@keyframes glowoff{to{opacity:0}}@keyframes flash{0%{opacity:0;--item-opacity: 0}7%{opacity:.5;--item-opacity: 1}14%{opacity:0;--item-opacity: .5}21%,to{opacity:1;--item-opacity: 1}}.p-dialog{--p-dialog-background: #18181b;--p-dialog-background: color-mix(in srgb, #18181b 80%, black)}.p-dialog.json-dialog .p-dialog-content{height:80vh!important}.x-footer-container{justify-self:center}.x-footer-container p{font-size:.8rem;margin:0;color:#ffffffe6}.x-footer-container p .gateway-text{font-style:italic}.save-footer{justify-self:center;padding:25px 0 0}.save-footer i{margin-right:0!important}.form-container .form-content,.form-container .form-footer{justify-self:center}.form-container .form-content{padding:5px 0 0;display:grid;gap:15px}.form-container .form-content .form-item{width:400px}.form-container .form-footer{padding:25px 0 0}.form-container .form-footer .fa-bookmark{margin-right:0!important}.grid-container .grid-header-primary{grid-column:2;margin-top:20px;display:flex;flex-direction:column;justify-self:center;text-align:center;width:100%;max-width:700px}.grid-container .grid-header-primary .grid-navigation{justify-content:center;display:flex}.grid-container .grid-header-primary .grid-navigation .grid-title{margin:10px 0 25px;font-size:2rem}.grid-container .grid-header-primary .search-bar{display:flex;justify-self:center;align-items:center;border-radius:50px;padding:5px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(4px) saturate(180%);backdrop-filter:blur(4px) saturate(180%)}.grid-container .grid-header-primary .search-bar:hover{background:#fff3}.grid-container .grid-header-primary .search-bar input{background:transparent;flex:1;border:none;outline:none;padding:5px;font-size:1rem;color:var(--font-color)}.grid-container .grid-header-primary .search-bar ::placeholder{color:var(--font-color)}.grid-container .grid-header-primary .search-bar .search-btn{padding:5px;cursor:pointer;background:transparent;border:none;border-radius:30px}.grid-container .grid-header-primary .search-bar .search-btn .search-img{width:25px;height:25px}.grid-container .grid-header-primary .search-bar .search-btn:hover .search-img{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}.grid-container .grid-header-buttons{display:flex;gap:15px;padding:25px 0 0;justify-self:center}.grid-container .grid-content>.cards{animation:appear .5s ease-out forwards;margin:15px 0;display:grid;grid-template-columns:repeat(auto-fit,500px);justify-content:center;justify-items:center;gap:30px}.grid-container .grid-content>.cards .grid-cell{width:100%;position:relative}.grid-container .grid-content>.cards .grid-cell .card-content{color:#ffffffe6;padding:5px 20px;min-height:300px}.grid-container .grid-content>.cards .grid-cell .cell-actions{display:flex;width:calc(100% - 30px);justify-content:space-between;align-items:center;position:absolute;right:10px;bottom:10px;border-radius:1rem;padding:.3rem}.grid-container .grid-content>.cards .grid-cell .cell-actions .action-btn{border-radius:5px;font-size:.75em;padding:10px 15px}.grid-container .grid-content>.cards .grid-cell .cell-actions.cell-actions-center{justify-content:center;gap:15px}.copy-icon,.success-icon,.error-icon{color:transparent}.copy-icon{-webkit-text-stroke:.7px var(--font-color)}.copy-icon:hover{-webkit-text-stroke:.7px var(--gold-color);color:var(--gold-color)}.success-icon{-webkit-text-stroke:.7px green;color:green}.success-icon:hover{color:transparent}.error-icon{-webkit-text-stroke:.7px red;color:red}.error-icon:hover{color:transparent}.global-icon,.local-icon{-webkit-text-stroke:.7px var(--font-color);color:transparent}.global-icon:hover,.local-icon:hover{color:var(--font-color)}.award-icon{padding:0 2.5px 0 0;-webkit-text-stroke:.7px var(--gold-color);color:var(--gold-color)}.award-icon:hover{color:transparent}.json-container{display:flex;flex-direction:column;height:100%}.json-container .json-header{flex:0 0 auto;margin-bottom:10px}.json-container .json-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.json-container .json-content ngx-monaco-editor{flex:1;height:100%!important;min-width:0!important}.json-container .json-footer{display:flex;justify-content:center}.load-container{position:relative;width:180px;height:180px;display:flex;justify-content:center;align-items:center}.login-container{animation:appear 1s ease-out forwards}.login-container .login-msg{display:flex;flex-direction:column;margin-top:50px;justify-self:center;text-align:center}.login-container .login-msg .login-welcome-msg{font-size:2rem}.login-container .login-msg .brand{font-size:2.5rem}.login-container .login-msg .login-cn-msg{margin:20px;font-size:2.5rem}.login-container .login-msg .login-sub-msg{color:#fffc;font-size:.8rem}.login-container .login-form{justify-self:center;text-align:center;margin-top:50px;min-width:500px;min-height:300px;border-radius:15px}.login-container .login-form:after,.login-container .login-form:before{background-image:none;animation:none}.login-container .login-form h1{padding:50px 0 0;margin:0}.login-container .login-form .login-sub-text{color:#fffc;font-size:.75rem;padding:0 0 25px}.x-dock-container.hidden .p-dock-list-container{transform:translateY(-150%)}.x-dock-container{transition:transform .3s ease-in-out}@media (min-width: 1050px){.x-dock-container{display:none}}.x-dock-container .p-dock-list-container{transition:transform .3s ease-in-out;justify-content:center;position:fixed;margin:110px 0 0;width:auto!important;height:60px}.x-dock-container .p-dock-list-container .p-dock-item{padding:0 7.5px}.x-dock-container .p-dock-list-container .p-dock-item .p-dock-item-link{cursor:pointer}.x-dock-container .p-dock-list-container .p-dock-item .p-dock-item-link .x-dock-img{height:40px}.x-menu-container.hidden{transform:translateY(-150%)}.x-menu-container{width:calc(100% - 100px);transition:transform .3s ease-in-out;z-index:999;position:fixed;height:60px;display:grid;justify-self:center;grid-template-columns:repeat(3,1fr);margin:10px 0 0;padding:7.5px 25px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;gap:40px}@media (max-width: 1050px){.x-menu-container{display:none}}.x-menu-container .x-menu-left{display:flex}.x-menu-container .x-menu-left .x-menu-icon{align-content:center}.x-menu-container .x-menu-left .x-menu-icon img{cursor:pointer;width:20px;height:20px;margin:5px 10px 0 0}.x-menu-container .x-menu-left .x-menu-title{margin:3.5px 0 0;align-self:center;cursor:pointer;font-size:1rem}.x-menu-container .x-menu-center{display:flex;align-items:center;justify-self:center;gap:25px}.x-menu-container .x-menu-center p{cursor:pointer;font-size:1rem;text-transform:uppercase;align-content:center;font-weight:700;padding:5px 7.5px;margin:0;height:40px}.x-menu-container .x-menu-center p:hover{transition:all .2s linear;color:var(--bg-color);background:#fff;border-radius:2.5px}.x-menu-container .x-menu-center p.active{border-bottom:2px solid var(--font-color)}.x-menu-container .x-menu-right{justify-self:flex-end;align-content:center}.x-menu-container .x-menu-right p{height:40px;padding:5px 7.5px;font-size:1rem;cursor:pointer;align-content:center;text-transform:uppercase;font-weight:700;margin:0}.x-menu-container .x-menu-right p:hover{border-radius:5px;transition:all .1s linear;background-color:var(--error-gradient)}.p-paginator{margin-top:20px;background-color:transparent!important}.singular-container{animation:appear .5s ease-out forwards}.singular-container .singular-header{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-radius:15px 15px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:1px solid var(--p-tabs-tablist-border-color);margin-top:25px;background:var(--p-tabs-tabpanel-background)}.singular-container .singular-header .p-breadcrumb{background:transparent}.singular-container .singular-header .p-breadcrumb .p-breadcrumb-list{display:flex;flex-wrap:wrap}.singular-container .singular-header .singular-title-container{justify-self:center}.singular-container .singular-header .singular-title-container .singular-title{font-size:2rem;font-weight:700;margin-bottom:0}.singular-container .singular-header .singular-title-container .singular-subtitle{font-size:.75rem;margin:-7.5px 0 25px;color:#fffc}.singular-container .singular-content .information-list{display:grid}.singular-container .singular-content .information-list .field-label{color:var(--gold-color)}.singular-container .singular-content p-tablist{border:1px solid rgba(255,255,255,.1);border-top:0;border-bottom:0}.singular-container .singular-content p-tabpanels{border-radius:0 0 15px 15px;border:1px solid rgba(255,255,255,.1);border-top:0}.singular-container .singular-content .singular-action-buttons{margin:50px 0 0;display:flex;justify-content:space-between}.tabs .tab{display:flex;align-items:center}.toast-notifications{z-index:99999;position:fixed;top:80px;right:50px}.toast-notifications .toast{position:relative;padding:15px 10px;color:var(--font-color);margin:0 0 10px;width:400px;min-height:40px;display:grid;grid-template-columns:70px 1fr 40px;border-radius:15px;border:1px solid rgba(255,255,255,.2);border-left:5px solid var(--color);background-color:#ffffff1a;animation:show-toast .5s ease 1 forwards}.toast-notifications .toast.success{--color: var(--success-color);--gradient: var(--success-gradient)}.toast-notifications .toast.warning{--color: var(--warning-color);--gradient: var(--warning-gradient)}.toast-notifications .toast.error{--color: var(--error-color);--gradient: var(--error-gradient)}.toast-notifications .toast.info{--color: var(--info-color);--gradient: var(--info-gradient)}.toast-notifications .toast i{width:100%;color:var(--color);display:flex;justify-content:center;align-items:center;font-size:1.5rem}.toast-notifications .toast i.close-icon{font-size:.75rem;cursor:pointer;color:var(--font-color);opacity:.6}.toast-notifications .toast i.close-icon:hover{opacity:1}.toast-notifications .toast .toast-content{display:grid;grid-template-rows:repeat(2,1fr);align-content:center}.toast-notifications .toast .toast-content .toast-type{font-weight:700}.toast-notifications .toast .toast-content .toast-message{color:#fffc;font-size:.85rem}x-tubes{position:fixed;display:flex;width:100vw!important;height:100vh!important}@font-face{font-family:Ethno;src:url(Ethnocentric-Regular.a83caae35d0c21b1.otf)}@font-face{font-family:Extra;src:url(Panton-Trial-ExtraBold.1d122e2826dde81a.ttf)}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes show-toast{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes toast-timeout{to{width:0}}:root{--primary-color: yellow;--bg-color: black;--container-bg: #121213;--font-color: #f9f5ed;--peach-color: #FF1072;--gold-color: #CD9900;--success-color: #0abf30;--success-gradient: #0abf3055;--warning-color: yellow;--warning-gradient: orange;--error-color: red;--error-gradient: darkred;--info-color: cornflowerblue;--info-gradient: blue}body{margin:0;font-variant-ligatures:none;font-family:Nunito,sans-serif;color:var(--font-color);background-attachment:fixed;background-image:url(glass.ee8a6f1eab14275d.png);background-position:center;background-repeat:no-repeat;background-size:cover}body:before{content:"";position:fixed;inset:0;background:#000c;pointer-events:none;z-index:-1}body .brand,body .metrix{letter-spacing:0;font-family:Ethno,serif}body .title-extra{font-family:Extra,serif}body .cursor-pointer{cursor:pointer}body .uppercase{text-transform:uppercase}body .capitalize{text-transform:capitalize}body .bold{font-weight:700}body .x-container{min-height:calc(100vh - 20px);display:flex;flex-direction:column;padding:0 50px}body .x-container .route-container{flex:1;margin:75px 0 0}body .x-container x-footer{z-index:100;margin-top:50px}body.tubes{background:#000}body.tubes .x-container{padding:0}body.tubes .x-container .route-container{margin:0}body.tubes .x-container .route-container .login-container{margin:125px 0 0}body.gitlab-callback{background:#000}body.gitlab-callback .x-container{padding:0}body.gitlab-callback .x-container .route-container{margin:0}body.gitlab-callback .x-container .route-container ng-component{display:flex;height:90vh;align-items:center;justify-content:center}body.gitlab-callback .x-container x-menu,body.gitlab-callback .x-container x-footer{display:none!important}