@layer theme,base,legacy;@layer components{.swipe-toast{--st-bg:color-mix(in srgb, var(--surface) 72%, transparent);--st-ink:var(--text,#f5f5f5);--st-fuse:var(--accent,#f5a524);--st-fuse-h:2px;--st-w:356px;--st-radius:26px;--st-slide:.4s;--st-gap:10px;--st-offset:32px;--st-z:1000000000;--st-ease-out:cubic-bezier(.23, 1, .32, 1);width:min(var(--st-w), 100%);color:var(--st-ink);font-family:inherit;font:500 15px/20px var(--font-ui);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.swipe-toast[data-inline=false]{left:0;right:0;bottom:calc(var(--st-bottom,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)));margin-inline:auto;position:fixed}@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;transition:transform var(--st-slide) var(--st-ease-out), opacity calc(var(--st-slide) * .6) ease;transform:translateY(0)}@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;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-phase=gone]{pointer-events:none}.swipe-toast[data-instant] .swipe-toast__lift{transition-duration:0s}.swipe-toast__card{border-radius:var(--st-radius);background:var(--st-bg);-webkit-backdrop-filter:blur(40px)saturate(1.6);backdrop-filter:blur(40px)saturate(1.6);min-height:52px;box-shadow:inset 0 0 0 1px var(--divider), inset 0 1px 0 var(--glass-highlight);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:8px 10px 8px 16px;display:flex;position:relative;overflow:hidden}.swipe-toast__card[data-swiping]{cursor:grabbing}.swipe-toast[data-dismissible=false] .swipe-toast__card{cursor:default;touch-action:auto}.swipe-toast__icon{width:20px;height:20px;color:var(--success);flex:none;display:inline-flex}.swipe-toast__icon svg{width:100%;height:100%}.swipe-toast__body{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.swipe-toast__title{font-weight:500}.swipe-toast__desc{color:var(--text-secondary);font:500 13px/18px var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{height:36px;color:var(--text);font:600 15px/20px var(--font-ui);background:0 0;border-radius:999px;padding:0 10px}.swipe-toast__close{width:32px;height:32px;color:inherit;background:0 0;border-radius:999px;place-items:center;display:grid;position:relative}.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{background:var(--fill-faint)}.swipe-toast__close:hover{background:color-mix(in srgb, var(--st-ink) 10%, transparent)}}.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=top] .swipe-toast__fuse{top:0;bottom:auto}.swipe-toast[data-fuse=none] .swipe-toast__fuse{opacity:0}@media (prefers-reduced-transparency:reduce){.swipe-toast__card{background:var(--surface-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.swipe-toast[data-inline=true],.swipe-toast__lift{transition:none!important}.swipe-toast__lift{transform:none!important}.swipe-toast__action:active,.swipe-toast__close:active{transform:none}}}@layer utilities;
