/* IntraBis-inspired expanding account access control (Tautiva colors). */
.access-host{position:relative;width:168px;height:44px;flex:none;z-index:120}
.access-surface{position:absolute;top:0;right:0;width:168px;height:44px;
  border-radius:12px;background:#1267d5;overflow:hidden;
  transition:width .58s cubic-bezier(.16,1,.28,1),
    height .58s cubic-bezier(.16,1.1,.28,1),
    border-radius .58s,background-color .58s,box-shadow .58s;
  box-shadow:none}
.access-surface:not(.is-open):hover{background:#075bbc;box-shadow:0 8px 20px rgba(10,81,170,.2)}
.access-surface.is-open{width:420px;max-width:calc(100vw - 32px);height:253px;
  border-radius:20px;background:#fff;
  box-shadow:0 18px 42px rgba(16,37,75,.14),0 4px 12px rgba(16,37,75,.08),
    inset 0 0 0 1px #e1e7f0}
.navlinks .access-trigger{position:absolute;top:0;right:0;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:168px;height:44px;min-height:44px;padding:0 15px 0 17px;
  font:740 13px/1.3 inherit;font-size:13px;font-weight:740;
  background:transparent;border:0;border-radius:12px;color:#fff;cursor:pointer;
  white-space:nowrap;transition:width .58s cubic-bezier(.16,1,.28,1),color .3s}
.navlinks .access-trigger:hover{color:#fff}
.access-trigger-label{white-space:nowrap;transition:opacity .18s,visibility .18s}
.access-icon{width:17px;height:17px;display:inline-grid;place-items:center;flex:none}
.access-icon svg{display:block;width:17px;height:17px}
.access-close{display:none}
.access-surface.is-open .access-trigger{width:44px;padding:0;justify-content:center;color:#143b66}
.access-surface.is-open .access-trigger-label{opacity:0;visibility:hidden;position:absolute}
.access-surface.is-open .access-chevron{display:none}
.access-surface.is-open .access-close{display:inline-grid}
.access-content{position:absolute;inset:0;z-index:1;padding:13px 22px 20px;
  opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;
  transition:opacity .18s ease,visibility 0s linear .18s}
.access-surface.is-open .access-content{opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .28s ease .2s,visibility 0s}
.access-tabs{height:44px;display:flex;align-items:center;gap:7px;padding-right:45px;border-bottom:1px solid #e7edf5}
.access-tab{font-size:13px;font-weight:740;color:#596f89;border:0;background:transparent;
  min-height:40px;padding:8px 12px;cursor:pointer;position:relative}
.access-tab[aria-selected=true]{color:#0a5cc1}
.access-tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;height:2px;
  left:12px;right:12px;background:#1267d5;border-radius:99px}
.access-tab:hover{color:#0a5cc1}
.access-panel{margin:17px 0 0}
.access-panel[hidden]{display:none}
.access-panel h2{font-size:20px;letter-spacing:-.035em;line-height:1.22;color:#122f51;margin:0 0 7px}
.access-panel p{font-size:12.8px;line-height:1.55;color:#516a82;margin:0 0 17px;max-width:350px}
.access-action{min-height:45px;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 15px;text-decoration:none;border-radius:10px;background:#e9881a;color:#142d48;
  font-size:13.5px;font-weight:790;transition:background-color .15s,transform .15s}
.access-action:hover{background:#f4a744;color:#132c47;transform:translateY(-1px)}
.access-action:active{transform:none}
@media(max-width:880px){
  .navlinks .access-host{align-self:flex-end;margin-top:8px}
  .site-header .navlinks.open.access-active{overflow:visible!important;max-height:none!important}
}
@media(max-width:520px){
  .access-surface.is-open{width:calc(100vw - 32px)}
  .access-content{padding:12px 17px 17px}
  .access-panel p{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .access-surface,.navlinks .access-trigger,.access-trigger-label,
  .access-content,.access-action{transition:none!important}
}