/* Provider styles follow LINE Login and Google Identity branding guidelines. */
.smsl-entry,.smsl-accounts{box-sizing:border-box;max-width:680px;margin:0 auto 28px;padding:24px;border:1px solid #ddd6c9;border-radius:16px;background:#fffdf9;color:#292720}
.smsl-entry h2,.smsl-accounts h2{margin:0 0 8px;color:#292720;font-size:24px;line-height:1.4;letter-spacing:0}
.smsl-intro,.smsl-accounts>p{margin:0 0 20px;font-size:15px;line-height:1.7}
.smsl-buttons{display:grid;grid-template-columns:1fr;gap:14px;max-width:360px;margin:20px auto}
.smsl-provider{box-sizing:border-box;position:relative;display:flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:4px;text-decoration:none!important;box-shadow:none;line-height:20px;white-space:nowrap;transition:background-color .12s ease;cursor:pointer}
.smsl-provider:focus-visible{outline:3px solid #805800;outline-offset:4px}
.smsl-provider-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;margin-right:10px}
.smsl-provider-icon img{display:block;width:24px;height:24px;max-width:none;margin:0;border:0;object-fit:contain}
.smsl-provider-label{display:block;font-size:16px;font-weight:600;line-height:24px}
.smsl-provider--line,.smsl-provider--line:visited{background:#06c755;color:#fff!important}
.smsl-provider--line:hover{background:#05b34d;color:#fff!important}
.smsl-provider--line:active{background:#048b3c;color:#fff!important}
.smsl-provider--line .smsl-provider-icon{position:absolute;left:12px;margin-right:0;width:24px}
.smsl-provider--line .smsl-provider-label{padding:0 30px}
.smsl-provider--google,.smsl-provider--google:visited{border-color:#747775;background:#fff;color:#1f1f1f!important;font-family:"Google Sans",Roboto,Arial,sans-serif}
.smsl-provider--google .smsl-provider-label{font-size:14px;font-weight:500;line-height:20px}
.smsl-provider--google .smsl-provider-icon{flex-basis:20px}
.smsl-provider--google .smsl-provider-icon img{width:20px;height:20px}
.smsl-provider--google:hover{background:#f8faff;border-color:#747775;color:#1f1f1f!important;box-shadow:0 1px 2px rgba(60,64,67,.15)}
.smsl-provider--google:active{background:#edf2fa;color:#1f1f1f!important}
.smsl-entry .smsl-note,.smsl-accounts .smsl-note{margin:12px 0 0;color:#625b50;font-size:13px;line-height:1.6}
.smsl-entry .smsl-note{text-align:center}
.smsl-entry .smsl-fallback{margin:20px 0 0;padding-top:16px;border-top:1px solid #e5dfd4;color:#625b50;font-size:14px;line-height:1.6;text-align:center}
.smsl-account-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.smsl-account-list>li{margin:0;padding:0;list-style:none}
.smsl-account-list .smsl-provider{max-width:360px}
.smsl-account-list .smsl-linked{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:8px 12px;border:1px solid #dfded5;border-radius:6px;background:#f4f5ee}
.smsl-linked>span{color:#42612f;font-size:14px;line-height:1.5}
@media(max-width:480px){.smsl-entry,.smsl-accounts{padding:20px 16px;border-radius:12px}.smsl-entry h2,.smsl-accounts h2{font-size:22px}.smsl-provider--line .smsl-provider-label{font-size:15px;padding:0 28px}.smsl-provider--line .smsl-provider-icon{left:10px}.smsl-provider--line .smsl-provider-icon img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.smsl-provider{transition:none}}
@media(forced-colors:active){.smsl-provider{border:1px solid ButtonText}.smsl-provider:focus-visible{outline-color:Highlight}}