#toast{bottom:max(28px,env(safe-area-inset-bottom));width:380px;max-width:calc(100vw - 32px);padding:19px 16px;gap:14px;border-radius:18px;border:1px solid #c69f7a65;border-left:4px solid #c69f7a;background:linear-gradient(125deg,#213c4e,#142b3a);box-shadow:0 16px 48px #0006;text-align:left}#toast .toast-icon{width:40px;height:40px;flex-basis:40px;font-size:22px;background:#c69f7a24;border:1px solid #c69f7a40}#toast .toast-copy strong{display:block;font-size:15px;line-height:1.45;font-weight:600}#toast .toast-copy small{display:block;font-size:12px;font-weight:400;color:#b4c3cc;line-height:1.55;margin-top:4px}#toast .toast-close{align-self:flex-start}#toast[data-kind=error]{border-left-color:#ef7373}[data-theme=light] #toast{background:linear-gradient(125deg,#fffaf3,#f0ebe2)}[data-theme=light] #toast .toast-copy small{color:#526977}
/* Compact notification with one countdown track along its bottom edge. */
#toast{width:330px;padding:13px 14px;gap:10px;border:1px solid #54718260;border-radius:13px;background:#162d3b;box-shadow:0 10px 30px #0003}
#toast .toast-icon{width:30px;height:30px;flex-basis:30px;font-size:17px;background:#7ca8bd18;border:0;color:#9bbdce}
#toast .toast-copy strong{font-size:13px;line-height:1.45;font-weight:600}
#toast .toast-copy small{font-size:11px;line-height:1.5;margin-top:3px;color:#a7bac5}
#toast .toast-close{width:24px;height:24px;flex-basis:24px;font-size:19px;align-self:center}
#toast .toast-progress{inset:auto 0 0;height:2px;border:0;border-radius:0;background:#80adc1;opacity:.85;box-shadow:none}
#toast[data-kind=error]{border:1px solid #a8677060}#toast[data-kind=error] .toast-progress{background:#c88e98}
#toast::before,#toast::after{display:none!important}
[data-theme=light] #toast{background:#f5f8f9;border-color:#9ab3bf70}[data-theme=light] #toast .toast-icon{color:#476f82;background:#7ca8bd20}
/* Contrast against the dark studio without an outline. */
#toast,#toast[data-kind=error],[data-theme=light] #toast{border:0;background:#e2c5a4;color:#142d3e;box-shadow:0 12px 30px #0003}
#toast .toast-copy small,[data-theme=light] #toast .toast-copy small{color:#425765}
#toast .toast-icon,[data-theme=light] #toast .toast-icon{border:0;background:#183d5010;color:#244b62}
#toast .toast-close{color:#425765}#toast .toast-close:hover{background:#183d5010;color:#142d3e}
#toast[data-kind=error] .toast-icon{background:#a9445314;color:#9d3547}
#toast .toast-progress{background:#547f96}
/* Slim blue status pill. */
#toast,#toast[data-kind=error],[data-theme=light] #toast{width:max-content;max-width:min(320px,calc(100vw - 32px));padding:9px 12px;gap:8px;border:0;border-radius:10px;background:#31566e;color:#f2f7fa;box-shadow:0 6px 20px #0002}
#toast .toast-copy small{display:none}
#toast .toast-copy strong{font-size:12px;line-height:1.4;font-weight:500}
#toast .toast-icon,[data-theme=light] #toast .toast-icon{width:22px;height:22px;flex-basis:22px;font-size:14px;background:#ffffff0d;color:#d4e5ee}
#toast .toast-close{width:20px;height:20px;flex-basis:20px;font-size:17px;color:#c3d8e4}
#toast .toast-close:hover{background:#ffffff0d;color:#fff}
#toast .toast-progress{height:2px;background:#a2c5d8;opacity:.7}
#toast[data-kind=error] .toast-icon{background:#ffd0d010;color:#ffd0d0}