.swipe-toast{--st-bg:#202024;--st-ink:#f5f5f5;--st-fuse:#0a84ff;--st-fuse-h:1.5px;--st-w:356px;--st-radius:14px;--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:flex-start;gap:10px;padding:11px 10px 11px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 32px -12px #000000b3}.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{width:16px;height:20px;color:var(--st-fuse);flex:none;place-items:center;display:grid}.swipe-toast__body{overflow-wrap:anywhere;flex-direction:column;flex:auto;gap:2px;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) 62%, transparent);text-wrap:pretty;font-size:12px;line-height:1.45}.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{width:22px;height:22px;color:color-mix(in srgb, var(--st-ink) 45%, transparent);background:0 0;border-radius:999px;place-items:center;margin:-1px 0;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) 8%, transparent);color:var(--st-ink)}}.swipe-toast__fuse{height:var(--st-fuse-h);background:color-mix(in srgb, var(--st-fuse) 55%, transparent);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}}