.swipe-toast{--st-bg:#1c1c1f;--st-ink:#f5f5f5;--st-fuse:#00a7f5;--st-fuse-h:2px;--st-w:356px;--st-radius:16px;--st-slide:.4s;--st-gap:10px;--st-ease-out:cubic-bezier(.23, 1, .32, 1);width:min(var(--st-w), 100%);color:var(--st-ink);font-family:var(--font-sans);pointer-events:auto;transition:grid-template-rows var(--st-slide) var(--st-ease-out);grid-template-rows:1fr;font-size:13px;line-height:1.5;display:grid}.swipe-toast[data-tone=success]{--st-fuse:#30d158}.swipe-toast[data-tone=danger]{--st-fuse:#ff453a}.swipe-toast[data-mounted=false],.swipe-toast[data-phase=closing],.swipe-toast[data-phase=gone]{grid-template-rows:0fr}.swipe-toast[data-phase=closing]{transition-duration:calc(var(--st-slide) * .7)}.swipe-toast[data-phase=gone]{transition-duration:.2s}.swipe-toast__gate{min-height:0}.swipe-toast__lift{margin-top:var(--st-gap);opacity:1;transition:transform var(--st-slide) var(--st-ease-out), opacity calc(var(--st-slide) * .6) ease;transform:translateY(0)}@starting-style{.swipe-toast{grid-template-rows:0fr}.swipe-toast__lift{opacity:0;transform:translateY(100%)}}.swipe-toast[data-mounted=false] .swipe-toast__lift{opacity:0;transform:translateY(100%)}.swipe-toast[data-phase=closing] .swipe-toast__lift{opacity:0;transition:transform calc(var(--st-slide) * .7) var(--st-ease-out), opacity calc(var(--st-slide) * .5) ease;transform:translateY(100%)}.swipe-toast[data-phase=gone] .swipe-toast__lift{opacity:0;visibility:hidden;transform:translateY(100%)}.swipe-toast[data-instant] .swipe-toast__lift{transition-duration:0s}.swipe-toast__card{border-radius:var(--st-radius);background:var(--st-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;align-items:center;gap:12px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff0f,0 16px 40px -16px #000c}.swipe-toast__card:focus-visible{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 2px #0a84ffb3}.swipe-toast__card[data-swiping]{cursor:grabbing}.swipe-toast__icon{background:color-mix(in srgb, var(--st-fuse) 16%, transparent);width:32px;height:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--st-fuse) 22%, transparent);color:var(--st-fuse);border-radius:999px;flex:none;place-items:center;display:grid}.swipe-toast__body{overflow-wrap:anywhere;flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.swipe-toast__title{color:color-mix(in srgb, var(--st-ink) 92%, transparent);text-wrap:pretty;font-size:13px;font-weight:500;line-height:1.4}.swipe-toast__desc{color:color-mix(in srgb, var(--st-ink) 55%, transparent);font-size:12.5px;line-height:1.4}.swipe-toast__action,.swipe-toast__close{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--st-ease-out), background-color .16s ease, opacity .16s ease;border:0;outline:none;flex:none}.swipe-toast__action{background:var(--st-ink);color:#191919;white-space:nowrap;border-radius:999px;height:28px;padding:0 12px;font-size:12px;font-weight:500}.swipe-toast__close{background:color-mix(in srgb, var(--st-ink) 6%, transparent);width:26px;height:26px;color:color-mix(in srgb, var(--st-ink) 55%, transparent);border-radius:999px;place-items:center;display:grid;position:relative}.swipe-toast__close:before{content:"";position:absolute;inset:-8px}.swipe-toast__action:focus-visible,.swipe-toast__close:focus-visible{box-shadow:0 0 0 2px #0a84ffb3}.swipe-toast__action:active,.swipe-toast__close:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.swipe-toast__action:hover{opacity:.88}.swipe-toast__close:hover{background:color-mix(in srgb, var(--st-ink) 12%, transparent);color:var(--st-ink)}}.swipe-toast__fuse{height:var(--st-fuse-h);background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--st-fuse) 18%, transparent) 9%, color-mix(in srgb, var(--st-fuse) 50%, transparent) 18%, color-mix(in srgb, var(--st-fuse) 84%, transparent) 28%, var(--st-fuse) 38%, var(--st-fuse) 62%, color-mix(in srgb, var(--st-fuse) 84%, transparent) 72%, color-mix(in srgb, var(--st-fuse) 50%, transparent) 82%, color-mix(in srgb, var(--st-fuse) 18%, transparent) 91%, transparent 100%);transform-origin:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.swipe-toast[data-fuse=none] .swipe-toast__fuse{opacity:0}@media (prefers-reduced-motion:reduce){.swipe-toast__lift{transition:opacity .2s;transform:none!important}.swipe-toast__action:active,.swipe-toast__close:active{transform:none}}