.echo-toast{align-items:center;gap:var(--echo-space-6);box-sizing:border-box;min-width:min(260px,100%);padding:var(--echo-space-6) var(--echo-space-8);border-radius:var(--echo-radius-xl);background:linear-gradient(180deg, var(--echo-cap) 0%, var(--echo-cap-shadow) 100%);box-shadow:var(--echo-shadow-toast,inset 0 1.5px 0 rgb(255 255 255/calc(.28 * var(--echo-gloss,1))), inset 0 0 0 1px color-mix(in oklab, var(--echo-seam) 70%, transparent), 0 18px 36px -14px color-mix(in oklab, var(--echo-cast-ink,black) calc(.75 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent), 0 calc(5px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-line,transparent));border:0;display:flex;position:relative;overflow:hidden}.echo-toast__led{background:color-mix(in oklab, var(--echo-text) 40%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.echo-toast[data-tone=active] .echo-toast__led{background:linear-gradient(180deg, var(--echo-primary-cap-top) 0%, var(--echo-primary-cap-mid) 45%, var(--echo-primary-cap-base) 100%);box-shadow:var(--echo-shadow-edge,inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss,1))))}.echo-toast__text{flex-direction:column;display:flex}.echo-toast__title{overflow-wrap:anywhere;font-size:var(--echo-text-sm);font-weight:var(--echo-weight-semibold,600);color:var(--echo-text);margin:0}.echo-toast__body{overflow-wrap:anywhere;font-size:var(--echo-text-xs);color:var(--echo-text-dim);margin:0}.echo-toaster{--toast-gap:var(--echo-space-4);--toast-peek:12px;inset-inline-end:clamp(1rem,3vw,2rem);z-index:var(--echo-z-toast,400);outline:none;width:min(360px,100vw - 2rem);position:fixed;bottom:clamp(1rem,3vw,2rem)}.echo-toaster .echo-toast{inset-inline:0;transform-origin:50% 100%;transform:translateY(calc(var(--toast-index,0) * -1 * var(--toast-peek))) scale(calc(1 - var(--toast-index,0) * .05));transition:opacity var(--echo-duration-swap) ease, transform var(--echo-duration-pop) var(--echo-ease-pop), rotate var(--echo-duration-pop) var(--echo-ease-pop), height var(--echo-duration-pop) var(--echo-ease-pop);position:absolute;bottom:0}.echo-toaster .echo-toast[data-behind]:not([data-expanded]){height:var(--toast-frontmost-height,auto)}.echo-toaster .echo-toast>*{transition:opacity var(--echo-duration-swap) ease}.echo-toaster .echo-toast[data-behind]:not([data-expanded])>*{opacity:0}.echo-toaster .echo-toast[data-expanded]{transform:translateY(calc(-1 * var(--toast-offset-y,0px) - var(--toast-index,0) * var(--toast-gap)));overflow:visible}.echo-toaster .echo-toast[data-expanded]:after{content:"";inset-inline:0;height:calc(var(--toast-gap) + 1px);position:absolute;top:100%}.echo-toaster .echo-toast[data-starting-style]{opacity:0;transform:translateY(18px)scale(.92)}.echo-toaster .echo-toast[data-ending-style]{opacity:0;transition-duration:var(--echo-duration-swap);transition-timing-function:ease-in;transform:translateY(8px)scale(.97)}.echo-toaster .echo-toast[data-ending-style][data-swipe-direction]{rotate:var(--fling-turn,0deg);transition-duration:var(--fling-ms,var(--echo-duration-pop));transition-timing-function:cubic-bezier(.2,.7,.4,1)}.echo-toaster .echo-toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x,0px) + 110%)) translateY(var(--toast-swipe-movement-y,0px))}.echo-toaster .echo-toast[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x,0px) - 110%)) translateY(var(--toast-swipe-movement-y,0px))}.echo-toaster .echo-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y,0px) + 150%))}.echo-toast__text{flex:1;min-width:0}.echo-toast__close{border-radius:var(--echo-radius-full);width:20px;height:20px;color:var(--echo-text-dim);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.echo-toast__close:after{content:"";position:absolute;inset:-2px}@media (hover:hover){.echo-toast__close:hover{color:var(--echo-text)}}.echo-toast__close:focus-visible{outline:var(--echo-border-thick,2px) solid var(--echo-accent-ink,var(--echo-accent-glow));outline-offset:2px}.echo-toast__close svg{width:var(--echo-icon-xs,12px);height:var(--echo-icon-xs,12px)}@media (prefers-reduced-motion:reduce){.echo-toaster .echo-toast{transition:opacity var(--echo-duration-sweep) linear}.echo-toaster .echo-toast[data-starting-style],.echo-toaster .echo-toast[data-ending-style]{transition-duration:var(--echo-duration-sweep);transform:rotate(0)}.echo-toaster .echo-toast[data-ending-style][data-swipe-direction]{transform:translate(var(--toast-swipe-movement-x,0px), var(--toast-swipe-movement-y,0px))}}.echo-hw{--hw-well:var(--echo-space-2,4px);--hw-outer:var(--echo-control-default,44px);--hw-h:calc(var(--hw-outer) - 2 * var(--hw-well));--hw-well-radius:calc(var(--hw-radius) + var(--hw-well) - 1px);--hw-px:18px;--hw-font:12px;--hw-radius:max(calc(11px * var(--echo-radius-scale,1)), calc(var(--echo-cap-round,0) * 999px));--hw-gap:var(--echo-space-4);--hw-icon:var(--echo-icon-md,16px);align-items:center;gap:var(--echo-space-4);flex-direction:column;max-width:100%;display:inline-flex}.echo-hw[data-size=sm]{--hw-well:var(--echo-space-1,2px);--hw-outer:var(--echo-control-compact,32px);--hw-px:12px;--hw-font:11px;--hw-radius:max(calc(8px * var(--echo-radius-scale,1)), calc(var(--echo-cap-round,0) * 999px));--hw-gap:var(--echo-space-3);--hw-icon:var(--echo-icon-sm,14px)}.echo-hw[data-size=lg]{--hw-outer:var(--echo-control-large,60px);--hw-px:22px;--hw-font:13px;--hw-radius:max(calc(13px * var(--echo-radius-scale,1)), calc(var(--echo-cap-round,0) * 999px));--hw-gap:var(--echo-space-5);--hw-icon:var(--echo-icon-md,16px)}.echo-hw[data-full-width]{align-items:stretch;inline-size:100%;display:flex}.echo-hw[data-full-width] .echo-hw__well,.echo-hw[data-full-width] .echo-hw__cap{box-sizing:border-box;inline-size:100%}.echo-hw__well{box-sizing:border-box;max-width:100%;padding:var(--hw-well);border-radius:var(--hw-well-radius);box-shadow:inset 0 2px 5px color-mix(in oklab, var(--echo-cast-ink,black) calc(.6 * var(--echo-shade,1) * 100%), transparent), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1)))}.echo-hw__cap{justify-content:center;align-items:center;gap:var(--hw-gap);height:var(--hw-h);box-sizing:border-box;min-width:0;max-width:100%;padding:0 var(--hw-px);border-radius:var(--hw-radius);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--echo-text);font-family:var(--echo-font-machine,ui-sans-serif, system-ui, sans-serif);font-size:var(--hw-font);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-wider,.12em);text-transform:uppercase;will-change:transform;--hw-seam:calc(4px + 1px * var(--lift,0) - 3px * var(--press,0));--hw-drop-y:calc(9px + 5px * var(--lift,0) - 6px * var(--press,0));--hw-drop-blur:calc(14px + 10px * var(--lift,0) - 9px * var(--press,0) - 3px * var(--load,0));border:0;text-decoration:none;display:inline-flex;position:relative}.echo-hw__cap:after{content:"";inset-block:calc(-1 * var(--hw-well));position:absolute;inset-inline:0}.echo-hw__cap[data-icon-only=true]{width:var(--hw-h);padding:0}.echo-hw__cap[data-variant=neutral]{background: radial-gradient(115% 85% at 32% 0%, color-mix(in oklab, var(--echo-paper-stock,var(--echo-text)) calc(var(--echo-pillow,0) * 34%), transparent) 0%, transparent 72%), linear-gradient(180deg, var(--echo-cap-highlight) 0%, var(--echo-cap) 40%, var(--echo-cap) 62%, var(--echo-cap-shadow) 100%);box-shadow: inset 0 calc(-10px * var(--echo-pillow,0)) calc(16px * var(--echo-pillow,0)) color-mix(in oklab, var(--echo-cast-ink,black) calc(.42 * var(--echo-shade,1) * 100%), transparent), inset 0 1.5px 0 rgb(255 255 255/calc(.42 * var(--echo-gloss,1))), inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss,1))), inset 0 -3px 4px color-mix(in oklab, var(--echo-cast-ink,black) calc(.5 * var(--echo-shade,1) * 100%), transparent),  0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),  0 calc(var(--hw-seam) * (1 - .5 * var(--echo-drawn,0))) 0 var(--echo-line-width,0px) var(--echo-seam), var(--hw-light-x,0px) calc(var(--hw-drop-y) + var(--hw-light-y,0px)) var(--hw-drop-blur) color-mix(in oklab, var(--echo-cast-ink,black) calc(.55 * var(--echo-shade,1) * 100%), transparent)}.echo-hw__cap[data-variant=primary]{color:var(--echo-drawn-key-ink,var(--echo-primary-cap-ink,var(--echo-text)));background:var(--echo-drawn-key, radial-gradient(115% 85% at 32% 0%, color-mix(in oklab, var(--echo-paper-stock,var(--echo-text)) calc(var(--echo-pillow,0) * 34%), transparent) 0%, transparent 56%), linear-gradient(180deg, var(--echo-primary-cap-top) 0%, var(--echo-primary-cap-mid) 45%, var(--echo-primary-cap-base) 100%));box-shadow: inset 0 calc(-10px * var(--echo-pillow,0)) calc(16px * var(--echo-pillow,0)) color-mix(in oklab, var(--echo-cast-ink,black) calc(.42 * var(--echo-shade,1) * 100%), transparent), inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss,1))), inset 0 -2px 4px color-mix(in oklab, var(--echo-cast-ink,black) calc(.35 * var(--echo-shade,1) * 100%), transparent), 0 0 0 var(--echo-line-width,0px) var(--echo-line,transparent),  0 calc(var(--hw-seam) + 4px * var(--echo-drawn,0)) 0 var(--echo-line-width,0px) var(--echo-lit-edge,var(--echo-accent-6)),  calc(var(--hw-light-x,0px) * (1 - var(--echo-drawn,0))) calc((var(--hw-drop-y) - 1px + var(--hw-light-y,0px)) * (1 - var(--echo-drawn,0))) calc((var(--hw-drop-blur) + 6px) * (1 - var(--echo-drawn,0))) color-mix(in oklch, var(--echo-accent-4) 40%, transparent)}.echo-hw[data-variant=ghost] .echo-hw__well{box-shadow:none;padding:0}.echo-hw__cap[data-variant=ghost]{box-shadow:none;color:var(--echo-text);background:0 0}.echo-hw__cap[data-variant=ghost] .echo-hw__content>:not(.echo-hw__icon){-webkit-text-decoration-line:var(--echo-drawn-decoration,none);text-decoration-line:var(--echo-drawn-decoration,none);text-decoration-thickness:var(--echo-line-width,0px);text-underline-offset:.3em;padding-block-end:calc(.45em * var(--echo-drawn,0))}@media (hover:hover){.echo-hw__cap[data-variant=ghost]:hover{background:color-mix(in oklab, var(--echo-text) 8%, transparent)}}.echo-hw__well[data-impact]{position:relative}.echo-hw__well[data-impact]:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--echo-accent-glow), 0 0 calc(10px * (1 - var(--echo-drawn,0))) color-mix(in oklch, var(--echo-accent-glow) 55%, transparent);opacity:calc(.85 * var(--impact,0));transform:scale(calc(1 - .06 * var(--impact,0)));position:absolute;inset:0}.echo-hw__cap:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--echo-surface), 0 0 0 4px var(--echo-accent-ink,var(--echo-accent-glow)), 0 0 calc(12px * (1 - var(--echo-drawn,0))) color-mix(in oklch, var(--echo-accent-ink,var(--echo-accent-glow)) 60%, transparent);outline:2px solid #0000}.echo-hw__cap:disabled{cursor:default;opacity:.45}.echo-hw__cap[data-loading=true]{cursor:progress}.echo-hw__cap[data-engraved=true]{color:var(--echo-seam);text-shadow:0 -1px 1px color-mix(in oklab, var(--echo-cast-ink,black) calc(.4 * var(--echo-shade,1) * 100%), transparent), 0 1px .5px rgb(255 255 255/calc(.3 * var(--echo-gloss,1)))}.echo-hw__cap[data-engraved=true][data-variant=primary]{color:var(--echo-accent-6)}.echo-hw__content{z-index:var(--echo-z-raised,1);align-items:center;gap:var(--hw-gap);min-width:0;display:inline-flex;position:relative}.echo-hw__content>span:not(.echo-hw__icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.echo-hw__content[data-hidden=true]{opacity:0}.echo-hw__icon{width:var(--hw-icon);height:var(--hw-icon);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.echo-hw__glint{border-radius:inherit;z-index:var(--echo-z-base,0);background:radial-gradient(circle at var(--mx,50%) var(--my,0%), rgb(255 255 255/calc(.3 * var(--echo-gloss,1))) 0%, rgb(255 255 255/calc(.08 * var(--echo-gloss,1))) 35%, transparent 70%);opacity:calc(var(--lift,0) * (1 - .6 * var(--press,0)) * (1 - .5 * var(--load,0)));pointer-events:none;position:absolute;inset:0}.echo-hw__cap:disabled .echo-hw__glint{opacity:0}.echo-hw__fill{z-index:var(--echo-z-base,0);pointer-events:none;border-radius:inherit;background:linear-gradient(180deg, var(--echo-pour-top,var(--echo-primary-cap-top)) 0%, var(--echo-pour-mid,var(--echo-primary-cap-mid)) 45%, var(--echo-pour-base,var(--echo-primary-cap-base)) 100%);clip-path:inset(0 calc((1 - var(--hw-fill,0)) * 100%) 0 0);position:absolute;inset:0}.echo-hw__fill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:inset(0 0 0 calc((1 - var(--hw-fill,0)) * 100%))}.echo-hw__dots{z-index:var(--echo-z-top,2);justify-content:center;align-items:center;gap:var(--echo-space-3);display:inline-flex;position:absolute;inset:0}.echo-hw__dots>i{border-radius:var(--echo-radius-full);background:currentColor;width:6px;height:6px;animation:1s ease-in-out infinite echo-hw-pulse}.echo-hw__dots>i:nth-child(2){animation-delay:.16s}.echo-hw__dots>i:nth-child(3){animation-delay:.32s}@keyframes echo-hw-pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.echo-hw__caption{overflow-wrap:anywhere;text-align:center;font-family:var(--echo-font-machine,ui-sans-serif, system-ui, sans-serif);font-size:var(--echo-text-3xs);font-weight:var(--echo-weight-semibold,600);letter-spacing:var(--echo-tracking-label,.2em);text-transform:uppercase;color:var(--echo-text-dim);text-shadow:0 1px 0 color-mix(in oklab, var(--echo-cast-ink,black) calc(.6 * var(--echo-shade,1) * 100%), transparent)}@media (prefers-reduced-motion:reduce){.echo-hw__dots>i{opacity:.7;animation:none}}@media (pointer:coarse){.echo-hw[data-size=sm]{--hw-outer:44px}.echo-hw__cap[data-icon-only=true]{--echo-hit-area:44px}.echo-hw__cap[data-icon-only=true]:after{inset-inline:min(0px, calc((var(--hw-h) - 44px) / 2))}.echo-hw[data-size=sm] .echo-hw__cap:not([data-icon-only=true]){min-inline-size:44px}}@media (forced-colors:active){.echo-hw__well[data-impact]:after{display:none}.echo-hw__cap{border:var(--echo-border-hairline,1px) solid ButtonText}.echo-hw__dots>i{opacity:1;background:buttontext}.echo-hw__cap[data-loading=true]{opacity:1}}