.sup-notice{--vs-style:LG4;position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:75;
 display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;
 padding:13px 15px;border:0;border-radius:16px;color:var(--text);font:550 14px/1.45 var(--vt-font-ui);
 background:var(--lg-sheen),linear-gradient(var(--lg-body-menu),var(--lg-body-menu));
 box-shadow:var(--lg-shadow-bar);backdrop-filter:var(--lg-diffuse-menu);-webkit-backdrop-filter:var(--lg-diffuse-menu)}
.sup-notice[hidden]{display:none}
.sup-notice-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;
 font:italic 700 16px/1 Georgia,serif;color:var(--text);background:var(--vs-inset);box-shadow:var(--lg-row-light)}
.sup-notice-copy{max-width:38ch}
.sup-notice .sup-notice-retry{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:36px;padding:8px 12px;
 border:0;border-radius:999px;background:var(--vt-action-gradient);color:var(--vt-button-ink);box-shadow:var(--lg-row-light);
 font:650 12px/1.3 var(--vt-font-ui);cursor:pointer}
.sup-notice .sup-notice-retry:hover:not(:disabled){background:var(--vt-action-gradient);color:var(--vt-button-ink)}
.sup-notice-arrow{font-size:20px;line-height:16px;transition:transform .25s}
.sup-notice-retry:hover .sup-notice-arrow{transform:rotate(45deg)}
.sup-notice-retry:disabled{opacity:.6;cursor:wait}
.sup-notice-retry:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.sup-notice[data-notice-look=band]{--vs-style:LG6;left:28px;right:28px;top:calc(var(--hdr,52px) + var(--subbar-h,40px) + 12px);bottom:auto;transform:none;width:auto;border-radius:12px;padding:12px 18px;background:var(--lg-sheen-panel),var(--lg-body-menu)}
.sup-notice[data-notice-look=band] .sup-notice-copy{max-width:none;flex:1}
.sup-notice[data-notice-look=corner]{left:auto;right:24px;transform:none;width:326px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:12px;padding:18px;border-radius:18px}
.sup-notice[data-notice-look=corner] .sup-notice-retry{grid-column:2;justify-self:start}
@media(max-width:560px){
 .sup-notice{bottom:90px;gap:10px;padding:12px;max-width:calc(100vw - 24px);font-size:13px;flex-wrap:nowrap;text-align:left}
 .sup-notice-copy{max-width:25ch}
 .sup-notice[data-notice-look=band]{left:12px;right:12px;padding:12px}
 .sup-notice[data-notice-look=corner]{right:12px;width:min(310px,calc(100vw - 24px))}
 .sup-notice .sup-notice-retry{font-size:11px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.sup-notice-arrow{transition:none}}
