.flashcard.svelte-1l234ef{cursor:pointer;touch-action:pan-y;--nub-rise:14px;flex-direction:column;padding-top:0;display:flex;box-shadow:1px 1px 14px -4px #0000002e}.flashcard.uncovered.svelte-1l234ef{cursor:default}.tab-area.svelte-1l234ef{min-height:calc(var(--grid-size) * 2);clip-path:inset(calc(var(--nub-rise) * -2) calc(1px - var(--grid-size)) calc(1px - var(--grid-size)) calc(1px - var(--grid-size)));flex:1;align-items:center;display:flex;position:relative}.paper-tab.svelte-1l234ef{top:0;left:calc(var(--grid-size) * -1);right:calc(var(--grid-size) * -1);bottom:calc(var(--grid-size) * -1);background:var(--tab-color);z-index:1;border-radius:0 0 3px 3px;transition:transform .25s;position:absolute;box-shadow:0 1px 3px #0000000f}.paper-tab.revealed.svelte-1l234ef{pointer-events:none;transform:translateY(100%)}.paper-tab.no-transition.svelte-1l234ef{transition:none}.tab-nub.svelte-1l234ef{top:calc(-1 * var(--nub-rise));background:var(--tab-color);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:72px;height:20px;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tab-nub.svelte-1l234ef:before{content:"";position:absolute;inset:-8px -12px}.tab-nub.svelte-1l234ef:hover .tab-nub-line:where(.svelte-1l234ef){background:#0000004d}.tab-nub-line.svelte-1l234ef{background:#00000026;border-radius:1px;width:24px;height:2px}.tab-hint.svelte-1l234ef{font-family:var(--font-mono);color:var(--color-ink);-webkit-user-select:none;user-select:none;font-size:.8125rem}.flashcard-front.svelte-1l234ef{min-height:calc(var(--grid-size) * 3);margin:calc(var(--grid-size) * .25) 0 calc(var(--nub-rise) + var(--grid-size) * .25);align-items:center;display:flex}.flashcard-back.svelte-1l234ef{gap:calc(var(--grid-size) * .5);flex-direction:column;display:flex}.flashcard.fixed.svelte-1l234ef .flashcard-front:where(.svelte-1l234ef){flex:var(--front-weight,1) 1 0;min-height:calc(var(--grid-size) * 2);overflow:hidden}.flashcard.fixed.svelte-1l234ef .tab-area:where(.svelte-1l234ef){flex:var(--back-weight,2) 1 0;min-height:calc(var(--grid-size) * 4)}.flashcard.fixed.svelte-1l234ef .flashcard-back:where(.svelte-1l234ef){box-sizing:border-box;width:100%;max-height:100%;overflow:hidden}
