.swipe-toast{--st-bg: rgba(20, 20, 20, .6);--st-ink: #f5f5f5;--st-fuse: #f5a524;--st-fuse-h: 2px;--st-w: 356px;--st-radius: 12px;--st-slide: .4s;--st-gap: 10px;--st-offset: 32px;--st-z: 999999999;--st-ease-out: cubic-bezier(.23, 1, .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__glass{border-radius:var(--st-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.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:12px;padding:16px;border-radius:var(--st-radius);overflow:hidden;background:var(--st-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 20px -8px color-mix(in srgb,var(--st-fuse) 35%,transparent),0 8px 32px #0006;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:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;color:var(--st-fuse);background:color-mix(in srgb,var(--st-fuse) 12%,transparent)}.swipe-toast__icon svg{width:18px;height:18px}.swipe-toast__body{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-width:0}.swipe-toast__title{font-weight:600;line-height:1.5}.swipe-toast__desc{color:#ffffffb3;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:var(--button-radius);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:var(--button-radius);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}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.swipe-toast__card{background:#24242a}}.message-stack{position:fixed;z-index:10000;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;width:min(356px,calc(100vw - 32px));max-height:calc(100dvh - 32px);pointer-events:none;font-family:Panel Inter,Inter,Arial,sans-serif}.message-stack .swipe-toast{pointer-events:auto;flex-shrink:0}.message-stack .swipe-toast__title,.message-stack .swipe-toast__desc{overflow-wrap:anywhere}.message-stack .swipe-toast__card:focus-visible{outline:2px solid var(--st-fuse);outline-offset:3px}.message-stack button:focus-visible{outline:2px solid #fff;outline-offset:2px}.inline-message{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid transparent;border-radius:8px;background:linear-gradient(#141210,#141210) padding-box,linear-gradient(110deg,var(--message-accent),color-mix(in srgb,var(--message-accent) 12%,transparent) 40%,color-mix(in srgb,var(--message-accent) 12%,transparent) 60%,var(--message-accent)) border-box;color:#eee;font-size:13px;line-height:1.6}.inline-message>svg{flex-shrink:0;margin-top:1px;color:var(--message-accent)}.inline-message>span{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.message-stack{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
