.signin-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;background:#1414188f;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}@supports ((-moz-appearance:none)){.signin-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.signin-card{background:#0c0c12;border:1px solid #ffffff12;border-radius:28px;width:100%;max-width:400px;padding:40px 32px 36px;animation:.5s cubic-bezier(.34,1.42,.64,1) both signinCardIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #000000a6,0 8px 20px #0006,inset 0 1px #ffffff12}@keyframes signinCardIn{0%{opacity:0;transform:translateY(28px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.signin-close{color:#ffffff73;cursor:pointer;z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s,transform .25s;display:inline-flex;position:absolute;top:16px;right:16px}.signin-close:hover{color:#ffffffe6;background:#ffffff1a;transform:rotate(90deg)}.signin-close-icon{background-color:currentColor;width:14px;height:14px;display:block;-webkit-mask-image:url(/icons/ic_close.svg);mask-image:url(/icons/ic_close.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.signin-header{z-index:1;text-align:center;margin-bottom:28px;animation:.5s cubic-bezier(.34,1.42,.64,1) .1s both signinHeaderIn;position:relative}@keyframes signinHeaderIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signin-icon-wrap{color:#f34c61;background:#f34c611a;border:1px solid #f34c6138;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;display:flex;box-shadow:0 0 20px #f34c6126}.signin-header-icon{background-color:currentColor;width:28px;height:28px;display:block;-webkit-mask-image:url(/icons/ic_user.svg);mask-image:url(/icons/ic_user.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.signin-header h2{color:#fff;letter-spacing:-.025em;margin:0 0 8px;font-size:1.45rem;font-weight:700}.signin-header p{color:#fff6;margin:0;font-size:.875rem;line-height:1.5}.signin-providers{z-index:1;flex-direction:column;gap:10px;margin-bottom:22px;animation:.5s cubic-bezier(.34,1.42,.64,1) .18s both signinProvidersIn;display:flex;position:relative}@keyframes signinProvidersIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.signin-provider{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;width:100%;padding:13px 16px;transition:background .25s,border-color .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.signin-provider:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.signin-provider:not(:disabled):hover{transform:translateY(-3px)}.signin-provider--google:after{background:linear-gradient(130deg,#4285f41a 0%,#ea43350f 50%,#34a8530f 100%)}.signin-provider--google:not(:disabled):hover{border-color:#4285f473;box-shadow:0 8px 28px #4285f438,0 2px 8px #0000004d}.signin-provider--google:not(:disabled):hover:after{opacity:1}.signin-provider--github:after{background:linear-gradient(130deg,#ffffff1f 0%,#6e768114 55%,#24292e24 100%)}.signin-provider--github:not(:disabled):hover{border-color:#ffffff47;box-shadow:0 8px 28px #ffffff14,0 2px 8px #0000004d}.signin-provider--github:not(:disabled):hover:after{opacity:1}.signin-provider-icon{z-index:1;background:#ffffff12;border:1px solid #ffffff0f;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.signin-provider-icon-asset{width:20px;height:20px;display:block}.signin-provider-icon-asset--google{background-image:url(/icons/ic_google.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.signin-provider-icon-asset--github{background-color:currentColor;-webkit-mask-image:url(/icons/ic_github.svg);mask-image:url(/icons/ic_github.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.signin-provider-label{z-index:1;flex-direction:column;flex:1;gap:1px;display:flex;position:relative}.signin-provider-subtitle{color:#ffffff61;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:500}.signin-provider-name{color:#fff;letter-spacing:-.015em;font-size:1rem;font-weight:700}.signin-provider-arrow{z-index:1;color:#ffffff40;flex-shrink:0;width:18px;height:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s;position:relative}.signin-provider-arrow-icon{background-color:currentColor;width:100%;height:100%;display:block;-webkit-mask-image:url(/icons/ic_arrow_right.svg);mask-image:url(/icons/ic_arrow_right.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.signin-provider:not(:disabled):hover .signin-provider-arrow{color:#ffffffa6;transform:translate(4px)}.signin-provider-badge{z-index:1;color:#ffffff59;letter-spacing:.04em;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;padding:3px 9px;font-size:.68rem;font-weight:700;position:relative}.signin-terms{z-index:1;text-align:center;color:#fff3;margin:0;font-size:.72rem;line-height:1.6;animation:.5s .25s both signinTermsIn;position:relative}@keyframes signinTermsIn{0%{opacity:0}to{opacity:1}}@keyframes signinCardInMobile{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.signin-overlay{align-items:flex-end;padding:14px 14px 0}.signin-card{border-bottom:none;border-radius:24px 24px 0 0;max-width:100%;padding:26px 18px 22px;animation:.38s cubic-bezier(.22,1,.36,1) both signinCardInMobile;box-shadow:0 -10px 30px #0000003d,0 -1px #ffffff0d,inset 0 1px #ffffff12}.signin-header{margin-bottom:22px}.signin-header h2{font-size:1.3rem}.signin-header p{font-size:.82rem}.signin-providers{gap:12px;margin-bottom:18px}.signin-provider{padding:14px 15px}.signin-provider-badge{font-size:.64rem}.signin-terms{font-size:.69rem}}