:root{--starter-toast-spring: linear( 0,0.002 0.6%,0.007 1.2%,0.015 1.8%,0.026 2.4%,0.041 3.1%,0.06 3.8%,0.108 5.3%,0.157 6.6%,0.214 8%,0.467 13.7%,0.577 16.3%,0.631 17.7%,0.682 19.1%,0.73 20.5%,0.771 21.8%,0.808 23.1%,0.844 24.5%,0.874 25.8%,0.903 27.2%,0.928 28.6%,0.952 30.1%,0.972 31.6%,0.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,0.999 83.7%,1 );--starter-toast-dur: 600ms;--starter-toast-h: 56px;--starter-toast-w: 340px;--starter-toast-success: oklch(0.723 0.219 142.136);--starter-toast-error: oklch(0.637 0.237 25.331);--starter-toast-warning: oklch(0.795 0.184 86.047);--starter-toast-info: oklch(0.685 0.169 237.323);--starter-toast-action: oklch(0.623 0.214 259.815);--starter-toast-loading: oklch(0.72 0 0);--starter-toast-fill: #1a1a1a}[data-starter-viewport]{position: fixed;z-index: 99999;display: flex;flex-direction: column;gap: 10px;padding: 12px;pointer-events: none;max-width: calc(100vw - 24px)}[data-starter-viewport][data-position="bottom-right"]{bottom: 0;right: 0;align-items: flex-end}[data-starter-viewport][data-position="bottom-left"]{bottom: 0;left: 0;align-items: flex-start}[data-starter-viewport][data-position="bottom-center"]{bottom: 0;left: 50%;transform: translateX(-50%);align-items: center}[data-starter-viewport][data-position="top-right"]{top: 0;right: 0;align-items: flex-end;flex-direction: column-reverse}[data-starter-viewport][data-position="top-left"]{top: 0;left: 0;align-items: flex-start;flex-direction: column-reverse}[data-starter-viewport][data-position="top-center"]{top: 0;left: 50%;transform: translateX(-50%);align-items: center;flex-direction: column-reverse}[data-starter-toast]{position: relative;pointer-events: auto;cursor: pointer;width: var(--starter-toast-w);height: var(--starter-toast-h);opacity: 0;transform: translateY(10px) scale(0.92);transform-origin: bottom center;overflow: visible}[data-starter-viewport][data-position^="top"] [data-starter-toast]{transform: translateY(-10px) scale(0.92);transform-origin: top center}[data-starter-toast][data-ready="true"]{opacity: 1;transform: translateY(0) scale(1);transition: opacity calc(var(--starter-toast-dur) * 0.66) var(--starter-toast-spring),transform var(--starter-toast-dur) var(--starter-toast-spring),height var(--starter-toast-dur) var(--starter-toast-spring),margin calc(var(--starter-toast-dur) * 0.66) var(--starter-toast-spring)}[data-starter-toast][data-exiting="true"]{opacity: 0;transform: translateY(8px) scale(0.94);pointer-events: none;transition: opacity 280ms ease,transform 280ms ease,margin 280ms ease,height 280ms ease}[data-starter-viewport][data-position^="top"] [data-starter-toast][data-exiting="true"]{transform: translateY(-8px) scale(0.94)}[data-starter-canvas]{position: absolute;top: 0;left: 0;pointer-events: none;overflow: visible}[data-starter-header]{position: absolute;top: 0;left: 0;display: flex;align-items: center;gap: 9px;height: var(--starter-toast-h);padding: 0 14px;z-index: 10;width: 100%;box-sizing: border-box}[data-starter-badge]{width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 800;flex-shrink: 0;color: var(--_tone);background: color-mix(in oklch,var(--_tone) 22%,transparent);font-family: inherit;transition: background var(--starter-toast-dur) var(--starter-toast-spring),color var(--starter-toast-dur) var(--starter-toast-spring)}[data-starter-title]{font-size: 13.5px;font-weight: 600;color: #fff;white-space: nowrap;font-family: inherit;letter-spacing: -0.01em;animation: starter-toast-blur-in calc(var(--starter-toast-dur) * 0.8) var(--starter-toast-spring) both}[data-starter-icon="spin"]{display: inline-block;animation: starter-toast-spin 0.9s linear infinite}@keyframes starter-toast-spin{to{transform: rotate(360deg)}}[data-starter-content]{position: absolute;top: var(--starter-toast-h);left: 0;width: 100%;opacity: 0;visibility: hidden;z-index: 10;pointer-events: auto;transition: opacity calc(var(--starter-toast-dur) * 0.5) ease calc(var(--starter-toast-dur) * 0.3)}[data-starter-content][data-visible="true"]{opacity: 1;visibility: visible}[data-starter-description]{padding: 4px 16px 12px;font-size: 13px;line-height: 1.5;color: rgba(255,255,255,0.52);margin: 0;font-family: inherit}[data-starter-button]{display: inline-flex;align-items: center;justify-content: center;height: 28px;padding: 0 12px;margin: 0 14px 14px;border-radius: 9999px;border: 0;font-size: 12px;font-weight: 600;cursor: pointer;font-family: inherit;color: var(--_tone);background: color-mix(in oklch,var(--_tone) 15%,transparent);transition: background 150ms ease}[data-starter-button]:hover{background: color-mix(in oklch,var(--_tone) 28%,transparent)}[data-state="success"]{--_tone: var(--starter-toast-success)}[data-state="error"]{--_tone: var(--starter-toast-error)}[data-state="warning"]{--_tone: var(--starter-toast-warning)}[data-state="info"]{--_tone: var(--starter-toast-info)}[data-state="action"]{--_tone: var(--starter-toast-action)}[data-state="loading"]{--_tone: var(--starter-toast-loading)}@keyframes starter-toast-blur-in{from{opacity: 0;filter: blur(5px)}to{opacity: 1;filter: blur(0)}}@media (max-width: 400px){[data-starter-viewport]{bottom: 0;left: 0;right: 0;align-items: stretch !important;transform: none !important}[data-starter-toast]{width: 100% !important}}@media (prefers-reduced-motion: reduce){[data-starter-viewport],[data-starter-viewport] *,[data-starter-viewport] *::before{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}}