:where(.palm-toast){--toast-default-bg: #333;--toast-default-text: #fff;--toast-success-bg: #28a745;--toast-success-text: #fff;--toast-warning-bg: #ffc107;--toast-warning-text: #212529;--toast-error-bg: #dc3545;--toast-error-text: #fff;--toast-info-bg: #17a2b8;--toast-info-text: #fff;--toast-border-radius: 4px;--toast-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);--toast-padding: clamp(10px, 1.5vw + 6px, 14px) clamp(12px, 2vw + 6px, 18px);--toast-margin: clamp(6px, 1vw + 4px, 10px);--toast-close-size: 24px;--toast-max-w: 400px;--toast-min-w: 250px;--toast-fs: 14px}.palm-toast{cursor:pointer;position:fixed;overflow:hidden;z-index:1000;margin:var(--toast-margin);background-color:var(--toast-bg-color, --toast-default-bg);color:var(--toast-text-color, --toast-default-text);border-radius:var(--toast-border-radius);box-shadow:var(--toast-box-shadow);padding:var(--toast-padding);max-inline-size:var(--toast-max-w);min-inline-size:var(--toast-min-w);font-size:var(--toast-fs);transition:all .4s cubic-bezier(.68,-.55,.27,1.55);animation-timing-function:cubic-bezier(.68,-.55,.27,1.55);animation-duration:.4s}.palm-toast[toast-position*=bottom]{bottom:0;animation-name:slideInBottom}.palm-toast[toast-position*=top]{top:0;animation-name:slideInTop}.palm-toast[toast-position*=left]{left:0}.palm-toast[toast-position*=right]{right:0}.palm-toast[toast-type=success]{--toast-bg-color: var(--toast-success-bg);--toast-text-color: var(--toast-success-text)}.palm-toast[toast-type=warning]{--toast-bg-color: var(--toast-warning-bg);--toast-text-color: var(--toast-warning-text)}.palm-toast[toast-type=error]{--toast-bg-color: var(--toast-error-bg);--toast-text-color: var(--toast-error-text)}.palm-toast[toast-type=info]{--toast-bg-color: var(--toast-info-bg);--toast-text-color: var(--toast-info-text)}.palm-toast .toast-body{margin-block:0;margin-inline-end:1rem}.palm-toast .toast-close{position:absolute;top:9px;right:9px;inline-size:var(--toast-close-size);block-size:var(--toast-close-size);padding:0;background:none;border:none;color:inherit;cursor:pointer;transition:opacity .2s ease-in-out}.palm-toast .toast-close:hover{opacity:.8}.palm-toast .toast-close:focus-visible{outline:1px solid var(--toast-text-color);border-radius:var(--toast-border-radius)}.palm-toast .toast-time-bar{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:var(--toast-text-color);opacity:.6}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}