.sq-pg,.sq-ex,.sq-choice,.sq-order,.sq-sim{margin:var(--s-space-lg) 0;background:var(--s-surface-container-lowest);box-shadow:4px 4px 0 var(--s-shadow-ink);clear:both}.sq-pg__bar,.sq-sim__head{border-bottom:2px solid #00000026;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem 1rem;display:flex}.sq-pg__dot{background:#2f7a4a;border-radius:999px;flex-shrink:0;width:.7rem;height:.7rem}.sq-pg__title{font:700 13px/1.4 var(--s-font-code);color:var(--s-primary)}.sq-pg__status{font:500 12px/1 var(--s-font-code);color:var(--s-on-surface-variant);margin-inline-start:auto}.sq-sim__badge{font:700 11px/1 var(--s-font-code);background:var(--s-secondary-container);box-shadow:2px 2px 0 var(--s-shadow-ink);margin-inline-start:auto;padding:.35rem .55rem}.sq-sim__caption{font:400 15px/1.8 var(--s-font-body);color:var(--s-on-surface-variant);border-top:1px dashed #0003;padding:.75rem 1rem 1rem}.sq-pg__editor,.sq-ex__editor{direction:ltr;background:#1c1b1b;min-height:3.2rem}.sq-pg__editor .cm-editor,.sq-ex__editor .cm-editor{max-height:22rem}.sq-pg__fallback{color:#efe9dd;font:500 14px/1.6 var(--s-font-code);white-space:pre-wrap;margin:0;padding:.7rem 1rem}.sq-pg__actions{background:var(--s-surface-container-low);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.sq-pg__out:empty,.sq-ex__out:empty,.sq-ex__verdict:empty{display:none}.sq-pg__out,.sq-ex__out{padding:.75rem 1rem 1rem}.sq-pg.is-running .sq-pg__dot,.sq-ex.is-running .sq-pg__dot{animation:.7s infinite sq-blink}@keyframes sq-blink{50%{opacity:.3}}.sq-btn{font:700 13px/1 var(--s-font-display);background:var(--s-secondary-container);color:var(--s-on-surface);box-shadow:3px 3px 0 var(--s-shadow-ink);cursor:pointer;transition:var(--s-transition);border:0;align-items:center;gap:.4rem;padding:.65rem 1rem;display:inline-flex}.sq-btn:hover{box-shadow:5px 5px 0 var(--s-shadow-ink);transform:translate(-.125rem,-.125rem)}.sq-btn:active{box-shadow:none;transform:translate(2px,2px)}.sq-btn--ghost{background:var(--s-surface-container-high)}.sq-btn kbd{font:500 10px/1 var(--s-font-code);background:#0000001a;padding:.2rem .3rem}.sq-btn.is-on{color:var(--s-secondary-container);background:#1c1b1b}.sq-btn[hidden]{display:none}.sq-link{font:700 12px var(--s-font-code);text-decoration:underline;text-decoration-color:var(--s-secondary-container);cursor:pointer;background:0 0;border:0;padding:0}.sq-chip{font:600 13px/1.3 var(--s-font-body);cursor:pointer;box-shadow:2px 2px 0 var(--s-shadow-ink);transition:var(--s-transition);background:#fff;border:0;padding:.35rem .7rem}.sq-chip:hover{box-shadow:3px 3px 0 var(--s-shadow-ink);transform:translate(-1px,-1px)}.sq-chip.is-on{color:var(--s-secondary-container);background:#1c1b1b}.sq-scroll{max-height:24rem;box-shadow:2px 2px 0 var(--s-shadow-ink);background:#fff;overflow:auto}.sq-table{border-collapse:collapse;width:100%;font:500 12.5px/1.5 var(--s-font-code);direction:ltr;box-shadow:none!important;display:table!important}.sq-table th{color:var(--s-surface-container);text-align:left;white-space:nowrap;background:#1c1b1b;padding:.45rem .65rem;font-weight:700;position:sticky;top:0}.sq-table td{white-space:nowrap;text-align:left;border-top:1.5px dashed #e3dccf;padding:.35rem .65rem}.sq-table .num{text-align:right;font-variant-numeric:tabular-nums}.sq-table tbody tr:hover{background:var(--s-secondary-fixed)}.sq-null{color:#b3aca0;font-size:11px;font-style:italic}.sq-bool{color:#2f7a4a;font-weight:700}.sq-more,.sq-empty{font:500 12.5px/1.6 var(--s-font-code);color:var(--s-on-surface-variant);margin:.5rem 0 0}.sq-note{opacity:.8;font-size:11px}.sq-error{box-shadow:2px 2px 0 var(--s-error);font:400 14.5px/1.75 var(--s-font-body);background:#fbe7e5;padding:.8rem 1rem}.sq-error__head{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.sq-error__icon{background:var(--s-error);color:#fff;width:1.4rem;height:1.4rem;font:700 13px var(--s-font-code);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.sq-error p{margin:.2rem 0}.sq-error__fix{border-inline-start:3px solid var(--s-error);padding-inline-start:.6rem}.sq-error details{margin-top:.4rem;font-size:12px}.sq-error summary{cursor:pointer;color:var(--s-on-surface-variant)}.sq-error pre{white-space:pre-wrap;text-align:left;font:500 12px var(--s-font-code);direction:ltr;margin:.3rem 0 0}.sq-error code,.sq-ok code,.sq-no code{font:500 .88em var(--s-font-code);background:#fff9;padding:0 .25rem}.sq-loading{font:500 13px var(--s-font-code);color:var(--s-on-surface-variant);align-items:center;gap:.6rem;margin:0;padding:1rem;display:flex}.sq-loading span{border:2.5px solid var(--s-secondary-container);border-top-color:#0000;border-radius:999px;width:1rem;height:1rem;animation:.8s linear infinite sq-spin}@keyframes sq-spin{to{transform:rotate(360deg)}}.sq-ex{counter-increment:exercise}.sq-ex__head{border-bottom:2px solid #00000026;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.sq-ex__no{font:700 12px/1 var(--s-font-code);color:var(--s-secondary-container);background:#1c1b1b;padding:.4rem .6rem}.sq-ex .sq-ex__no:after{content:" " counter(exercise)}.sq-ex__no--q{background:var(--s-secondary-container);color:var(--s-primary)}.sq-ex__level{font:700 11px/1 var(--s-font-code);background:#c4e6cf;padding:.35rem .5rem}.sq-ex__level.is-mid{background:var(--s-secondary-fixed)}.sq-ex__level.is-hard{background:#f6c9c5}.sq-ex__hidden{font:500 11px/1 var(--s-font-code);color:var(--s-on-surface-variant);border-bottom:1.5px dashed #0000004d;padding-bottom:.15rem}.sq-ex__done-badge{font:700 12px/1 var(--s-font-code);color:#fff;background:#2f7a4a;margin-inline-start:auto;padding:.4rem .6rem;display:none}.is-done>.sq-ex__head .sq-ex__done-badge{display:inline-block}.sq-ex.is-done{box-shadow:4px 4px #2f7a4a}.sq-ex__task{font:400 16px/1.85 var(--s-font-body);padding:.9rem 1rem}.sq-ex__task>:last-child{margin-bottom:0}.sq-ex__verdict{padding:.75rem 1rem 0}.sq-ex__checking{font:500 13px var(--s-font-code);color:var(--s-on-surface-variant)}.sq-ok,.sq-no{font:400 14.5px/1.75 var(--s-font-body);padding:.65rem .9rem}.sq-ok{background:#e7f3ea;box-shadow:2px 2px #2f7a4a}.sq-no{box-shadow:2px 2px 0 var(--s-error);background:#fbe7e5}.sq-no__case{margin-top:.3rem;font-size:13px}.sq-ex__solution{padding:.75rem 1rem 0}.sq-ex__solution[hidden]{display:none}.sq-ex__solution pre{color:#ffdf91;font:500 13.5px/1.7 var(--s-font-code);white-space:pre-wrap;text-align:left;background:#1c1b1b;margin:0 0 .6rem;padding:.7rem 1rem}.sq-hint{font:400 14px/1.7 var(--s-font-body)}.sq-hint summary{cursor:pointer;font:700 13px var(--s-font-display);background:var(--s-surface-container-high);box-shadow:2px 2px 0 var(--s-shadow-ink);padding:.5rem .8rem;list-style:none}.sq-hint summary::-webkit-details-marker{display:none}.sq-hint[open] summary{background:var(--s-secondary-fixed)}.sq-hint p{max-width:34rem;margin:.5rem 0 0}.sq-choice__q{font:600 16px/1.8 var(--s-font-body);margin:0;padding:.9rem 1rem .4rem}.sq-choice__opts{gap:.5rem;padding:.5rem 1rem 1rem;display:grid}.sq-choice__opts.is-code{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.sq-choice__opt{text-align:start;background:var(--s-surface-container-low);font:400 15px/1.6 var(--s-font-body);cursor:pointer;box-shadow:2px 2px 0 var(--s-shadow-ink);transition:var(--s-transition);border:0;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;display:flex}.sq-choice__opt:hover{background:var(--s-secondary-fixed)}.sq-choice__opt code{font:500 13px/1.6 var(--s-font-code);white-space:pre-wrap;text-align:left;flex:1}.sq-choice__letter{width:1.5rem;height:1.5rem;font:700 12px var(--s-font-display);box-shadow:1px 1px 0 var(--s-shadow-ink);background:#fff;flex-shrink:0;place-items:center;display:grid}.sq-choice.is-answered .sq-choice__opt{cursor:default;opacity:.55}.sq-choice__opt.is-right{background:#e7f3ea;box-shadow:2px 2px #2f7a4a;opacity:1!important}.sq-choice__opt.is-wrong{box-shadow:2px 2px 0 var(--s-error);background:#fbe7e5;opacity:1!important}.sq-choice__why{background:var(--s-surface-container-high);border-inline-start:4px solid var(--s-secondary-container);font:400 15px/1.8 var(--s-font-body);margin:0 1rem 1rem;padding:.75rem .9rem}.sq-choice__why[hidden]{display:none}.sq-choice__why>:first-child{margin-top:0}.sq-order__items{flex-wrap:wrap;gap:.6rem;padding:.5rem 1rem 1rem;display:flex}.sq-order__item{cursor:pointer;box-shadow:3px 3px 0 var(--s-shadow-ink);transition:var(--s-transition);background:#fff;border:0;align-items:center;gap:.5rem;padding:.55rem .85rem;display:inline-flex;position:relative}.sq-order__item:hover{transform:translate(-1px,-1px)}.sq-order__item code{font:700 14px var(--s-font-code)}.sq-order__n:empty{display:none}.sq-order__n{background:var(--s-secondary-container);width:1.4rem;height:1.4rem;font:700 12px var(--s-font-code);place-items:center;display:grid}.sq-order__item.is-picked{background:var(--s-secondary-fixed)}.sq-order__item.is-right{background:#e7f3ea;box-shadow:3px 3px #2f7a4a}.sq-order__item.is-wrong{box-shadow:3px 3px 0 var(--s-error);background:#fbe7e5}.sq-order__feedback{padding:0 1rem}.sq-order__feedback:empty{display:none}.sq-order>.sq-btn{margin:.75rem 1rem 1rem}.sq-schema__cards{background-image:radial-gradient(#1c1b1b17 1px,#0000 1px);background-size:16px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.9rem;padding:1rem;display:grid}.sq-tcard{text-align:start;cursor:pointer;box-shadow:3px 3px 0 var(--s-shadow-ink);transition:var(--s-transition);font:inherit;color:inherit;background:#fff;border:0;flex-direction:column;padding:0;display:flex}.sq-tcard:hover{box-shadow:5px 5px 0 var(--s-shadow-ink);transform:translate(-2px,-2px)}.sq-tcard.is-open{box-shadow:4px 4px 0 var(--s-secondary-container), 4px 4px 0 2px var(--s-shadow-ink)}.sq-tcard.is-target{box-shadow:0 0 0 3px var(--s-secondary-container), 3px 3px 0 3px var(--s-shadow-ink);transform:scale(1.02)}.sq-tcard__head{color:#fff;background:#1c1b1b;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.5rem .7rem;display:flex}.sq-tcard__head b{font:700 14px var(--s-font-code);color:var(--s-secondary-container)}.sq-tcard__head small{font:400 12px var(--s-font-body);opacity:.75}.sq-tcard__count{font:500 11px var(--s-font-code);opacity:.75;margin-inline-start:auto;font-style:normal}.sq-tcard__cols{flex-direction:column;padding:.3rem 0;display:flex}.sq-col{font:500 12px/1.4 var(--s-font-code);text-align:left;direction:ltr;grid-template-columns:1fr auto;gap:0 .4rem;padding:.2rem .7rem;display:grid}.sq-col[data-fk]:hover{background:var(--s-secondary-fixed)}.sq-col__badges{justify-content:flex-end;gap:.2rem;display:flex}.sq-col__badges i{font:700 9px/1 var(--s-font-code);padding:.2rem .25rem;font-style:normal}.sq-col__badges .pk{background:var(--s-secondary-container)}.sq-col__badges .fk{background:#c9c1f0}.sq-col__badges .nl{color:#777;background:#ede8dd}.sq-col__type{color:#9a948a;grid-column:1/-1;font-size:10.5px}.sq-schema__trail{font:500 12.5px/1.8 var(--s-font-code);padding:0 1rem}.sq-schema__trail:empty{display:none}.sq-schema__trail>span{color:var(--s-on-surface-variant)}.sq-schema__panel{padding:.75rem 1rem 1rem}.sq-schema__panel-head{font:400 13px/1.6 var(--s-font-body);color:var(--s-on-surface-variant);flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin-bottom:.5rem;display:flex}.sq-schema__panel-head b{font:700 13px var(--s-font-code);color:var(--s-primary)}.sq-fk{background:var(--s-secondary-fixed);font:700 12.5px var(--s-font-code);cursor:pointer;box-shadow:1px 1px 0 var(--s-shadow-ink);border:0;padding:.05rem .4rem}.sq-fk:hover{background:var(--s-secondary-container)}.sq-table tr.is-hit{animation:1s ease-out sq-flash;background:var(--s-secondary-container)!important}@keyframes sq-flash{0%{box-shadow:inset 0 0 0 3px #1c1b1b}}.sq-trace__pick{font:600 13px var(--s-font-body);align-items:center;gap:.4rem;display:inline-flex}.sq-trace__pick select,.sq-exec__field select{font:600 13px var(--s-font-code);border:2px solid var(--s-primary);background:#fff;padding:.3rem .5rem}.sq-trace__stage{background-image:radial-gradient(#1c1b1b17 1px,#0000 1px);background-size:16px 16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) auto minmax(0,1.6fr);align-items:start;gap:.6rem;padding:1rem;display:grid}.sq-trace__col h5{font:700 12px var(--s-font-code);text-align:left;direction:ltr;margin:0 0 .5rem}.sq-trace__col h5 small{color:var(--s-on-surface-variant);font-weight:500}.sq-trace__node{font:500 12.5px/1.4 var(--s-font-code);box-shadow:2px 2px 0 var(--s-shadow-ink);animation:sq-in .35s calc(var(--d,0) * 70ms) both ease-out;background:#fff;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-bottom:.45rem;padding:.45rem .6rem;display:flex}.sq-trace__node.is-root{background:var(--s-secondary-container)}.sq-trace__node.is-leaf{background:var(--s-surface-container-low)}.sq-trace__node.is-ghost{color:var(--s-on-surface-variant);font-family:var(--s-font-body);background:0 0;box-shadow:inset 0 0 0 1.5px #c9c1b2}.sq-trace__node small{color:var(--s-on-surface-variant)}.sq-trace__arrow{font:700 20px var(--s-font-code);color:var(--s-secondary);align-self:center;justify-items:center;display:grid}.sq-trace__arrow small{color:var(--s-on-surface-variant);font-size:10px}.sq-trace__empty{font:400 13px/1.6 var(--s-font-body);color:var(--s-on-surface-variant);margin:0}.sq-trace__sum{font:400 14.5px/1.8 var(--s-font-body);border-top:1px dashed #0003;margin:0;padding:.75rem 1rem 1rem}.sq-status{font:700 10px/1 var(--s-font-code);background:#ede8dd;padding:.2rem .35rem}.sq-status.is-delivered{background:#c4e6cf}.sq-status.is-cancelled{background:#f6c9c5;text-decoration:line-through}.sq-status.is-pending{background:var(--s-secondary-fixed)}.sq-status.is-shipped{background:#c9c1f0}@keyframes sq-in{0%{opacity:0;transform:translate(-8px)}}.sq-exec__presets{font:600 13px var(--s-font-body);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem 1rem 0;display:flex}.sq-exec__grid{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.sq-exec__builder{gap:.4rem;display:grid}.sq-exec__field{grid-template-columns:6.2rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.sq-exec__field b{font:700 12px var(--s-font-code);color:var(--s-secondary)}.sq-exec__field input{width:100%;font:500 13px var(--s-font-code);background:var(--s-surface-container-low);border:0;padding:.35rem .5rem;box-shadow:inset 0 0 0 1.5px #c9c1b2}.sq-exec__field input:focus{box-shadow:inset 0 0 0 2px var(--s-primary), 0 0 0 3px var(--s-secondary-fixed);outline:none}.sq-exec__tip{font:500 12px var(--s-font-annotation);color:var(--s-on-surface-variant);margin:.2rem 0 0}.sq-exec__label{font:700 12px var(--s-font-code);color:var(--s-on-surface-variant);margin-bottom:.4rem;display:block}.sq-exec__sql{min-height:8rem;box-shadow:2px 2px 0 var(--s-secondary-container);background:#1c1b1b;gap:.25rem;padding:.7rem .9rem;display:grid}.sq-exec__line{font:500 13.5px/1.5 var(--s-font-code);color:#8a8478;align-items:baseline;gap:.5rem;transition:color .2s;display:flex}.sq-exec__line i{color:#c9c1b2;background:#3a3732;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;font-size:11px;font-style:normal;font-weight:700;display:grid}.sq-exec__line b,.sq-exec__line.is-past{color:#c9c1b2}.sq-exec__line.is-now{color:#fff}.sq-exec__line.is-now i{background:var(--s-secondary-container);color:#1c1b1b}.sq-exec__line.is-now b{color:var(--s-secondary-container)}.sq-exec__steps{flex-wrap:wrap;align-items:center;gap:.4rem;padding:0 1rem;display:flex}.sq-exec__step,.sq-exec__ctl{background:var(--s-surface-container-high);font:700 12px var(--s-font-code);cursor:pointer;box-shadow:2px 2px 0 var(--s-shadow-ink);transition:var(--s-transition);border:0;align-items:center;gap:.35rem;padding:.45rem .6rem;display:inline-flex}.sq-exec__step i{background:#fff;place-items:center;width:1.1rem;height:1.1rem;font-size:10px;font-style:normal;display:grid}.sq-exec__step.is-past{background:var(--s-secondary-fixed)}.sq-exec__step.is-now{color:var(--s-secondary-container);background:#1c1b1b;transform:translateY(-2px)}.sq-exec__step.is-now i{background:var(--s-secondary-container);color:#1c1b1b}.sq-exec__steps .sq-btn{margin-inline-start:auto}.sq-exec__view{min-height:12rem;padding:1rem}.sq-exec__head{font:400 14px var(--s-font-body);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.sq-exec__head b{font:700 15px var(--s-font-code)}.sq-exec__head em{font:700 12.5px var(--s-font-code);background:var(--s-secondary-fixed);box-shadow:1px 1px 0 var(--s-shadow-ink);margin-inline-start:auto;padding:.25rem .5rem;font-style:normal}.sq-exec__n{width:1.7rem;height:1.7rem;color:var(--s-secondary-container);font:700 13px var(--s-font-code);background:#1c1b1b;border-radius:999px;place-items:center;display:grid}.sq-exec__note{background:var(--s-surface-container-high);border-inline-start:4px solid var(--s-secondary-container);font:400 14px/1.75 var(--s-font-body);margin:0 0 .6rem;padding:.55rem .8rem}.sq-exec__note code{font:500 .9em var(--s-font-code)}.sq-exec__skip{text-align:center;font:400 14.5px/1.8 var(--s-font-body);color:var(--s-on-surface-variant);background:repeating-linear-gradient(-45deg,#0000 0 8px,#00000008 8px 16px);margin:0;padding:1.2rem}.sq-exec__final{padding:0 1rem 1rem}.sq-exec__final:empty{display:none}.sq-exec__final-head{font:700 12px var(--s-font-code);color:var(--s-on-surface-variant);margin-bottom:.4rem}.sq-table--flag tbody tr{animation:sq-in .3s calc(var(--d,0) * 30ms) both ease-out}.sq-table tr.is-drop td{color:#b3aca0;background:#faf6f0;text-decoration:line-through}.sq-table tr.is-unknown td{color:#b3aca0;background:repeating-linear-gradient(-45deg,#fff 0 6px,#f3ede2 6px 12px)}.sq-table tr.is-keep td:first-child{box-shadow:inset 4px 0 #2f7a4a}.sq-flag-h{width:2rem}.sq-flag{font:700 13px var(--s-font-code);text-align:center!important;text-decoration:none!important}.is-keep .sq-flag{color:#2f7a4a}.is-drop .sq-flag{color:var(--s-error)}.is-unknown .sq-flag{color:#8a6d00;background:var(--s-secondary-fixed)!important}.sq-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.7rem;display:grid}.sq-group{box-shadow:3px 3px 0 var(--s-shadow-ink);animation:sq-in .35s calc(var(--d,0) * 60ms) both ease-out;background:#fff}.sq-group__key{background:var(--s-secondary-container);font:700 13px var(--s-font-code);justify-content:space-between;align-items:baseline;padding:.45rem .6rem;display:flex}.sq-group__key em{font:500 11px var(--s-font-code);font-style:normal}.sq-group ul{font:500 12px/1.7 var(--s-font-code);text-align:left;margin:0;padding:.4rem .6rem .5rem;list-style:none}.sq-group li.more{color:var(--s-on-surface-variant)}@media (width>=900px){.sq-exec__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=720px){.sq-trace__stage{grid-template-columns:minmax(0,1fr)}.sq-trace__arrow{justify-self:center;transform:rotate(-90deg)}.sq-exec__steps .sq-btn{justify-content:center;width:100%;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.sq-trace__node,.sq-group,.sq-table--flag tbody tr{animation:none}}