.auth{padding:24px var(--v-padding-inline) 60px;&:has(.auth-h-ad){padding-top:56px}}.auth-box{max-width:406px;box-sizing:border-box;margin-inline:auto;border-radius:var(--v-radius-box);border:1px solid var(--v-color-border);background:var(--v-color-bg);box-shadow:var(--v-shadow-box);padding:var(--v-padding-inline)}.auth-h{text-align:center}@keyframes auth_h_ad_show{0%{opacity:0;top:15px}to{opacity:1;top:0}}.auth-h-ad{position:relative;background:var(--v-auth-ad-color-bg);border:solid var(--v-auth-ad-color-border);border-width:2px 2px 3px;border-radius:17px;text-align:center;width:300px;margin:-50px auto 0;animation:auth_h_ad_show var(--v-duration);&:after,&:before{content:"";border-width:15px 10px;border-style:solid;display:block;position:absolute;right:calc(50% - 6px);top:100%}&:before{border-color:var(--v-auth-ad-color-border) transparent transparent}&:after{border-color:var(--v-auth-ad-color-bg) transparent transparent;top:calc(100% - 5px)}}.auth-h-ad-pop{border:2px solid var(--v-auth-ad-color-pop-border);background:var(--v-auth-ad-color-pop-bg);color:var(--v-auth-ad-color-pop-text);border-radius:50%;width:71px;height:71px;position:absolute;left:-30px;top:-24px;margin:0;padding:0;display:grid;place-content:center;transform:rotate(-14deg);text-align:center;font-weight:600;line-height:1.2}.auth-h-ad-pop-strong{font-size:larger;position:relative;margin-top:4px;display:inline-block;&:after{content:"・";position:absolute;left:50%;transform:translateX(-50%);top:-16px}}.auth-h-ad-main{padding-left:20px;font-size:19px;margin:12px 0 6px}.auth-h-ad-main,.auth-h-ad-sub{font-weight:600;color:var(--v-auth-ad-color-main-text)}.auth-h-ad-sub{font-size:13px;margin:0 0 7px}.auth-h-ad-sub-icon{vertical-align:-3px;margin:0 2px}.auth-h-logo{display:block;padding:0;margin:0 auto 18px;width:var(--v-auth-logo-max-width);height:var(--v-auth-logo-max-height)}.auth-h-logo-img{width:100%;height:100%;object-fit:contain;object-position:center}.auth-h-text{display:block;text-align:center;font-size:18px;font-weight:600}.auth-h-text-link{-webkit-text-decoration:underline dashed var(--v-color-border) 1px;text-decoration:underline dashed var(--v-color-border) 1px;text-underline-offset:3px;cursor:pointer}.auth-h-text-icon{color:var(--v-color-text-moderate)}.auth-h-info{height:0;opacity:0;overflow:hidden;box-sizing:initial;transition:opacity var(--v-duration);background:var(--v-color-bg-alt);padding:0 1.5em;&.mode-open{padding:1em 1.5em;height:auto;opacity:1}}.auth-h-info-text{font-size:13px;line-height:1.75;margin:0;padding:0;&+&{margin-top:.6em}&.mode-link{text-align:center}}.auth-h-info-text-link{&:link,&:visited{color:currentColor}}.auth-note{background:var(--v-color-alert-bg);color:var(--v-color-alert);display:flex;align-items:center;padding:12px;margin:1.5em 0}.auth-note-icon{font-size:32px;margin-right:.25em}.auth-note-text{font-size:12px;margin:0;padding:0;line-height:1.66}.auth-devider{color:var(--v-color-text-moderate);display:flex;align-items:center;gap:1em;&:after,&:before{content:"";display:block;background:var(--v-color-border);height:1px;flex:1}}.auth-legal{margin-bottom:1em;font-weight:600;display:block}.auth-legal-label-link{color:var(--v-color-link);&:link,&:visited{color:var(--v-color-link)}}.auth-account,.auth-social{padding:var(--v-padding-inline)}.auth-social-btn{display:block;width:100%;text-align:center;&+&{margin-top:15px}}.auth-credit{text-align:center;font-family:Avenir Next,Avenir,sans-serif;font-weight:500;margin-bottom:2em}.auth-credit-logo{display:inline-block;width:60px;vertical-align:middle;margin-left:.25em}.auth-reminder{text-align:center}.auth-reminder-link{color:var(--v-color-text-moderate)}.auth-f{border-top:1px solid var(--v-color-border);padding-top:1.5em}.auth-f-h{margin:0 0 1.2em;font-size:16px;text-align:center;color:var(--v-color-text-moderate);font-weight:400}@keyframes auth_callback_bounce{0%{transform:translate3d(0,-24px,0)}to{transform:translateZ(0)}}@keyframes auth_callback_fade{0%{opacity:.5}to{opacity:1}}.auth-callback-loading{text-align:center}.auth-callback-loading-fig{display:block;margin:20px 0 0;padding:0}.auth-callback-loading-img{width:60px;height:auto;animation:auth_callback_bounce .4s cubic-bezier(.5,.05,1,.5) infinite alternate}.auth-callback-loading-desc{color:var(--v-color-text-moderate);font-size:12px;animation:auth_callback_fade .8s infinite alternate;margin:0}