.example-container.svelte-1x017oc{display:flex;flex-direction:column;flex-grow:1;justify-content:center;gap:var(--size-2)}@media(min-width:500px){.example-container.svelte-1x017oc{gap:var(--size-4)}}.example.svelte-1x017oc{min-height:var(--size-7);padding-inline:var(--size-4);padding-block:var(--size-2);border:none;border:1px solid var(--c-border);border-radius:var(--radius-2);font-family:var(--font-overlock);font-size:var(--font-size-fluid-1);font-style:italic;text-align:start;white-space:pre-wrap;color:var(--c-fg-base-2);background-color:var(--c-bg-base-3);box-shadow:var(--shadow-1);transition:all,.2s var(--ease-2);-webkit-user-select:none;user-select:none;text-wrap:pretty;--c-fg-selected: light-dark( oklch(from var(--c-fg-base-2) 20% c h), oklch(from var(--c-bg-base-3) 100% c h) )}.example.svelte-1x017oc:hover{color:var(--c-fg-selected)}.example.svelte-1x017oc.selected{--degree: 45deg;border-color:light-dark(oklch(from var(--c-border) 20% c h),oklch(from var(--c-border) 70% c h));color:var(--c-fg-selected);box-shadow:var(--shadow-3)}@keyframes svelte-1x017oc-gradient{0%{--degree: 45deg;background-position:0% 50%}50%{--degree: 135deg;background-position:100% 50%}to{--degree: 45deg;background-position:0% 50%}}@property --angle{inherits: false; initial-value: 0deg; syntax: "<angle>";}@property --gradient-color{inherits: false; initial-value: oklch(100% 0 0deg); syntax: "<color>";}@keyframes svelte-oqrb48-gradient{to{--angle: 360deg}}button.svelte-oqrb48{display:grid;inline-size:1em;aspect-ratio:1;border:2px solid transparent;border-color:var(--c-fg-button);border-radius:100%;align-items:center;justify-content:center;color:inherit;background:linear-gradient(var(--gradient-color)) padding-box,linear-gradient(var(--angle),light-dark(oklch(70% .5 0deg),oklch(10% .5 0deg)) 20%,light-dark(oklch(60% .3 80deg),oklch(10% .5 120deg)) 50%,light-dark(oklch(30% .2 220deg),oklch(10% .5 120deg)) 100%) border-box;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,--gradient-color .2s ease-in-out,--angle .2s ease-in-out}button.svelte-oqrb48 .icon{color:var(--c-fg-button);transition:color .2s ease-in-out}button.svelte-oqrb48:hover{border-color:transparent}button.svelte-oqrb48:hover .icon{color:light-dark(oklch(50% 0 0deg),oklch(50% 0 0deg))}button.svelte-oqrb48.is-reading{border-color:transparent;animation:svelte-oqrb48-gradient 2s linear infinite;--gradient-color: transparent}button.svelte-oqrb48.is-reading .icon{color:#fff}.card.svelte-vc4nbb{display:flex;inline-size:100%;min-block-size:var(--size-14);margin:0 auto;padding:var(--size-fluid-2);border:1px solid var(--c-border);border-radius:var(--radius-3);flex-direction:column;gap:var(--size-4);background-color:var(--c-bg-base-2);box-shadow:inset 0 2px 3px #ffffff0f;box-shadow:0 0 0 1px #ffffff26}@media(min-width:500px){.card.svelte-vc4nbb{gap:var(--size-8)}}.phrase.svelte-vc4nbb{position:relative;display:flex;border:none;justify-content:center;font-family:var(--font-nunito);font-size:var(--font-size-fluid-2);font-weight:var(--font-weight-7);color:var(--c-fg-title);background-color:transparent;text-wrap:balance}.phrase.svelte-vc4nbb .read-button{position:absolute;inset-inline-end:0;translate:0 50%}.meaning.svelte-vc4nbb{margin:0;font-family:var(--font-nunito);font-size:var(--font-size-fluid-1);text-align:center;color:var(--c-fg-base-2);text-wrap:pretty}.next-button.svelte-vc4nbb{padding:var(--size-2) var(--size-7);border:none;border-radius:var(--radius-2);font-family:var(--font-nunito);font-size:var(--font-size-fluid-1);color:var(--c-fg-base-2);background-color:var(--c-bg-base-3);transition:all .2s var(--ease-in-out-3)}.card-container.svelte-1c6hwbc{position:relative;display:flex;inline-size:100%;block-size:100%;align-items:center}.card-container.svelte-1c6hwbc .card-holder:where(.svelte-1c6hwbc){inline-size:100%}.switch-theme.svelte-1uw8fvy{inline-size:var(--size-10);block-size:var(--size-10);border:none;color:light-dark(oklch(80% .1 60deg),oklch(80% .1 220deg));background-color:transparent}.wrapper.svelte-1c4j1zv{display:flex;inline-size:100%;gap:0}.switch-button.svelte-1c4j1zv{--radius: var(--radius-2);padding:var(--size-2);border:none;border-radius:var(--radius);flex:1 1 auto;font-size:var(--font-size-fluid-1);color:var(--c-fg-base-3);background-color:transparent;transition:all .1s var(--ease-in-out-2)}.switch-button.svelte-1c4j1zv.active{border:1px solid var(--c-border);border-bottom:none;color:var(--c-fg-base-1);background-color:var(--c-bg-base-3)}.switch-button.svelte-1c4j1zv:focus-visible{z-index:1}.switch-button.svelte-1c4j1zv:hover:not(.active){color:oklch(from var(--color) .5deg c h);background-color:oklch(from var(--c-bg-base-3) .3deg c h)}main.svelte-1uha8ag{display:flex;inline-size:clamp(0px,calc(100vw - 2rem),50rem);block-size:100dvh;margin:0 auto;padding-block:2rem;flex-direction:column;align-items:center;text-align:center}