@layer reset,base,tokens,framework;@layer spxdesign{.sr_305e22bb{top:var(--spx-unit-12);padding:var(--spx-unit-6);gap:var(--spx-unit-2);z-index:2147483647;outline:none;flex-direction:column;width:390px;max-width:100vw;margin:0;list-style:none;display:flex;position:fixed;right:0}.sr_8bcd6f74{border-radius:var(--spx-radius-md);box-shadow:var(--spx-shadow-lg);padding:var(--spx-unit-4);column-gap:var(--spx-unit-4);grid-template-columns:auto max-content;grid-template-areas:"title action";align-items:center;display:grid}.sr_c8c67678{grid-template-columns:auto max-content max-content;grid-template-areas:"title action close";align-items:flex-start}.sr_e9b9f49d{flex-direction:column;grid-area:title;display:flex}.sr_22c15cf2{background-color:var(--sxd-palette-green-8)}.sr_2d6ef7a6{background-color:var(--sxd-palette-red-8)}.sr_c47eb93c{background-color:var(--sxd-palette-blue-8)}.sr_8bcd6f74[data-state=open]{animation:.15s cubic-bezier(.16,1,.3,1) sr_6a08d8d2}.sr_8bcd6f74[data-state=closed]{animation:.1s ease-in sr_b3737d65}.sr_4a9a75d8{-webkit-text-fill-color:initial;color:#fff;font-weight:500;font-size:var(--spx-font-size-base);grid-area:title;align-items:center;margin-bottom:0;display:flex}.sr_4a9a75d8 svg{margin-right:var(--spx-unit-2);-webkit-text-fill-color:initial;color:#fff}.sr_d5c193e7{margin:var(--spx-unit-1) 0 0;-webkit-text-fill-color:initial;color:#fff;font-size:var(--spx-font-size-sm)}.sr_1d0a4a7b{-webkit-text-fill-color:initial;color:#fff;cursor:pointer;font-size:var(--spx-font-size-base);background:0 0;border:none;grid-area:close;padding:0}.sr_1d0a4a7b:hover{opacity:.8}.sr_b8014b54{-webkit-text-fill-color:initial;color:#fff;cursor:pointer;font-size:var(--spx-font-size-base);background:0 0;border:none;grid-area:action;padding:0;font-weight:500;text-decoration:underline}.sr_b8014b54:hover{opacity:.8}@keyframes sr_b3737d65{0%{opacity:1}to{opacity:0}}@keyframes sr_6a08d8d2{0%{transform:translateX(calc(100% + var(--spx-unit-6)))}to{transform:translate(0)}}}@layer recipes,components,utilities;