/* sr-auth 1.0.0 · 原始碼 sr-account-suite/sr-auth/src/sr-auth.css */
body.sr-ds :is(.sr-auth,.sr-auth-modal) [hidden],body.sr-ds .sr-auth-modal[hidden]{display:none!important}body.sr-ds :is(.sr-auth__tab,.sr-auth__link,.sr-auth__eye,.sr-auth-modal__close){text-transform:none}html.sr-auth-locked,html.sr-auth-locked body{overscroll-behavior:none;overflow:hidden}body.sr-ds .sr-auth-modal{z-index:var(--sun-z-modal);padding:var(--sun-space-5);place-items:center;display:grid;position:fixed;inset:0}body.sr-ds .sr-auth-modal__scrim{background-color:var(--sun-scrim);opacity:0;transition:opacity var(--sun-dur) var(--sun-ease);position:absolute;inset:0}body.sr-ds .sr-auth-modal__guard{width:1px;height:1px;position:absolute;overflow:hidden}body.sr-ds .sr-auth-modal__dialog{width:min(940px,100%);max-height:calc(100vh - 48px);border:var(--sun-card-bw) solid var(--sun-line-strong);background-color:var(--sun-surface);opacity:0;max-height:calc(100dvh - 48px);transition:opacity var(--sun-dur) var(--sun-ease);outline:none;flex-direction:column;display:flex;position:relative}body.sr-ds .sr-auth-modal.is-open .sr-auth-modal__scrim,body.sr-ds .sr-auth-modal.is-open .sr-auth-modal__dialog{opacity:1}body.sr-ds .sr-auth-modal__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}body.sr-ds .sr-auth-modal__close{z-index:3;width:var(--sun-tap);height:var(--sun-tap);border-radius:var(--sun-r-sm);background:var(--sun-surface);color:var(--sun-text-strong);cursor:pointer;transition:background-color var(--sun-dur) var(--sun-ease), color var(--sun-dur) var(--sun-ease);border:0;place-items:center;padding:0;display:inline-grid;position:absolute;top:8px;right:8px}body.sr-ds .sr-auth-modal__close .sun-i{width:22px;height:22px}@media (hover:hover){body.sr-ds .sr-auth-modal__close:hover{background-color:var(--sun-text-strong);color:var(--sun-text-inverse)}}body.sr-ds .sr-auth-modal__close:focus-visible{outline:var(--sun-focus-width) solid var(--sun-focus);outline-offset:calc(var(--sun-focus-width) * -1)}body.sr-ds .sr-auth{color:var(--sun-text);font-family:var(--sun-font-body);font-size:var(--sun-fs-md);line-height:var(--sun-lh-ui);text-align:start;grid-template-columns:minmax(0,340px) minmax(0,1fr);display:grid}body.sr-ds .sr-auth__brand{gap:var(--sun-space-5);background-color:var(--sun-bg-ink);min-height:100%;box-shadow:inset 0 6px 0 var(--sun-primary);color:var(--sun-text-inverse);flex-direction:column;padding:44px 32px 26px;display:flex;position:relative;overflow:hidden}body.sr-ds .sr-auth__brand:after{content:"";background:radial-gradient(circle, var(--sun-bg-ink) 0 3px, var(--sun-primary) 3.5px 30px, var(--sun-bg-ink) 30.5px 34px, transparent 34.5px), repeating-radial-gradient(circle, var(--sun-line-inverse) 0 1px, transparent 1.5px 5px);opacity:.9;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-110px;right:-110px}body.sr-ds .sr-auth__brand-head{gap:var(--sun-space-3);padding-right:76px;display:grid}body.sr-ds .sr-auth__brand-title{color:var(--sun-text-inverse);font-family:var(--sun-font-display);font-size:var(--sun-fs-h2);font-weight:var(--sun-fw-display);line-height:var(--sun-lh-tight);letter-spacing:.04em;margin:0}body.sr-ds .sr-auth__sticker{z-index:1;position:absolute;top:30px;right:24px}body.sr-ds .sr-auth__perks{z-index:1;gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}body.sr-ds .sr-auth__perks li{grid-template-columns:34px minmax(0,1fr);gap:2px 14px;margin:0;display:grid}body.sr-ds .sr-auth__perk-no{background-color:var(--sun-accent);width:34px;height:34px;color:var(--sun-on-accent);font-family:var(--sun-font-mono);font-size:var(--sun-fs-sm);grid-row:span 2;place-items:center;font-weight:500;display:grid}body.sr-ds .sr-auth__perk-t{color:var(--sun-text-inverse);font-family:var(--sun-font-display);font-size:var(--sun-fs-md);font-weight:var(--sun-fw-display);letter-spacing:.03em;line-height:1.35}body.sr-ds .sr-auth__perk-d{color:var(--sun-text-inverse-muted);font-size:var(--sun-fs-sm);line-height:1.6}body.sr-ds .sr-auth__brand-foot{z-index:1;padding-top:var(--sun-space-3);border-top:1px solid var(--sun-line-inverse);color:var(--sun-text-inverse-muted);font-family:var(--sun-font-mono);font-size:var(--sun-fs-2xs);letter-spacing:var(--sun-ls-eyebrow);text-transform:uppercase;align-self:flex-start;margin:auto 0 0;position:relative}body.sr-ds .sr-auth__main{background-color:var(--sun-surface);flex-direction:column;min-width:0;padding:30px 44px 32px;display:flex;position:relative}body.sr-ds .sr-auth__tabs{margin:0 0 var(--sun-space-5);border-bottom:var(--sun-border-ink-2);gap:6px;padding-right:52px;display:flex}body.sr-ds .sr-auth--page .sr-auth__tabs{padding-right:0}body.sr-ds .sr-auth__tab{min-height:var(--sun-tap);border-radius:var(--sun-r-sm);background-color:var(--sun-bg-alt);color:var(--sun-text-on-kraft);font-family:var(--sun-font-display);font-size:var(--sun-fs-md);font-weight:var(--sun-fw-display);letter-spacing:.1em;cursor:pointer;transition:background-color var(--sun-dur) var(--sun-ease);border:2px solid #0000;border-bottom:0;align-items:center;gap:8px;margin:0 0 -2px;padding:0 18px;line-height:1;text-decoration:none;display:inline-flex;position:relative}body.sr-ds .sr-auth__tab[aria-selected=true]{border-color:var(--sun-line-strong);background-color:var(--sun-surface);box-shadow:inset 0 3px 0 var(--sun-primary);color:var(--sun-text-strong)}@media (hover:hover){body.sr-ds .sr-auth__tab:not([aria-selected=true]):hover{background-color:var(--sun-bg);color:var(--sun-text-strong)}}body.sr-ds .sr-auth__tab:focus-visible{outline:var(--sun-focus-width) solid var(--sun-focus);outline-offset:calc(var(--sun-focus-width) * -1)}body.sr-ds .sr-auth__tab-tag{background-color:var(--sun-accent);color:var(--sun-on-accent);font-family:var(--sun-font-display);font-size:var(--sun-fs-xs);font-weight:var(--sun-fw-display);letter-spacing:.04em;padding:3px 6px 2px;display:inline-block;transform:rotate(-4deg)}body.sr-ds .sr-auth__reason{margin:0 0 var(--sun-space-4);border-left:4px solid var(--sun-accent);background-color:var(--sun-surface-pick);color:var(--sun-warning-text);font-size:var(--sun-fs-sm);padding:10px 12px;line-height:1.6}body.sr-ds .sr-auth__live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.sr-ds .sr-auth__view>.sun-eyebrow{margin-bottom:var(--sun-space-3)}body.sr-ds .sr-auth__title{color:var(--sun-text-strong);font-family:var(--sun-font-display);font-size:var(--sun-fs-h2);font-weight:var(--sun-fw-display);line-height:var(--sun-lh-tight);letter-spacing:.04em;margin:0 0 6px}body.sr-ds .sr-auth__title:focus{outline:none}body.sr-ds .sr-auth__lead{margin:0 0 var(--sun-space-5);color:var(--sun-text-muted);font-size:14px;line-height:1.65}body.sr-ds .sr-auth__em{color:var(--sun-accent-text);font-weight:var(--sun-fw-bold)}body.sr-ds .sr-auth__form{margin:0}body.sr-ds .sr-auth__label-row{justify-content:space-between;align-items:baseline;gap:var(--sun-space-3);display:flex}body.sr-ds .sr-auth__label-row .sun-label{margin-bottom:6px}body.sr-ds .sr-auth__pw{position:relative}body.sr-ds .sr-auth .sr-auth__pw input.sun-input{padding-right:52px}body.sr-ds .sr-auth__eye{width:var(--sun-tap);height:var(--sun-tap);border-radius:var(--sun-r-sm);color:var(--sun-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}body.sr-ds .sr-auth__eye .sun-i{width:20px;height:20px}body.sr-ds .sr-auth__eye[aria-pressed=true]{color:var(--sun-text-strong)}body.sr-ds .sr-auth__eye[aria-pressed=true]:after{content:"";background-color:currentColor;width:24px;height:2px;margin:-1px 0 0 -12px;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}@media (hover:hover){body.sr-ds .sr-auth__eye:hover{color:var(--sun-text-strong)}}body.sr-ds .sr-auth__eye:focus-visible{outline:var(--sun-focus-width) solid var(--sun-focus);outline-offset:-4px}body.sr-ds .sr-auth__pw-hint{align-items:center;gap:8px;display:flex}body.sr-ds .sr-auth__pw-dot{width:9px;height:9px;transition:background-color var(--sun-dur) var(--sun-ease);border:1.5px solid;flex:none}body.sr-ds .sr-auth__pw-hint.is-ok{color:var(--sun-success)}body.sr-ds .sr-auth__pw-hint.is-ok .sr-auth__pw-dot{background-color:currentColor}body.sr-ds .sr-auth__legal{margin:var(--sun-space-4) 0 0;color:var(--sun-text-muted);font-size:var(--sun-fs-xs);line-height:1.7}body.sr-ds .sr-auth__legal p{margin:0}body.sr-ds .sr-auth__legal a{color:var(--sun-text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--sun-primary);text-decoration-color:var(--sun-primary);text-underline-offset:3px}body.sr-ds .sr-auth__submit{margin-top:var(--sun-space-5)}body.sr-ds .sr-auth__alert{margin:0 0 var(--sun-space-4);border:1.5px solid var(--sun-danger);background-color:var(--sun-surface);color:var(--sun-text-strong);font-size:14px;font-weight:var(--sun-fw-bold);border-left-width:6px;outline:none;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.55;display:flex}body.sr-ds .sr-auth__alert .sun-i{width:18px;height:18px;color:var(--sun-danger);flex:none;margin-top:1px}body.sr-ds .sr-auth .sun-field-error .sr-auth__link{min-height:0;font-size:inherit;margin-left:4px}body.sr-ds .sr-auth__link{min-height:var(--sun-tap);color:var(--sun-text-strong);font-family:inherit;font-size:inherit;font-weight:var(--sun-fw-bold);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;line-height:1.4;display:inline-flex;text-decoration-line:underline!important;-webkit-text-decoration-color:var(--sun-primary)!important;text-decoration-color:var(--sun-primary)!important;text-decoration-thickness:2px!important}body.sr-ds .sr-auth__link--sm{font-size:var(--sun-fs-sm)}body.sr-ds .sr-auth__label-row .sr-auth__link--sm{min-height:32px}body.sr-ds .sr-auth__link .sun-i{width:18px;height:18px}@media (hover:hover){body.sr-ds .sr-auth__link:hover{color:var(--sun-link-hover)}}body.sr-ds .sr-auth__link:focus-visible{outline:var(--sun-focus-width) solid var(--sun-focus);outline-offset:var(--sun-focus-offset)}body.sr-ds .sr-auth__switch{margin:var(--sun-space-3) 0 0;color:var(--sun-text-muted);text-align:center;font-size:14px}body.sr-ds .sr-auth__switch .sr-auth__link{margin-left:4px}body.sr-ds .sr-auth__alt{margin-top:var(--sun-space-2)}body.sr-ds .sr-auth__or{align-items:center;gap:var(--sun-space-3);margin:var(--sun-space-3) 0 var(--sun-space-4);color:var(--sun-text-muted);font-size:var(--sun-fs-sm);display:flex}body.sr-ds .sr-auth__or:before,body.sr-ds .sr-auth__or:after{content:"";background-color:var(--sun-line);flex:1;height:1px}body.sr-ds .sr-auth__gbtn{min-height:44px;transition:opacity var(--sun-dur) var(--sun-ease);justify-content:center;display:flex}body.sr-ds .sr-auth__gbtn iframe{max-width:none}body.sr-ds .sr-auth__gbtn-ph{border:1px solid var(--sun-line);width:100%;max-width:400px;height:40px;color:var(--sun-text-muted);font-size:var(--sun-fs-sm);border-radius:4px;justify-content:center;align-items:center;display:flex}body.sr-ds .sr-auth__alt.is-busy .sr-auth__gbtn{opacity:.45;pointer-events:none}body.sr-ds .sr-auth__ghint{color:var(--sun-text-muted);font-size:var(--sun-fs-xs);text-align:center;margin:10px 0 0;line-height:1.6}body.sr-ds .sr-auth__inapp{border-left:4px solid var(--sun-accent);background-color:var(--sun-surface-pick);color:var(--sun-warning-text);font-size:var(--sun-fs-sm);align-items:flex-start;gap:8px;margin:0;padding:10px 12px;line-height:1.65;display:flex}body.sr-ds .sr-auth__inapp .sun-i{flex:none;width:16px;height:16px;margin-top:.3em}body.sr-ds .sr-auth__view--done{padding:var(--sun-space-6) 0 var(--sun-space-4);text-align:center}body.sr-ds .sr-auth__done-icon{width:64px;height:64px;margin-bottom:var(--sun-space-4);background-color:var(--sun-bg-ink);color:var(--sun-accent);place-items:center;display:inline-grid;transform:rotate(-4deg)}body.sr-ds .sr-auth__done-icon .sun-i{width:30px;height:30px}body.sr-ds .sr-auth__done-icon--ok{background-color:var(--sun-success);color:var(--sun-on-success)}body.sr-ds .sr-auth__view--done .sr-auth__lead{max-width:34em;margin-inline:auto}body.sr-ds .sr-auth__done-actions{gap:var(--sun-space-2);max-width:320px;margin:0 auto;display:grid}body.sr-ds .sr-auth--page{max-width:980px;margin:var(--sun-space-6) auto var(--sun-space-8);border:var(--sun-card-bw) solid var(--sun-line-strong);background-color:var(--sun-surface)}body.sr-ds .sr-auth--page .sr-auth__main{padding:36px 52px 40px}body.sr-ds .sr-auth--page :is(.sr-auth__tabs,.sr-auth__reason,.sr-auth__alt),body.sr-ds .sr-auth--page .sr-auth__view:not(.sr-auth__view--done){max-width:460px}body.sr-ds.sr-suite-auth.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{max-width:980px;margin-inline:auto}body.sr-ds.sr-suite-auth.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper:not(:empty){margin-top:var(--sun-space-5)}@media (max-width:768.98px){body.sr-ds .sr-auth-modal{place-items:end stretch;padding:0}body.sr-ds .sr-auth-modal__dialog{width:100%;max-height:calc(100vh - 16px);border-width:2px 0 0;max-height:calc(100dvh - 16px)}body.sr-ds .sr-auth-modal__close{background-color:var(--sun-bg-ink);color:var(--sun-text-inverse);top:6px;right:6px}body.sr-ds .sr-auth{grid-template-columns:minmax(0,1fr)}body.sr-ds .sr-auth--modal .sr-auth__brand{min-height:0;box-shadow:inset 0 4px 0 var(--sun-primary);flex-direction:row;align-items:center;gap:14px;padding:18px 56px 16px 16px}body.sr-ds .sr-auth--modal .sr-auth__brand:after,body.sr-ds .sr-auth--modal .sr-auth__brand-head,body.sr-ds .sr-auth--modal .sr-auth__brand-foot,body.sr-ds .sr-auth--modal .sr-auth__perk-no,body.sr-ds .sr-auth--modal .sr-auth__perk-d{display:none}body.sr-ds .sr-auth--modal .sr-auth__sticker{--sun-sticker-size:56px;flex:none;position:static}body.sr-ds .sr-auth--modal .sr-auth__sticker .sun-sticker__num{font-size:17px}body.sr-ds .sr-auth--modal .sr-auth__perks{flex-wrap:wrap;gap:2px 0;display:flex}body.sr-ds .sr-auth--modal .sr-auth__perks li{display:inline}body.sr-ds .sr-auth--modal .sr-auth__perk-t{font-size:var(--sun-fs-sm);letter-spacing:.02em}body.sr-ds .sr-auth--modal .sr-auth__perks li+li .sr-auth__perk-t:before{content:"・";color:var(--sun-accent)}body.sr-ds .sr-auth__main{padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))}body.sr-ds .sr-auth__tabs{padding-right:0}body.sr-ds .sr-auth__tab{flex:1 1 0;justify-content:center;min-height:48px}body.sr-ds .sr-auth__lead{margin-bottom:var(--sun-space-4)}body.sr-ds .sr-auth--page{margin:var(--sun-space-4) 0 var(--sun-space-7)}body.sr-ds .sr-auth--page .sr-auth__main{order:1;padding:20px 16px 28px}body.sr-ds .sr-auth--page .sr-auth__brand{gap:var(--sun-space-4);order:2;padding:28px 18px 22px}body.sr-ds .sr-auth--page .sr-auth__brand-title{font-size:var(--sun-fs-h3)}}