[data-kind=sl-form] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=sl-form] .s1-res{background:#fff;border-radius:.875rem;gap:.5rem;padding:.875rem 1rem;display:grid;position:absolute;top:1.25rem;right:2rem}[data-kind=sl-form] .s1-res small{font-size:.6875rem}[data-kind=sl-form] .s1-res svg{display:block}[data-kind=sl-form] .fm{position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}[data-kind=sl-form] .fm-btn{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;place-items:center;height:2.25rem;padding:0 1.25rem;font-size:.8125rem;transition:scale .15s ease-out,opacity .2s ease-out;display:grid;position:absolute;top:calc(100% + 1rem);left:50%;translate:-50%}[data-kind=sl-form] .fm-btn.is-pressing{scale:.96}[data-kind=sl-form] .fm-card{background:#fff;border-radius:1rem;align-content:start;gap:.875rem;width:30rem;padding:1.25rem;display:grid}[data-kind=sl-form] .fm-head{justify-content:space-between;align-items:center;display:flex}[data-kind=sl-form] .fm-head b{letter-spacing:-.02em;font-size:1.25rem;font-weight:500}[data-kind=sl-form] .fm-fields{grid-template-columns:1fr 1fr 1fr;column-gap:.5rem;margin-bottom:-.5rem;display:grid}[data-kind=sl-form] .fm-f{align-content:start;gap:.3125rem;max-height:4.5rem;padding-bottom:.5rem;display:grid;overflow:hidden}[data-kind=sl-form].is-trimmed .fm-f{transition:opacity .25s ease-out,max-height .45s cubic-bezier(.2,0,0,1) .2s,padding .45s cubic-bezier(.2,0,0,1) .2s}[data-kind=sl-form] .fm-f i{border-radius:.5rem;height:2.125rem;box-shadow:inset 0 0 0 1px #dcdcdc}[data-kind=sl-form] .fm-f small{white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;overflow:hidden}[data-kind=sl-form] .fm-sub{color:#fff;background:#e3e3e3;border-radius:999px;place-items:center;height:2.5rem;font-size:.8125rem;transition:background .3s ease-out .5s;display:grid}[data-kind=sl-form].is-trimmed .fm-f:not(.is-keep){opacity:0;max-height:0;padding-bottom:0}[data-kind=sl-form].is-trimmed .fm-sub{background:linear-gradient(90deg,#9003fd,#fcb73c)}[data-kind=sl-form].is-trimmed .fm-btn{opacity:0}@media (width>=768px) and (width<=1023px){[data-kind=sl-form] .fm{scale:.8}[data-kind=sl-form] .s1-res{top:auto;bottom:1.25rem}}@media (width<=767px){[data-kind=sl-form] .fm{top:40%;scale:.55}[data-kind=sl-form] .s1-res{transform-origin:100% 100%;top:auto;bottom:4.75rem;right:1.25rem;scale:.72}}[data-kind=sl-pipeline] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=sl-pipeline] .pl{display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}[data-kind=sl-pipeline] .pl-card{background:#fff;border-radius:1.125rem;grid-template-columns:repeat(3,11rem);gap:.5rem;padding:.625rem;display:grid}[data-kind=sl-pipeline] .pl-col{background:#f6f6f6;border-radius:.75rem;align-content:start;gap:.375rem;height:14rem;padding:.75rem;display:grid;position:relative}[data-kind=sl-pipeline] .pl-col.is-c2:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#9003fd,#fcb73c);padding:1.5px;transition:opacity .25s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}[data-kind=sl-pipeline].is-press .pl-col.is-c2:before{opacity:1}[data-kind=sl-pipeline] .pl-h{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}[data-kind=sl-pipeline] .pl-sum{font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}[data-kind=sl-pipeline] .pl-sum>span{grid-area:1/1;justify-self:end;transition:opacity .25s ease-out .6s}[data-kind=sl-pipeline] .pl-sum>span:nth-child(2){opacity:0}[data-kind=sl-pipeline] .pl-d{background:#fff;border-radius:.5rem;gap:.125rem;padding:.625rem .75rem;font-size:.8125rem;display:grid;box-shadow:0 0 0 1px #ececec}[data-kind=sl-pipeline] .pl-d b{font-weight:500}[data-kind=sl-pipeline] .pl-d>span{color:var(--mute);font:500 .6875rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=sl-pipeline] .pl-d.is-go{z-index:2;transition:translate .9s cubic-bezier(.2,0,0,1),scale .15s ease-out,box-shadow .2s ease-out;position:relative}[data-kind=sl-pipeline] .pl-d.is-go.is-pressing{scale:1.03;box-shadow:0 8px 20px #0000001f}[data-kind=sl-pipeline].is-moved .pl-d.is-go{translate:var(--tx) var(--ty)}[data-kind=sl-pipeline] .pl-slot{height:3.25rem}[data-kind=sl-pipeline].is-moved :is(.is-c1,.is-c2) .pl-sum>span:first-child{opacity:0}[data-kind=sl-pipeline].is-moved .pl-sum>span:nth-child(2){opacity:1}[data-kind=sl-pipeline] .pl-note{white-space:nowrap;letter-spacing:.06em;opacity:0;align-items:center;gap:.5rem;font:500 .6875rem ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .3s ease-out;display:flex;position:absolute;top:calc(100% + 1rem);left:50%;translate:-50%}[data-kind=sl-pipeline] .pl-note i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:1.125rem;height:1.125rem;font:500 .5625rem/1 system-ui;display:grid}[data-kind=sl-pipeline].is-done .pl-note{opacity:1}@media (width>=768px) and (width<=1023px){[data-kind=sl-pipeline] .pl{scale:.8}}@media (width<=767px){[data-kind=sl-pipeline] .pl{scale:.55}}[data-kind=sl-reorder] small{letter-spacing:.08em;color:var(--mute);font:500 .625rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=sl-reorder] .ro{position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}[data-kind=sl-reorder] .ro-card{background:#fff;border-radius:1rem;gap:.375rem;width:28rem;padding:1.125rem;display:grid}[data-kind=sl-reorder] .ro-head{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}[data-kind=sl-reorder] .ro-head>span:first-child{gap:.25rem;display:grid}[data-kind=sl-reorder] .ro-head b{letter-spacing:-.01em;font-size:1.125rem;font-weight:500}[data-kind=sl-reorder] .ro-go{background:var(--ink);color:#fff;border-radius:999px;place-items:center;height:2.25rem;padding:0 1.25rem;font-size:.8125rem;transition:scale .15s ease-out,opacity .2s ease-out;display:grid}[data-kind=sl-reorder] .ro-go.is-pressing{scale:.96}[data-kind=sl-reorder] .ro-r{background:#f6f6f6;border-radius:.625rem;align-items:center;gap:.75rem;height:2.75rem;padding:0 .875rem;font-size:.8125rem;display:flex}[data-kind=sl-reorder] .ro-r>i{background:#e3e3e3;border-radius:.375rem;width:1.75rem;height:1.75rem}[data-kind=sl-reorder] .ro-r b{flex:1;font-weight:500}[data-kind=sl-reorder] .ro-r>span{color:var(--mute);font:500 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}[data-kind=sl-reorder] .ro-r em{color:#0000;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font:500 .625rem/1 system-ui;display:grid;box-shadow:inset 0 0 0 1.5px #d1d1d1}[data-kind=sl-reorder].is-ordered .ro-r em{background:var(--ink);color:#fff;box-shadow:none;transition:background-color .2s ease-out,color .2s ease-out;transition-delay:calc(var(--i) * .16s + .1s)}[data-kind=sl-reorder] .ro-done{color:#fff;clip-path:inset(0 100% 0 0 round .625rem);background:linear-gradient(90deg,#9003fd,#fcb73c);border-radius:.625rem;place-items:center;height:2.75rem;margin-top:.375rem;font-size:.875rem;font-weight:500;display:grid}[data-kind=sl-reorder].is-ordered .ro-done{clip-path:inset(0 round .625rem);transition:clip-path .6s cubic-bezier(.2,0,0,1) .65s}[data-kind=sl-reorder].is-ordered .ro-go{opacity:.25}@media (width>=768px) and (width<=1023px){[data-kind=sl-reorder] .ro{scale:.8}[data-kind=sl-reorder] .s3-res{top:auto;bottom:1.25rem}}@media (width<=767px){[data-kind=sl-reorder] .ro{scale:.6}}