/* Westony app controls: responsive light, tactile presses and clear selection. */
body.ui-ready .ui-control{
  --control-light:rgba(158,255,126,.22);--ripple-colour:rgba(189,255,163,.3);
  isolation:isolate;overflow:hidden;border:1px solid #99c28b4d;border-radius:9px;
  background:linear-gradient(180deg,#223329e8,#0c1911f2);color:#eef8eb;
  box-shadow:inset 0 1px #efffe21f,inset 0 -1px #0005,0 3px 9px #0003;
  min-height:44px;line-height:1.35;touch-action:manipulation;
  transition:background .22s,border-color .22s,box-shadow .22s,color .22s,translate .18s;
}
body.ui-ready .ui-control:not(.network-node,.quick-support,.dialog-close){position:relative}
body.ui-ready .ui-control::before{
  content:'';position:absolute;inset:0;width:auto;height:auto;border:0;z-index:-1;
  background:radial-gradient(120px circle at var(--pointer-x,50%) var(--pointer-y,50%),var(--control-light),transparent 75%);
  opacity:0;transform:none;transition:opacity .25s;pointer-events:none;
}
body.ui-ready .ui-control::after{
  content:'';position:absolute;inset:auto auto 0 -40%;width:40%;height:2px;border:0;z-index:0;
  background:linear-gradient(90deg,transparent,#bfff9b,transparent);opacity:0;transform:none;
  pointer-events:none;transition:opacity .2s;animation:none;
}
body.ui-ready .ui-control:is(:hover,:focus-visible):not(:disabled){
  border-color:#b0ff89b3;background:linear-gradient(180deg,#304535ed,#102418f5);
  box-shadow:inset 0 1px #e3ffd83d,0 0 0 1px #89ff571f,0 5px 20px #0005,0 0 24px #62ff2f20;
  color:#fff;translate:0 -2px;
}
body.ui-ready .ui-control:is(:hover,:focus-visible):not(:disabled)::before{opacity:1}
body.ui-ready .ui-control:is(:hover,:focus-visible):not(:disabled)::after{left:-40%;opacity:.85;animation:control-edge 1.8s linear infinite}
body.ui-ready .ui-control:focus-visible{outline:2px solid #c6ff9c;outline-offset:4px}
body.ui-ready .ui-control:active:not(:disabled){translate:0 1px;box-shadow:inset 0 2px 8px #0006,0 0 16px #62ff2f26}
body.ui-ready .ui-control:disabled{opacity:.5;cursor:wait;translate:0;box-shadow:none}
body.ui-ready .ui-control:disabled::before,body.ui-ready .ui-control:disabled::after{display:none}
body.ui-ready .ui-control.primary{
  --control-light:rgba(255,255,255,.4);--ripple-colour:rgba(16,57,9,.24);
  color:#0b2007;border-color:#b9ff91;background:linear-gradient(180deg,#b1ff82,#77ec43);
  box-shadow:inset 0 1px #efffeab3,0 3px 0 #3b8c22,0 6px 22px #62ff2f29;
}
body.ui-ready .ui-control.primary:is(:hover,:focus-visible){color:#061703;background:linear-gradient(180deg,#ceffa5,#91ff61);box-shadow:inset 0 1px #fff,0 3px 0 #408d27,0 9px 28px #62ff2f45}
body.ui-ready .ui-control.primary::after{background:linear-gradient(90deg,transparent,#fff,transparent);opacity:.85;animation:control-edge 5s ease-in-out infinite}
body.ui-ready .ui-control.primary:active{box-shadow:inset 0 2px 6px #285b2e40,0 1px 0 #3b8c22;translate:0 1px}
.ui-ready .action-glyph,.ui-ready .nav-icon{transition:transform .24s cubic-bezier(.2,.8,.2,1);flex-shrink:0}
.ui-ready .ui-control:is(:hover,:focus-visible) .action-glyph{transform:translate(3px,-2px)}
.ui-ready .ui-control:is(:hover,:focus-visible) .action-glyph[data-direction="down"]{transform:translateY(3px)}
.ui-ready .ui-control:is(:hover,:focus-visible) .nav-icon{transform:translateY(-1px) scale(1.12)}
.ui-ready .ui-ripple{
  position:absolute!important;display:block;pointer-events:none!important;border:1px solid currentColor;
  width:var(--ripple-size)!important;height:var(--ripple-size)!important;border-radius:50%;margin:0;
  background:var(--ripple-colour,rgba(158,255,126,.22));opacity:.65;z-index:2;
  transform:translate(-50%,-50%) scale(0);animation:control-ripple .65s cubic-bezier(.15,.65,.2,1) forwards;
}
@keyframes control-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes control-edge{0%,15%{transform:translateX(0);opacity:0}25%,75%{opacity:.9}95%,100%{transform:translateX(350%);opacity:0}}

/* The navigation reads as one application toolbar, with a selected page. */
.ui-ready .header{gap:18px;padding-inline:20px;border-radius:16px}
.ui-ready .header nav{gap:3px;padding:5px;border:1px solid #b8e6a31f;border-radius:12px;background:#02090580}
.ui-ready .header nav>.ui-control{min-height:44px;padding:10px 12px;gap:8px;font-size:13px;letter-spacing:0;font-weight:600;background:transparent;border-color:transparent;box-shadow:none;border-radius:7px}
.ui-ready .header nav>.ui-control[aria-current="page"]{color:#d9ffba;background:linear-gradient(180deg,#314e2b,#182d18);border-color:#9ee77a59;box-shadow:inset 0 1px #e5ffd62e,0 2px 6px #0004}
.ui-ready .header nav>.ui-control[aria-current="page"]::after{left:22%;width:56%;opacity:.8;background:linear-gradient(90deg,transparent,#9bff71,transparent);animation:none}
.ui-ready .header nav>.ui-control[aria-current="page"]:is(:hover,:focus-visible)::after{left:-40%;width:40%;animation:control-edge 1.8s linear infinite}
.ui-ready .nav-icon{width:17px;height:17px;color:#a6e58d}
.ui-ready .header .portal-link{gap:8px;min-height:44px;padding:10px 14px;font-size:13px;border-color:#92ff606e;color:#bfff9d;flex-shrink:0}
.ui-ready .header .menu-button{height:44px;width:44px;min-width:44px;padding:0;gap:6px}
.ui-ready .menu-button>span:not(.ui-ripple){width:19px;height:2px;border-radius:2px;transition:transform .22s,opacity .22s}
.ui-ready .menu-button[aria-expanded="true"]>span:first-child{transform:translateY(4px) rotate(45deg)}
.ui-ready .menu-button[aria-expanded="true"]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

/* Segmented controls retain their actual pressed/selected state. */
.ui-ready .core-controls{gap:4px;padding:5px;border:1px solid #a8d69438;border-radius:11px;background:#020905b3;width:fit-content;max-width:100%}
.ui-ready .core-controls .ui-control{border-color:transparent;background:transparent;box-shadow:none;font-size:13px;padding:10px 14px;border-radius:6px}
body.ui-ready :is(.filter-button,.core-controls button,.network-node)[aria-pressed="true"]{background:linear-gradient(180deg,#35502a,#1a3019);border-color:#a4ff7a99;color:#ceffb0;box-shadow:inset 0 1px #e3ffd038,0 0 18px #62ff2f13}
body.ui-ready .motion-toggle[aria-pressed="true"]{border-color:#a4ff7a99;color:#ceffb0;background:#253b20}
.ui-ready .filter-button{font-size:14px;padding:11px 17px}
.ui-ready .core-trigger{padding:12px 17px!important;border-radius:9px!important}
.ui-ready .dialog-close,.ui-ready .quick-support{border-radius:12px!important}
.ui-ready .ui-tile{isolation:isolate;overflow:hidden}
.ui-ready .ui-tile .bubble-arrow,.ui-ready .ui-tile .card-bottom span{transition:transform .25s}
.ui-ready .ui-tile:is(:hover,:focus-visible) .bubble-arrow,.ui-ready .ui-tile:is(:hover,:focus-visible) .card-bottom span{transform:translate(3px,-3px)}

@media(min-width:1121px) and (max-width:1270px){.ui-ready .header{gap:12px;padding-inline:16px}.ui-ready .header nav>.ui-control{padding-inline:8px;gap:6px;font-size:12px}.ui-ready .nav-icon{width:15px;height:15px}.ui-ready .header .portal-link{font-size:12px;padding-inline:11px}.ui-ready .header .brand{font-size:20px;letter-spacing:2px}.ui-ready .header .brand small{font-size:8px;letter-spacing:1px}}
@media(max-width:1120px){.ui-ready .header nav{padding:0;border:0;background:transparent}.ui-ready .header nav.open{gap:7px;padding:13px;border:1px solid #a5ff7761;background:#08170ff5;border-radius:14px}.ui-ready .header nav.open>.ui-control{padding:13px 15px;gap:13px;font-size:15px;background:#12271a8c;border-color:#b8e6a31a;animation:menu-control-in .3s ease both;animation-delay:calc(var(--menu-order,0) * 35ms)}.ui-ready .header nav.open>.ui-control[aria-current="page"]{background:#2c4625;border-color:#a4ff7a7a}.ui-ready .header nav.open>.ui-control[aria-current="page"]::after{left:0;top:25%;bottom:auto;width:2px;height:50%;background:#adff84}.ui-ready .header nav.open>.ui-control:is(:hover,:focus-visible)::after{display:none}.ui-ready .header nav.open .nav-icon{width:20px;height:20px}}
@keyframes menu-control-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:680px){.ui-ready .header{gap:8px;padding-inline:12px}.ui-ready .header .portal-link{font-size:11px;padding:9px 10px;gap:6px}.ui-ready .header .portal-link .nav-icon{display:none}.ui-ready .header .menu-button{width:40px;min-width:40px}.ui-ready .core-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px}.ui-ready .core-controls .ui-control{padding:12px 8px}.ui-ready .ui-control.text-link{min-height:44px}.ui-ready .analytics-actions .ui-control{min-height:44px}}
@media(max-width:360px){.ui-ready .header{padding-inline:9px;gap:6px}.ui-ready .header .portal-link{padding-inline:8px}.ui-ready .header .portal-link>.action-glyph{display:none}.ui-ready .header .brand{gap:6px}.ui-ready .header .brand img{width:32px}.ui-ready .header .brand small{font-size:6px;letter-spacing:.5px}}
@media(hover:none){body.ui-ready .ui-control:is(:hover,:focus-visible){translate:0}.ui-ready .ui-control::before{display:none}}
.motion-paused .ui-control,.motion-paused .ui-control::before,.motion-paused .ui-control::after,.motion-paused .action-glyph,.motion-paused .nav-icon{transition:none!important;animation:none!important;translate:none!important}
.motion-paused .ui-control::after,.motion-paused .ui-ripple{display:none}
.motion-paused .ui-control .action-glyph,.motion-paused .ui-control .nav-icon{transform:none!important}
.motion-paused .header nav.open>.ui-control{animation:none!important}
.page-hidden .ui-control::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.ui-ready .ui-control,body.ui-ready .ui-control::before,body.ui-ready .ui-control::after,.ui-ready .action-glyph,.ui-ready .nav-icon,.ui-ready .header nav.open>.ui-control{animation:none!important;transition:none!important;translate:none!important}.ui-ready .ui-control::after,.ui-ready .ui-ripple{display:none}.ui-ready .ui-control .action-glyph,.ui-ready .ui-control .nav-icon{transform:none!important}}