@layer warp.tokens,warp.base,warp.signature,warp.layout;@layer warp.components{:where(svg[data-icon]){inline-size:var(--warp-icon-md,1em);block-size:var(--warp-icon-md,1em);fill:none;stroke:currentColor;stroke-width:var(--warp-icon-stroke,1.5);stroke-linecap:round;stroke-linejoin:round;flex:none}:where(svg[data-icon]) :where([data-qs]){stroke-width:1px}:where(svg[data-icon]) :where([data-bs]){stroke-width:2px}:where(svg[data-icon]) :where([data-bw]){stroke-width:2.5px}:where(svg[data-icon]) :where([data-w]){stroke:var(--warp-icon-weft-color,currentColor)}:where(svg[data-icon]) :where([data-p]),:where(svg[data-icon]) :where([data-c]){stroke:none;shape-rendering:crispedges;transform:scale(1.5)}:where(svg[data-icon]) :where([data-p]){fill:currentColor}:where(svg[data-icon]) :where([data-p][data-w]){fill:var(--warp-icon-weft-color,currentColor)}:where(svg[data-icon]){container-type:size}:where(svg[data-icon]) :where([data-d]){opacity:0}@container (width>=20px){:where(svg[data-icon]) :where([data-d]){opacity:1}}:where(svg[data-icon]) :where([data-s]){fill:currentColor;stroke:none}:where(svg[data-icon]) :where([data-sh]){stroke:currentColor;stroke-width:1.5px}:where(svg[data-icon]) :where([data-so]){fill:currentColor;fill-opacity:.3;stroke:none}:where(svg[data-icon]) :where([data-k]){stroke:var(--warp-icon-knock,Canvas);stroke-width:2.5px}:where(svg[data-icon]) :where([data-k][data-qs]){stroke-width:1.5px}:where(svg[data-icon]) :where([data-hi]){stroke-width:1.25px}:where(svg[data-icon]) :where([data-c]){fill:var(--warp-icon-knock,Canvas)}@media (forced-colors:active){:where(svg[data-icon]) :where([data-so]){display:none}}:where(svg[data-icon]) :where([data-t=o]){display:var(--warp-icon-o,inline)}:where(svg[data-icon]) :where([data-t=q]){display:var(--warp-icon-q,none)}:where(svg[data-icon]) :where([data-t=b]){display:var(--warp-icon-b,inline)}:where(svg[data-icon]) :where([data-t=v]){display:var(--warp-icon-v,none)}@container (width<=15.5px){:where(svg[data-icon]) :where([data-t=b]){display:var(--warp-icon-fine,var(--warp-icon-b,inline))}:where(svg[data-icon]) :where([data-t=v]){display:none}}@media (prefers-reduced-motion:no-preference){:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=bell]{transform-box:view-box;transform-origin:12px 2px;animation:weft-bell calc(.64s*var(--warp-motion-scale,1)) ease-out}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=bell][data-t=v]{animation-name:weft-bell-v;animation-timing-function:step-end}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=check]{animation:weft-check calc(.32s*var(--warp-motion-scale,1)) ease-out}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=check][data-t=v]{animation-name:weft-check-v;animation-timing-function:steps(6,end)}}[data-a=check] path{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=refresh]{transform-box:view-box;transform-origin:12px 12px;animation:weft-refresh calc(.72s*var(--warp-motion-scale,1)) ease-out}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=refresh][data-t=v]{animation-name:weft-refresh-v;animation-timing-function:steps(4,end)}svg[data-act~=on] [data-a=refresh]{animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--warp-loop-play,running)}svg[data-act~=on] [data-a=refresh][data-t=v]{animation-timing-function:steps(4,end)}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=trash]{transform-box:view-box;transform-origin:3px 6px;animation:weft-trash calc(.42s*var(--warp-motion-scale,1)) ease-out}:is(svg[data-act~=hover]:hover,:hover>svg[data-act~=hover],svg[data-act~=focus]:focus-visible,:focus-visible>svg[data-act~=focus],svg[data-act~=press]:active,:active>svg[data-act~=press],svg[data-act~=on]) [data-a=trash][data-t=v]{animation-name:weft-trash-v;animation-timing-function:step-end}}}@layer warp.inputs,warp.inputs-rich,warp.data,warp.app,warp.flows,warp.marketing,warp.canvas,warp.flow;@keyframes weft-bell{0%,to{transform:none}20%{transform:rotate(14deg)}45%{transform:rotate(-11deg)}70%{transform:rotate(6deg)}}@keyframes weft-bell-v{0%,to{transform:none}20%,60%{transform:translate(1.5px)}40%,80%{transform:translate(-1.5px)}}@keyframes weft-check{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes weft-check-v{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes weft-refresh{to{transform:rotate(360deg)}}@keyframes weft-refresh-v{to{transform:rotate(360deg)}}@keyframes weft-trash{0%,to{transform:none}45%{transform:translateY(-1.5px)rotate(-7deg)}}@keyframes weft-trash-v{0%,to{transform:none}25%,75%{transform:translateY(-1.5px)}}