*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--sp-string-bg-color: oklab(95% .072 .036);--sp-bytes-bg-color: oklab(95% -.072 -.036);--bg-color: #FCFCFC}body{background-color:var(--bg-color);font-family:sans-serif}noscript p{text-align:center;font-size:1.1rem;margin:1rem}div.sp-pipeline{width:80%;margin:1em auto 0;display:flex;flex-direction:column;--sp-pipeline-top-radius: .5em}@media (max-width: 800px){div.sp-pipeline{width:100%;--sp-pipeline-top-radius: 0}}div.sp-pipe-gap{text-align:center;background-color:#eef;display:flex;flex-direction:column;align-items:stretch;&.sp-pipe-gap-string{background-color:var(--sp-string-bg-color)}&.sp-pipe-gap-bytes{background-color:var(--sp-bytes-bg-color)}>div.sp-pipe-catalog{background-color:#fffc}width:85%;margin:0 auto;box-shadow:2px 2px 6px #00000040}@media (max-width: 800px){div.sp-pipe-gap{width:100%;box-shadow:none}}button.sp-pipe-gap-toggle-fold{cursor:pointer;border:none;background-color:#00000026;padding:.5em 0;&:hover{background-color:#ffffff26}&:active{background-color:#0003;box-shadow:inset 0 0 5px #0003}}p.sp-pipe-catalog-instruction{padding:.5em 0;font-size:.8em;opacity:.7}div.sp-pipe-catalog-categories{display:flex;flex-wrap:wrap}div.sp-pipe-catalog-category{width:50%;margin-bottom:1em;box-shadow:inset 0 0 20px #ffffff80}div.sp-pipe-catalog-category-name{font-size:1.2em;font-weight:700;padding:.25em 0}div.sp-pipe-catalog-item{cursor:pointer;padding:.25em 0;transition:box-shadow .1s ease-out;&:hover{box-shadow:3px 3px 15px -4px #00000040}&:active{box-shadow:inset 3px 3px 15px -5px #00000040}}@media (max-width: 600px){div.sp-pipe-catalog-category{width:100%}}@media (min-width: 1200px){div.sp-pipe-catalog-category{width:33.33%}}@media (min-width: 1600px){div.sp-pipe-catalog-category{width:25%}}div.sp-pipe{display:flex;flex-direction:column;width:100%;border-radius:var(--sp-pipeline-top-radius, 0) var(--sp-pipeline-top-radius, 0) 0 0;textarea{width:100%}background:linear-gradient(var(--sp-pipe-input-color, initial),var(--sp-pipe-output-color, initial));box-shadow:4px 4px 12px #0000001f;&.sp-pipe-input-string{--sp-pipe-input-color: var(--sp-string-bg-color)}&.sp-pipe-output-string{--sp-pipe-output-color: var(--sp-string-bg-color)}&.sp-pipe-input-bytes{--sp-pipe-input-color: var(--sp-bytes-bg-color)}&.sp-pipe-output-bytes{--sp-pipe-output-color: var(--sp-bytes-bg-color)}&.sp-pipe-input-null{--sp-pipe-input-color: var(--sp-pipe-output-color)}}div.sp-pipe-header{display:flex;flex-direction:row;padding:.35em .7em;>button{cursor:pointer;margin-left:auto;margin-right:0;width:1.6em;border-radius:.5em;background:none;border:none;transition:background-color .1s ease-out;&:hover{background-color:#0000001a}&:active{background-color:#0003}}}div.sp-pipe-title{font-size:1.2em;font-weight:700}div.sp-pipe-params{box-shadow:inset 0 0 10px -2px #00000040;padding:.4em .8em}div.sp-pipe-params-row{display:flex;flex-direction:row;gap:.5em;padding:.1em 0}div.sp-pipe-error{background-color:#fee;border:solid 2px #FAA;padding:.2em .4em;color:#600}div.sp-data-view-toolbar{background-color:#0000000d;box-shadow:inset 0 0 15px #0000001a;font-size:.72em;padding:.2em .3em .3em;display:flex;flex-direction:row;justify-content:flex-end;button{cursor:pointer;text-decoration:underline;border:none;background-color:transparent;&:hover{background-color:#0000001a}&:active{background-color:#0003}}}div.sp-bytes-view-content{background-color:var(--bg-color);border:solid 1px #666;font-family:monospace;font-size:1em;padding:.2em;display:flex;flex-wrap:wrap;gap:.25em;min-height:2.1em;& span{user-select:all}}div.sp-string-view-content{background-color:var(--bg-color);border:solid 1px #666;font-family:monospace;font-size:1em;padding:.2em .3em;min-height:1.9em;white-space:pre-wrap;line-height:1.4em;overflow-x:auto}
/*# sourceMappingURL=index.css.map */