.system-notice-module__kjHMcq__viewport{z-index:var(--system-notice-z-index,125);top:calc(env(safe-area-inset-top,0px) + 16px);pointer-events:none;width:min(900px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.system-notice-module__kjHMcq__notice{--system-notice-tone:var(--system-notice-info,#2563eb);--system-notice-tone-ink:var(--system-notice-info-ink,#174ea6);--system-notice-tone-soft:color-mix(in srgb,var(--system-notice-tone)11%,var(--system-notice-surface,#fff));--system-notice-track:color-mix(in srgb,var(--system-notice-tone)17%,var(--system-notice-surface,#fff));isolation:isolate;min-height:60px;color:var(--system-notice-ink,#172033);font:inherit;pointer-events:auto;background:var(--system-notice-surface,#fff);border:1px solid color-mix(in srgb,var(--system-notice-tone)25%,var(--system-notice-border,#d8deea));box-shadow:0 18px 44px color-mix(in srgb,var(--system-notice-tone)10%,var(--system-notice-shadow,#0f172a33)),0 2px 8px var(--system-notice-shadow,#0f172a24);border-radius:14px;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex;position:relative;overflow:hidden}.system-notice-module__kjHMcq__notice[data-tone=success]{--system-notice-tone:var(--system-notice-success,#16803c);--system-notice-tone-ink:var(--system-notice-success-ink,#116329)}.system-notice-module__kjHMcq__notice[data-tone=warning]{--system-notice-tone:var(--system-notice-warning,#b85c00);--system-notice-tone-ink:var(--system-notice-warning-ink,#793900)}.system-notice-module__kjHMcq__notice[data-tone=danger]{--system-notice-tone:var(--system-notice-danger,#c62d34);--system-notice-tone-ink:var(--system-notice-danger-ink,#9f1239)}.system-notice-module__kjHMcq__notice:before{z-index:2;content:"";background:var(--system-notice-tone);width:4px;position:absolute;inset:0 auto 0 0}.system-notice-module__kjHMcq__icon{width:34px;height:34px;color:var(--system-notice-tone);background:var(--system-notice-tone-soft);border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.system-notice-module__kjHMcq__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.system-notice-module__kjHMcq__copy{flex:auto;min-width:0}.system-notice-module__kjHMcq__titleRow{align-items:center;gap:8px;min-width:0;display:flex}.system-notice-module__kjHMcq__title,.system-notice-module__kjHMcq__description{margin:0}.system-notice-module__kjHMcq__title{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:650;line-height:1.35;overflow:hidden}.system-notice-module__kjHMcq__count{color:var(--system-notice-tone-ink);font-variant-numeric:tabular-nums;background:var(--system-notice-tone-soft);border-radius:999px;flex:none;padding:1px 6px;font-size:.75rem;font-weight:700;line-height:1.45}.system-notice-module__kjHMcq__description{color:var(--system-notice-muted,#5d687a);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;line-height:1.45;overflow:hidden}.system-notice-module__kjHMcq__action,.system-notice-module__kjHMcq__close{color:var(--system-notice-ink,#172033);font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.system-notice-module__kjHMcq__action{overflow-wrap:anywhere;min-width:0;max-width:min(42%,20rem);min-height:34px;color:var(--system-notice-tone-ink);background:var(--system-notice-tone-soft);border:1px solid color-mix(in srgb,var(--system-notice-tone)28%,transparent);border-radius:9px;flex:0 auto;padding:6px 11px;font-size:.8125rem;font-weight:700}.system-notice-module__kjHMcq__close{width:34px;height:34px;color:var(--system-notice-ink,#172033);border-radius:9px;place-items:center;padding:0;display:grid}.system-notice-module__kjHMcq__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;height:18px}.system-notice-module__kjHMcq__action:hover,.system-notice-module__kjHMcq__close:hover{color:var(--system-notice-tone-ink);background:var(--system-notice-tone-soft)}.system-notice-module__kjHMcq__action:focus-visible,.system-notice-module__kjHMcq__close:focus-visible{outline:3px solid var(--system-notice-focus,#1d4ed8);outline-offset:2px}.system-notice-module__kjHMcq__srOnly{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.system-notice-module__kjHMcq__notice[data-phase=entering]{animation:system-notice-module__kjHMcq__systemNoticeEnter .22s var(--system-notice-ease,cubic-bezier(.2,.86,.25,1))both}.system-notice-module__kjHMcq__notice[data-phase=leaving]{animation:system-notice-module__kjHMcq__systemNoticeLeave .18s var(--system-notice-ease,cubic-bezier(.4,0,1,1))both}@keyframes system-notice-module__kjHMcq__systemNoticeEnter{0%{opacity:0;transform:translateY(-12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes system-notice-module__kjHMcq__systemNoticeLeave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.99)}}@keyframes system-notice-module__kjHMcq__systemNoticeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes system-notice-module__kjHMcq__systemNoticeFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:640px){.system-notice-module__kjHMcq__viewport{top:calc(env(safe-area-inset-top,0px) + 8px);width:calc(100vw - 16px)}.system-notice-module__kjHMcq__notice{flex-wrap:wrap;align-items:flex-start}.system-notice-module__kjHMcq__copy{flex:calc(100% - 46px)}.system-notice-module__kjHMcq__description{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.system-notice-module__kjHMcq__timer{margin-left:46px}.system-notice-module__kjHMcq__action{white-space:normal;flex:120px;max-width:none;min-height:40px}.system-notice-module__kjHMcq__close{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.system-notice-module__kjHMcq__notice:after{transition-duration:0s}.system-notice-module__kjHMcq__notice[data-phase=entering]{animation:1ms linear both system-notice-module__kjHMcq__systemNoticeFadeIn}.system-notice-module__kjHMcq__notice[data-phase=leaving]{animation:1ms linear both system-notice-module__kjHMcq__systemNoticeFadeOut}}
