.swipe-toast{--st-bg:#27272a;--st-ink:#f5f5f5;--st-fuse:#f5a524;--st-fuse-h:2px;--st-w:356px;--st-radius:12px;--st-slide:400ms;--st-gap:10px;--st-offset:32px;--st-z:999999999;--st-ease-out:cubic-bezier(0.23,1,0.32,1);display:grid;grid-template-rows:1fr;width:min(var(--st-w),100%);color:var(--st-ink);font-family:inherit;font-size:13px;line-height:1.5}.swipe-toast[data-inline=false]{position:fixed;right:var(--st-offset);bottom:calc(var(--st-offset) + env(safe-area-inset-bottom, 0px));z-index:var(--st-z);width:min(var(--st-w),calc(100vw - 2 * var(--st-offset)))}@media (max-width:600px){.swipe-toast[data-inline=false]{--st-offset:16px}}.swipe-toast[data-inline=true]{transition:grid-template-rows var(--st-slide) var(--st-ease-out)}.swipe-toast[data-inline=true][data-mounted=false],.swipe-toast[data-inline=true][data-phase=closing],.swipe-toast[data-inline=true][data-phase=gone]{grid-template-rows:0fr}.swipe-toast[data-inline=true][data-phase=closing]{transition-duration:calc(var(--st-slide) * .7)}.swipe-toast[data-inline=true][data-phase=gone]{transition-duration:.2s}.swipe-toast__gate{min-height:0}.swipe-toast[data-inline=true] .swipe-toast__lift{margin-top:var(--st-gap)}.swipe-toast__lift{opacity:1;transform:translateY(0);transition:transform var(--st-slide) var(--st-ease-out),opacity calc(var(--st-slide) * .6) ease}@starting-style{.swipe-toast[data-inline=true]{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;transform:translateY(100%);transition:transform calc(var(--st-slide) * .7) var(--st-ease-out),opacity calc(var(--st-slide) * .5) ease}.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{position:relative;display:flex;align-items:center;gap:8px;padding:16px;border-radius:var(--st-radius);overflow:hidden;background:var(--st-bg);box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.1);cursor:grab;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.swipe-toast__card[data-swiping]{cursor:grabbing}.swipe-toast[data-dismissible=false] .swipe-toast__card{cursor:default;touch-action:auto}.swipe-toast__icon{display:inline-flex;flex:none;width:18px;height:18px}.swipe-toast__icon svg{width:100%;height:100%}.swipe-toast__body{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.swipe-toast__title{font-weight:500;line-height:1.5}.swipe-toast__desc{color:color-mix(in srgb,var(--st-ink) 66%,transparent);font-weight:400;line-height:1.4}.swipe-toast__action,.swipe-toast__close{flex:none;border:0;font:inherit;cursor:pointer;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--st-ease-out),background-color .16s ease,opacity .16s ease}.swipe-toast__action{height:24px;padding:0 8px;border-radius:5px;background:var(--st-ink);color:var(--st-bg);font-size:12px;font-weight:500}.swipe-toast__close{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:transparent;color:inherit}.swipe-toast__close:before{content:"";position:absolute;inset:-8px}.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) 10%,transparent)}}.swipe-toast__fuse{position:absolute;right:0;bottom:0;left:0;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:left center;pointer-events:none}.swipe-toast[data-fuse=top] .swipe-toast__fuse{top:0;bottom:auto}.swipe-toast[data-fuse=none] .swipe-toast__fuse{opacity:0}@media (prefers-reduced-motion:reduce){.swipe-toast__lift{transform:none!important;transition:opacity .2s ease}.swipe-toast__action:active,.swipe-toast__close:active{transform:none}}