.success-notice{position:fixed;z-index:1000;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:22px 28px;background:#f5ffa2;color:#0b3e43;border:1px solid #d8e77a;box-shadow:0 12px 40px #002e3255;border-radius:8px;pointer-events:none;animation:notice-arrive .2s ease-out}.success-notice[hidden]{display:none}.success-notice strong{display:block;font-size:20px;line-height:1.25;font-weight:600}.success-notice p{margin:6px 0 0;font-size:14px;line-height:1.45}.success-notice-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#105157;color:#f5ffa2;border-radius:50%;font-size:25px}@keyframes notice-arrive{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:480px){.success-notice{top:16px;width:calc(100% - 32px);padding:18px;gap:12px}.success-notice strong{font-size:18px}.success-notice p{font-size:13px}}@media(prefers-reduced-motion:reduce){.success-notice{animation:none}}
.success-notice{pointer-events:auto}.success-notice-close{align-self:flex-start;flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;margin:-6px -10px 0 0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}.success-notice-close:hover{background:#10515715}.success-notice-close:focus-visible{outline:2px solid #105157;outline-offset:2px}