.box-wrap.svelte-bo9t18{position:relative;width:100%;cursor:pointer;border-radius:.5rem;border-width:2px;border-color:#f3f4f6;padding:1rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-wrap:where(.svelte-bo9t18){border-color:#6b7280}}.box-wrap.svelte-bo9t18:is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#404040}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-wrap:where(.svelte-bo9t18):is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#6b7280}}.box-wrap.active.svelte-bo9t18{border-color:#374151;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-wrap.active:where(.svelte-bo9t18){border-color:#374151}}.box-wrap.active.svelte-bo9t18:is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#737373}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-wrap.active:where(.svelte-bo9t18):is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#e5e5e5}}.box-title.svelte-bo9t18{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--color-text-faded)}@media(min-width:768px){.box-title.svelte-bo9t18{font-size:1.5rem;line-height:2rem}}.box-monthly.svelte-bo9t18{margin-top:.125rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--color-text-muted)}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-monthly:where(.svelte-bo9t18){color:var(--color-text-faded)}}.active.svelte-bo9t18 .box-monthly:where(.svelte-bo9t18){color:var(--color-text-faded)}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .active:where(.svelte-bo9t18) .box-monthly:where(.svelte-bo9t18){color:var(--color-text-faded)}}.box-per-month.svelte-bo9t18{font-size:.875rem;line-height:1.25rem;color:var(--color-text-extramuted)}.box-annual.svelte-bo9t18{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--color-text-extramuted)}.active.svelte-bo9t18 .box-annual:where(.svelte-bo9t18){color:var(--color-text-faded)}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .active:where(.svelte-bo9t18) .box-annual:where(.svelte-bo9t18){color:var(--color-text-faded)}}.box-save.svelte-bo9t18{position:absolute;left:0;right:0;top:-.875rem}.box-save.svelte-bo9t18 span:where(.svelte-bo9t18){border-radius:.5rem;background-color:#15803d;padding:.125rem .625rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:#fff}.box-selected.svelte-bo9t18{margin-left:auto;margin-right:auto;margin-top:1rem;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:#9ca3af}.box-selected.svelte-bo9t18:is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#e5e7eb}.box-selected.svelte-bo9t18 .inner:where(.svelte-bo9t18){width:2.75rem;height:2.75rem;border-radius:9999px;border-width:2px;border-color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-selected:where(.svelte-bo9t18) .inner:where(.svelte-bo9t18){background-color:#d1d5db}}.box-selected.svelte-bo9t18 .inner:where(.svelte-bo9t18):is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){border-color:#000}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .box-selected:where(.svelte-bo9t18) .inner:where(.svelte-bo9t18):is(.dark:where(.svelte-bo9t18) :where(.svelte-bo9t18)){background-color:#374151}}.active.svelte-bo9t18 .box-selected:where(.svelte-bo9t18) .inner:where(.svelte-bo9t18){background-color:#3c74d4}@media(hover:hover)and (pointer:fine){.group.svelte-bo9t18:hover .active:where(.svelte-bo9t18) .box-selected:where(.svelte-bo9t18) .inner:where(.svelte-bo9t18){background-color:#3c74d4}}