.logout-btn{height:40px;padding:0 var(--spacing-16);color:var(--brand-secondary-light-900);z-index:0;align-items:center;gap:var(--spacing-12);background-color:#0000;flex-direction:row;width:100%;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .25s ease-in-out,transform .15s ease-in-out;display:flex;position:relative;overflow:hidden}.logout-btn,.logout-btn:before{border-radius:var(--radius-pill);will-change:transform,opacity}.logout-btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:-1;opacity:0;background:linear-gradient(170deg,#fff,#16243800 49.9% 50.1%,#fff);padding:1px;transition:opacity .5s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.logout-btn:focus,.logout-btn:hover{color:#7f3ab7;background:#ffffff1a;box-shadow:0 0 4px #00000003}.logout-btn:focus:before,.logout-btn:hover:before{opacity:1}.logout-btn__label.full{display:inline-block!important}body[data-theme=dark] .logout-btn{color:var(--brand-grey-50)}