/* Shared feedback for static and dynamically created account controls. */
button,.button {position:relative;transition:box-shadow .35s ease,border-color .35s ease,filter .35s ease,background-color .35s ease,color .25s ease,transform .3s ease,translate .2s ease}
button:not([role="tab"])::after,.button::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(150px circle at var(--button-x,50%) var(--button-y,50%),#b4d5ff24,transparent 80%);opacity:0;transition:opacity .35s ease}
.button:hover{transform:none}
.account-tabs button{box-shadow:none!important;filter:none!important;translate:none!important;background-image:none!important;border-top:0!important;border-left:0!important;border-right:0!important;transition:color .25s ease,background-color .3s ease,border-bottom-color .3s ease}
.account-tabs button:not([aria-selected="true"]){border-bottom-color:transparent!important}
.account-tabs button[aria-selected="true"]{border-bottom-color:#8bb6f7!important}
.account-tabs button:hover{background-color:#6ba1f308}
@media(hover:hover) and (pointer:fine){
  button:not([role="tab"]):not(:disabled):hover::after,.button:hover::after{opacity:1}
  button:not([role="tab"]):not(:disabled):not([aria-disabled="true"]):hover,.button:not([aria-disabled="true"]):hover {
    box-shadow:0 5px 22px #6ba1f31c;

    filter:brightness(1.035);
  }
}
button:not(:disabled):focus-visible,.button:focus-visible{outline:2px solid #9bc3ff;outline-offset:4px;box-shadow:0 0 18px #6ba1f330}
button:not(:disabled):active,.button:active{translate:0 1px;filter:brightness(1.15)}
button:disabled,button[aria-busy="true"]{cursor:wait}
button:disabled:not([aria-busy="true"]){cursor:not-allowed}
.security-card .session-end{display:grid;place-items:center;min-width:40px;min-height:40px}
.session-end::before{content:"";display:block;width:13px;height:13px;background:currentColor;mask:url('/account/cross.svg') center/contain no-repeat;-webkit-mask:url('/account/cross.svg') center/contain no-repeat}
.session-end[aria-busy="true"]::before{display:none}
.security-card .session-end:hover{border-color:#ed929260;color:#ffaaaa;box-shadow:0 0 18px #ed92921c}
@media(prefers-reduced-motion:reduce){button,.button,button::after,.button::after{transition:none!important}button:not(:disabled):active,.button:active{translate:none}}