.selector.svelte-5z4hk5{margin:2rem 0;gap:1em;align-items:center;max-width:100%}ul.errors.svelte-5z4hk5{list-style-type:none;padding:0;margin:.5em 0;font-weight:700;color:#960000}ul.errors.svelte-5z4hk5 li:where(.svelte-5z4hk5){display:inline}label.svelte-5z4hk5{display:block;margin-bottom:.25rem}button.svelte-5z4hk5{background:#fff;color:var(--bg);border:2px solid var(--bg);margin:.8ch;margin-left:0;margin-top:0;font-size:85%;text-transform:uppercase;padding:.7rem .6rem;width:fit-content;text-align:left;letter-spacing:.08em}button.svelte-5z4hk5 span:where(.svelte-5z4hk5){position:relative;top:-.1ch}button.selected.svelte-5z4hk5{background:var(--bg);color:#fff}button[disabled].svelte-5z4hk5{opacity:.25;color:var(--bg);background:#fff}form.svelte-1e013na{display:block;position:relative;background:#fff;color:var(--bg);max-width:56vh;min-width:340px;margin:0 auto;padding:2rem 2rem 5em;min-height:60vh;text-transform:uppercase;z-index:100}input[type=checkbox].svelte-1e013na{display:none}input[type=checkbox].svelte-1e013na+span.check-replace:where(.svelte-1e013na):before{content:" ";display:block;position:relative;height:28px;width:28px;border:2px solid var(--bg)}input[type=checkbox].svelte-1e013na:checked+span.check-replace:where(.svelte-1e013na):before{background:var(--bg)}p.svelte-1e013na{margin:1rem 0}p.toggle.svelte-1e013na{margin:2rem 0}p.toggle.svelte-1e013na label:where(.svelte-1e013na){display:flex;align-items:center;justify-content:stretch;flex-direction:row;gap:1rem}.toggle.svelte-1e013na .label-text:where(.svelte-1e013na){font-size:85%;line-height:1}nav.svelte-1e013na{display:flex;justify-content:space-between;position:absolute;bottom:2rem;left:2rem;right:2rem}button.cancel.svelte-1e013na{position:absolute;top:1rem;right:1rem;color:var(--bg);background:transparent;height:0;width:0;overflow:hidden;overflow:clip;line-height:1.5;padding-top:32px;padding-left:32px;background-image:url(../../../icons/close.png);background-size:18px 18px;background-repeat:no-repeat;background-position:top right}nav.svelte-1e013na button:where(.svelte-1e013na){background:transparent;color:var(--bg);font-weight:700;text-transform:uppercase}nav.svelte-1e013na button:where(.svelte-1e013na):disabled{opacity:.25;color:#000;text-decoration:none!important}@media(hover:hover){nav.svelte-1e013na button:where(.svelte-1e013na):hover{text-decoration:underline}}@media(hover:none){nav.svelte-1e013na button:where(.svelte-1e013na):active{text-decoration:underline}}button.save.svelte-1e013na{font-weight:700}p.summary.svelte-1e013na{margin-top:0}.ellips.svelte-1e013na{letter-spacing:-.1em}.wrapper.svelte-ehiabs{min-height:100%;-webkit-user-select:none;user-select:none}.wrapper.svelte-ehiabs:before{display:block;height:0px;content:" "}.wrapper.svelte-ehiabs:after{display:block;height:25%;content:" "}.list.svelte-ehiabs{max-width:56vh;min-width:350px;margin:0 auto;padding:max(10vh,4em) 0;padding-top:0}.list-item.svelte-ehiabs{display:flex;justify-content:stretch;align-items:center;align-content:stretch;transition:background-color .1s;padding:1em .25em;height:auto;min-height:4em;border-top:2px solid white;-webkit-user-select:none;user-select:none}.list-item.svelte-ehiabs:last-child{border-bottom:2px solid white}.drag-handle.svelte-ehiabs,.remove.svelte-ehiabs{flex-grow:0;width:44px;height:44px;transition:opacity .35s}.item-inside.svelte-ehiabs{flex-grow:10;text-transform:uppercase;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-content:center;padding:.25em 1em;flex:10;text-wrap:pretty}.drag-handle.svelte-ehiabs{display:block;height:0;text-indent:-1000px;overflow:hidden;overflow:clip;padding-bottom:44px;width:44px;margin-left:0;background:url(../../../icons/drag-handle.png) center no-repeat;background-size:18px 14px;-webkit-user-select:none;user-select:none}.remove.svelte-ehiabs{margin-right:0;height:0;overflow:hidden;overflow:clip;padding-top:44px;line-height:1.5;background:url(../../../icons/close-white.png) center no-repeat;background-size:20px 20px}.list.is-dragging.svelte-ehiabs .drag-handle:where(.svelte-ehiabs){opacity:.5}.list.is-dragging.svelte-ehiabs .remove:where(.svelte-ehiabs){opacity:0}.list-item.sortable-ghost{background:#fff;color:var(--bg)}.list.list.is-dragging .list-item.sortable-ghost .drag-handle{background-image:url(../../../icons/drag-handle-red.png);opacity:1}.list.svelte-ehiabs .list-item.sortable-chosen{background:#fff;color:var(--bg)}.list.svelte-ehiabs .list-item.sortable-drag{background:transparent!important;border:none}.list-item.sortable-drag .item-inside.svelte-ehiabs,.list-item.sortable-drag .remove.svelte-ehiabs{visibility:hidden}.ilu.svelte-ehiabs{opacity:.5;border:none;background:transparent;border-radius:5px;padding:4px 0;margin:-4px 0;text-decoration:line-through;font:inherit;color:inherit;text-align:left}.iluOn.svelte-ehiabs{font-style:normal;opacity:1;color:inherit;background:transparent;text-decoration:none}button.svelte-ehiabs{padding:0;text-transform:inherit}.pips.svelte-uijm4v{display:flex;justify-content:stretch;gap:4px;position:absolute;bottom:1px;left:0;right:0}.pip.svelte-uijm4v{flex-grow:1}.pip.svelte-uijm4v>span:where(.svelte-uijm4v){border-bottom:2px solid #fff;display:block;height:0px;overflow:hidden;overflow:clip;text-align:center;font-size:80%}.scroll-container.svelte-sxp1x8{padding:0 40px;position:relative}.reticle.svelte-sxp1x8{position:fixed;top:55%;left:8px;right:8px;margin:0 auto;height:4.25rem;max-width:max(500px,min(56vh,1200px));min-width:340px;transform:translateY(-50%);pointer-events:none;perspective:500px}ul.svelte-sxp1x8{margin:0 auto;padding:0;padding-top:calc(55vh - 120px);padding-bottom:75vh}li.svelte-sxp1x8{height:3em;text-wrap:pretty;margin:1rem 0;list-style-type:none;display:flex;justify-content:stretch;align-items:center;padding:.25rem;transform-origin:50% 50%;opacity:1}li.svelte-sxp1x8 .label:where(.svelte-sxp1x8){flex-grow:1;flex-shrink:1;line-height:1.1;cursor:pointer;text-transform:uppercase}.reticle.svelte-sxp1x8 button:where(.svelte-sxp1x8){position:absolute;left:0;top:50%;width:44px;height:0;padding:44px 0 0;opacity:.5;pointer-events:none;transition:opacity .05s 0 linear,transform .3s 0 ease-out;flex-shrink:0;background:#0000 url(../../../icons/play.png);background-size:15px 20px;background-position:center center;background-repeat:no-repeat;border:none;border-radius:0;transform:translateY(-50%);transform:translateY(-50%) scale(.9);overflow:hidden;overflow:clip}.reticle.svelte-sxp1x8 button:where(.svelte-sxp1x8):nth-child(2){left:auto;right:0;background-image:url(../../../icons/plus.png);background-size:20px 20px}li.current.svelte-sxp1x8{opacity:1}.reticle.enabled.svelte-sxp1x8 button:where(.svelte-sxp1x8){opacity:1;pointer-events:all;transition:opacity .5s .25s linear,transform .3s .25s ease-out;transform:translateY(-50%);transform:translateY(-50%) scale(1)}.iloveyou.svelte-sxp1x8{max-width:max(500px,min(56vh,1200px));font-family:var(--akademie);font-weight:300;position:fixed;left:1rem;right:1rem;top:30vh;top:30svh;margin:0 auto;padding-left:40px;pointer-events:none;line-height:1.3;letter-spacing:.2em}.category-filter.svelte-sxp1x8{position:fixed;max-width:max(500px,min(56vh,1200px));min-width:340px;padding:0 40px;top:7rem;right:1rem;left:1rem;margin:0 auto;display:flex;justify-content:stretch;z-index:1}.category-filter.svelte-sxp1x8>*{transition:width .1s ease-in-out;width:auto;height:auto;flex:1 1}.category-filter.svelte-sxp1x8>.open{width:100%}.with-intro.svelte-sxp1x8 ul:where(.svelte-sxp1x8),.with-intro.svelte-sxp1x8 .iloveyou:where(.svelte-sxp1x8),.with-intro.svelte-sxp1x8 .category-filter:where(.svelte-sxp1x8){opacity:.075}.with-intro.svelte-sxp1x8 .category-filter:where(.svelte-sxp1x8){opacity:0}.with-intro.reticle.svelte-sxp1x8{border-bottom-color:#fff3}.reticle.svelte-sxp1x8 button:where(.svelte-sxp1x8){overflow:visible}.reticle.svelte-sxp1x8 button:where(.svelte-sxp1x8):after{position:absolute;bottom:100%;content:"";margin-bottom:1em;text-transform:none;font-weight:400;font-size:100%;line-height:1.2;transition:opacity .3s;opacity:0}.reticle.svelte-sxp1x8 button.maxed:where(.svelte-sxp1x8){opacity:.5}.reticle.svelte-sxp1x8 button.add:where(.svelte-sxp1x8):before{opacity:0;transition:opacity .1s;position:absolute;left:0;right:0;bottom:95%;content:"MAX NUM";font-weight:700}.reticle.svelte-sxp1x8 button.add.maxWarning:where(.svelte-sxp1x8):before{opacity:1}.reticle.svelte-sxp1x8 button.add:where(.svelte-sxp1x8):after{text-align:right;right:10px;width:100px;content:"add to pattern"}.reticle.svelte-sxp1x8 button.play:where(.svelte-sxp1x8):after{text-align:left;left:10px;width:50px;content:"play bite"}.with-intro.reticle.svelte-sxp1x8{opacity:.075}.with-intro.reticle.intro-tut.svelte-sxp1x8{opacity:1}.with-intro.reticle.intro-tut.svelte-sxp1x8 button:where(.svelte-sxp1x8):after{opacity:1}.with-intro.reticle.intro-tut.svelte-sxp1x8 .pips{opacity:.075}.ellips{letter-spacing:-.1em}.mask.svelte-k389dz{position:absolute;inset:0;padding:1rem}.tutorial.svelte-k389dz{text-align:center;text-wrap:balance}.reticle-instruction.svelte-k389dz{position:fixed;inset:25% 0 35%;margin:0 auto;width:150px;display:flex;flex-direction:column;align-items:center;gap:1em}.intro-text.svelte-k389dz{position:absolute;left:0;right:0;bottom:40%;margin:0 auto;max-width:340px}.intro-text.max-num.svelte-k389dz{text-wrap:balance;max-width:250px}.intro-text.svelte-k389dz p:where(.svelte-k389dz){margin-top:1.5em}.reticle-instruction.svelte-k389dz .line:where(.svelte-k389dz){flex:1 1;border:1px solid white;margin:0 auto;width:0}.got-it.svelte-k389dz{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);padding:0;width:100%}.got-it.svelte-k389dz button:where(.svelte-k389dz){padding:1em 2em;color:var(--bg);background:#fff;text-transform:uppercase;font-weight:700}.info-icon.svelte-k389dz{display:block;margin:0 auto;width:32px;border-bottom:2px solid white}.info-icon.x.svelte-k389dz{border-bottom:none}.info-icon.svelte-k389dz span:where(.svelte-k389dz){display:block;width:auto;padding:8px}.panel.svelte-jztt4t{display:flex;flex-direction:column;justify-content:stretch;z-index:1;margin:0 auto}.panel.svelte-jztt4t>:where(.svelte-jztt4t){flex-basis:auto}.controls.svelte-jztt4t{display:block;position:fixed;bottom:0;left:0;right:0;padding:0 8px;margin:0 auto 16px;text-align:center;font-size:90%;width:96vw;max-width:56vh;min-width:360px}.controls.svelte-jztt4t button:where(.svelte-jztt4t){display:inline-block;height:44px;background:#fff;color:var(--bg);text-transform:uppercase;font-weight:700}button[disabled].svelte-jztt4t,button.disabled.svelte-jztt4t{opacity:.5;color:#00000080}html{overscroll-behavior:none}menu.svelte-jztt4t{pointer-events:none}menu.svelte-jztt4t p:where(.svelte-jztt4t){display:grid;grid-template-columns:repeat(3,1fr);gap:4px;pointer-events:all;margin:0;padding:0;width:auto}p.tip.svelte-jztt4t{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.panel.intro.svelte-jztt4t{position:fixed;inset:0}.with-intro.svelte-jztt4t .controls:where(.svelte-jztt4t) button:where(.svelte-jztt4t){opacity:.1}.with-intro.intro-tut.svelte-jztt4t .controls:where(.svelte-jztt4t) p:where(.svelte-jztt4t) button:where(.svelte-jztt4t),.with-intro.intro-tut.svelte-jztt4t .controls:where(.svelte-jztt4t) p:where(.svelte-jztt4t) button[disabled]:where(.svelte-jztt4t){border:2px solid white;background:#fff3;opacity:1;color:#fff}button.edit.svelte-jztt4t,button.preview.svelte-jztt4t,button.save.svelte-jztt4t{position:relative}.controls.svelte-jztt4t button:where(.svelte-jztt4t):after{position:absolute;bottom:100%;left:0;right:0;content:"Change the\a bite order";margin-bottom:2em;text-transform:none;font-weight:400;font-size:100%;line-height:1.2;transition:opacity .3s;opacity:0;white-space:pre}.with-intro.intro-tut.svelte-jztt4t .controls:where(.svelte-jztt4t) button:where(.svelte-jztt4t):after{opacity:1}.controls.svelte-jztt4t button.preview:where(.svelte-jztt4t):after{content:"view your\apattern"}.controls.svelte-jztt4t button.save:where(.svelte-jztt4t):after{content:"save your\apattern"}.mask.svelte-jztt4t{position:fixed;inset:0;background:var(--bg);opacity:.9;z-index:-1}.min-clips-prompt.svelte-jztt4t{position:absolute;bottom:100%;left:0;right:0;margin-bottom:1em;color:#fff;font-weight:700}.with-intro.help-button.svelte-jztt4t{opacity:0}.help-button.svelte-jztt4t{position:fixed;top:47px;right:9px;width:44px;height:44px;background:transparent;border:none;z-index:10;pointer-events:all}.controls.svelte-jztt4t .help-button.alt:where(.svelte-jztt4t){position:absolute;top:auto;bottom:50px;left:1px;background:transparent;color:#fff;text-transform:lowercase}.help-button.svelte-jztt4t>span:where(.svelte-jztt4t){display:block;position:absolute;display:flex;text-align:center;justify-content:center;align-items:center;--inset: 8px;top:var(--inset);left:var(--inset);right:var(--inset);bottom:var(--inset);border:2px solid white;border-width:0 0 2px 0;line-height:.5}.help-button.svelte-jztt4t>span:where(.svelte-jztt4t)>span:where(.svelte-jztt4t){margin-top:-.1em}.help-button.fade.svelte-jztt4t{opacity:.5}