.sx-layers{-webkit-mask-image:linear-gradient(#0000 7%,#000 24% 80%,#0000 95%);mask-image:linear-gradient(#0000 7%,#000 24% 80%,#0000 95%)}.sx-rest{opacity:1;transition:opacity .6s var(--ease-out);-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}.sx-window[data-still=ready] .sx-rest,.sx-window[data-live=true] .sx-rest{opacity:0}.sx-window [data-layer=still]{opacity:1}.sx-window [data-layer=live]{opacity:0}.sx-window[data-live=true] [data-layer=still]{opacity:0;transition:opacity .52s var(--ease-out) 80ms}.sx-window[data-live=true] [data-layer=live]{opacity:1;transition:opacity .52s var(--ease-out)}.sx-still{object-fit:cover;width:100%;height:100%;animation:sx-develop .9s var(--ease-out) both;position:absolute;inset:0}.sx-still-set{animation:none}:root[data-theme=dark] .sx-still[data-theme=light],:root:not([data-theme=dark]) .sx-still[data-theme=dark]{visibility:hidden}@keyframes sx-develop{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.sx-sweep{animation:sx-sweep 1.1s var(--ease-in-out) both}@keyframes sx-sweep{0%{opacity:0;transform:translateY(-100%)}12%,80%{opacity:1}to{opacity:0;transform:translateY(0)}}.sx-state-rest,.sx-state-live{transition:opacity .15s ease-in-out,transform .15s ease-in-out,filter .15s ease-in-out}.sx-state-live{opacity:0;filter:blur(2px);transform:translateY(4px)}.sx-window[data-live=true] .sx-state-rest{opacity:0;filter:blur(2px);transform:translateY(-4px)}.sx-window[data-live=true] .sx-state-live{opacity:1;filter:none;transform:none}.sx-record{--acc-expand:.25s;--acc-collapse:.25s;--acc-chevron:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);background-color:var(--color-paper);transition:background-color var(--acc-collapse) var(--acc-ease), box-shadow var(--acc-collapse) var(--acc-ease)}.sx-record[data-open=true]{background-color:color-mix(in srgb, var(--color-paper) 60%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);box-shadow:0 -18px 40px -28px rgb(var(--shade-rgb) / .3);transition:background-color var(--acc-expand) var(--acc-ease), box-shadow var(--acc-expand) var(--acc-ease)}.sx-record[data-lifted=true]{z-index:2}.sx-clip{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.sx-record[data-open=true] .sx-clip{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.sx-clip-inner{position:relative;overflow:hidden}.sx-body{min-height:6em;font-size:.875rem}.sx-chips{min-height:62px}.sx-fade:after{content:"";background:linear-gradient(to right, transparent, var(--color-paper) 88%);opacity:0;pointer-events:none;width:55%;height:1.5em;transition:opacity var(--acc-collapse) var(--acc-ease);position:absolute;bottom:0;right:0}.sx-fade[data-clipped=true]:after{opacity:1}.sx-record[data-open=true] .sx-fade:after{opacity:0;transition:opacity var(--acc-expand) var(--acc-ease)}.sx-chevron{transform-origin:50%;transition:transform var(--acc-chevron) var(--acc-ease);display:inline-flex;transform:scaleY(1)}.sx-chevron path{vector-effect:non-scaling-stroke}.sx-record[data-open=true] .sx-chevron{transform:scaleY(-1)}.sx-more-count{transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease)}.sx-record[data-open=true] .sx-more-count{opacity:0;filter:blur(2px)}@media (prefers-reduced-motion:reduce){.sx-record,.sx-clip,.sx-fade:after,.sx-chevron,.sx-more-count,.sx-rest,.sx-state-rest,.sx-state-live,.sx-window [data-layer]{transition:none!important}.sx-still,.sx-sweep{animation:none!important}.sx-sweep{display:none}}
