@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";@import"https://unpkg.com/open-props"layer(utils);@layer reset,theme,utils,components,pages;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer theme{:root{--color-red: light-dark(oklch(65.42% .2321 28.66), oklch(70.73% .1847 25.94));--color-orange: light-dark(oklch(76.52% .1752 62.57), oklch(82.03% .1524 73.25));--color-yellow: light-dark(oklch(86.52% .1768 90.38), oklch(88.16% .1735 93.24));--color-green: light-dark(oklch(73.03% .1944 147.44), oklch(78.19% .2176 146.91));--color-mint: light-dark(oklch(74.81% .1296 189.03), oklch(80.42% .1013 191.35));--color-teal: light-dark(oklch(69.98% .1109 212.72), oklch(85.96% .1221 211.77));--color-cyan: light-dark(oklch(70.45% .1333 234.53), oklch(83.22% .1109 225.89));--color-blue: light-dark(oklch(60.28% .2177 257.42), oklch(68.54% .1699 252.99));--color-indigo: light-dark(oklch(52.95% .191 278.34), oklch(64.85% .1921 280.62));--color-purple: light-dark(oklch(61.49% .2129 312.41), oklch(76.69% .1715 313.76));--color-pink: light-dark(oklch(64.97% .2383 17.9), oklch(70.78% .1891 11.59));--color-brown: light-dark(oklch(63.22% .0643 72.82), oklch(68.66% .0706 73.56))}:root [data-bg-color=red]{background-color:var(--color-red)}:root [data-bg-color=orange]{background-color:var(--color-orange)}:root [data-bg-color=yellow]{background-color:var(--color-yellow)}:root [data-bg-color=green]{background-color:var(--color-green)}:root [data-bg-color=mint]{background-color:var(--color-mint)}:root [data-bg-color=teal]{background-color:var(--color-teal)}:root [data-bg-color=cyan]{background-color:var(--color-cyan)}:root [data-bg-color=blue]{background-color:var(--color-blue)}:root [data-bg-color=indigo]{background-color:var(--color-indigo)}:root [data-bg-color=purple]{background-color:var(--color-purple)}:root [data-bg-color=pink]{background-color:var(--color-pink)}:root [data-bg-color=brown]{background-color:var(--color-brown)}:root [data-bg-color=gray]{background-color:var(--gray-3)}:root [data-color=red]{color:var(--color-red)}:root [data-color=orange]{color:var(--color-orange)}:root [data-color=yellow]{color:var(--color-yellow)}:root [data-color=green]{color:var(--color-green)}:root [data-color=mint]{color:var(--color-mint)}:root [data-color=teal]{color:var(--color-teal)}:root [data-color=cyan]{color:var(--color-cyan)}:root [data-color=blue]{color:var(--color-blue)}:root [data-color=indigo]{color:var(--color-indigo)}:root [data-color=purple]{color:var(--color-purple)}:root [data-color=pink]{color:var(--color-pink)}:root [data-color=brown]{color:var(--color-brown)}:root [data-color=gray]{color:var(--bg-gray-3)}}@layer theme{:root{color-scheme:light dark;accent-color:var(--secondary);--gray: light-dark(rgb(142,142,147), rgb(142,142,147));--gray-2: light-dark(rgb(174,174,178), rgb(99,99,102));--gray-3: light-dark(rgb(199,199,204), rgb(72,72,74));--gray-4: light-dark(rgb(209,209,214), rgb(58,58,60));--gray-5: light-dark(rgb(229,229,234), rgb(44,44,46));--gray-6: light-dark(rgb(242,242,247), rgb(28,28,30));--primary: var(--color-blue);--secondary: var(--color-pink);--white: rgb(255,255,255);--black: rgb(0,0,0);--bg-primary: light-dark(var(--gray-6), var(--black));--bg-accent: var(--gray-5);--fg-primary: light-dark(rgb(44,44,46), rgb(242,242,247));--fg-accent: var(--gray);--bg-tooltip: light-dark(var(--white), var(--black));--bg-card: light-dark(var(--white), var(--gray-6));--bg-form: light-dark(var(--gray-6), var(--gray-4));--bg-popover: light-dark(var(--white), var(--gray-6));--bg-picker: var(--gray-6);--highlight: color-mix(in srgb, var(--primary) var(--mix-transparent, 30%), transparent);--glass-alpha: .5;--bg-glass: light-dark(rgba(242, 242, 247, var(--glass-alpha)), rgba(0, 0, 0, var(--glass-alpha)));--card-highlight: color-mix(in srgb, var(--bg-card) var(--mix-transparent, 50%), transparent);--bg-backdrop: light-dark( color-mix(in srgb, var(--gray-4) 10%, transparent), color-mix(in srgb, var(--gray-2) 25%, transparent) );--bg-loading: light-dark(var(--white), var(--gray-6));--bg-wave: light-dark(var(--gray-6), var(--gray-5));--page-x: 100%;--modal-scale: 1;--easing-x: cubic-bezier(.2, 1, .8, 1);--duration: .3s;--glass: light-dark(var(--white), var(--gray-4));--solid-bg: light-dark(var(--white), var(--black));--solid-fg: light-dark(var(--black), var(--white));--glass-bg: color-mix(in srgb, var(--glass) var(--mix-transparent, 70%), transparent);--glass-filter: blur(20px) brightness(1);--glass-border: light-dark(var(--white), var(--gray-2));--bg-loading: var(--gray-5);--bg-wave: var(--gray-6);--bg-primary: light-dark(rgb(219,219,224), var(--black));--bg-card: color-mix(in srgb, light-dark(var(--white), var(--gray-4)) var(--mix-transparent, 70%), transparent);--card-filter: blur(20px) brightness(1);--card-border: light-dark(var(--white), var(--gray-4));--fg-primary: light-dark(rgb(28,28,30), rgb(242,242,247));--fg-accent: light-dark(rgb(132,132,137), rgb(154,154,158));--list-border: light-dark(var(--gray-4), var(--gray-5));--bg-glass: color-mix(in srgb, var(--bg-primary) var(--mix-transparent, 70%), transparent);--bg-form: var(--solid-bg);--dialog-filter: blur(1px) brightness(.8);--bg: light-dark(var(--white), var(--black))}@media (prefers-reduced-transparency: reduce){:root{--glass-alpha: 1;--mix-transparent: 100%}}:root[data-android]{--glass-alpha: 1;--mix-transparent: 100%;--glass-filter: none;--card-filter: none;--dialog-filter: none;--bg-backdrop: light-dark( color-mix(in srgb, var(--gray-2) 90%, transparent), color-mix(in srgb, var(--gray-5) 90%, transparent) );--glass: light-dark(var(--gray-5), var(--gray-4));--solid-bg: light-dark(rgb(245,250,255), rgb(15,20,25));--card-border: light-dark(var(--gray-4), var(--gray-2))}}@layer utils{:root{--text-3xs: .7em;--text-2xs: .725em;--text-xs: .75em;--text-sm: .875em;--text-base: 1em;--text-md: 1.125em;--text-lg: 1.25em;--text-xl: 1.5em;--text-2xl: 2em;--text-3xl: 2.5em;--text-4xl: 3em}}@layer utils{:root{color-scheme:light dark;inline-size:100vw;block-size:100vh}:root[theme=light],:root[theme=light] *{color-scheme:light}:root[theme=dark],:root[theme=dark] *{color-scheme:dark}html,body{--font-family: "Poppins", sans-serif;font-family:var(--font-family);font-size:16px;inline-size:100%;block-size:100%;touch-action:manipulation;background-color:var(--bg-primary);color:var(--fg-primary)}body{--layout-column: [edge-start] 1fr [body-start] clamp(0rem, 92vw, 30rem) [body-end] 1fr [edge-end];--layout-row: [header-start page-start] 60px [header-end body-start] auto [body-end page-end]}body :where([data-button],[data-route]) :is(*){pointer-events:none}body [data-form-input]{background-color:var(--bg-form);border-radius:var(--radius-2);border:none;outline:none;outline:2px solid transparent;outline-offset:-2px;transition:.3s ease;caret-color:var(--secondary);color:var(--fg-primary)}body [data-form-input]:focus{outline-color:var(--secondary);outline-offset:2px}body [data-no-scrollbar]{scrollbar-width:none;overflow:auto}body [data-no-scrollbar]::-webkit-scrollbar{display:none}body [data-icon-button]{padding:0;border:none;background-color:transparent;color:var(--fg-primary);width:44px;aspect-ratio:1;background-color:var(--solid-bg);border-radius:50%;display:grid;place-content:center}body [data-primary-button]{padding:0 var(--size-4);height:48px;display:flex;justify-content:center;align-items:center;gap:var(--size-2);background-color:var(--solid-bg);border:none;border-radius:var(--radius-5);color:var(--fg-primary);outline:none}body [data-primary-button] svg-icon{color:var(--primary)}body [data-aria-only]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{expense-app{--nav-padding: 100px;display:block;width:100%;height:100%}@media (display-mode: fullscreen),(display-mode: standalone){expense-app{--nav-padding: 120px}}body{transition:background-color .3s ease}body:has(category-modal[modal-open]) :is(#appTabs){opacity:0}#appTabs{display:block;width:100%;height:100%;overflow:hidden;will-change:scale;transition-duration:var(--duration);transition-timing-function:ease-out;transition-property:scale,border-radius,background-color}#appTabs tab-list{position:fixed;z-index:5;left:0;bottom:0;width:100%;background-color:var(--solid-bg);-webkit-backdrop-filter:blur(20px) brightness(1);backdrop-filter:blur(20px) brightness(1);display:grid;grid-template-columns:var(--layout-column);padding-bottom:env(safe-area-inset-bottom,0px)}#appTabs tab-list .container{grid-column:body;height:68px;display:flex;justify-content:space-evenly;align-items:center;gap:var(--size-4);padding-inline:var(--size-4)}#appTabs tab-list .container nav-tab{color:var(--fg-accent);width:var(--size-11);height:100%;border-radius:var(--radius-2);padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-1);font-size:var(--text-xs)}#appTabs tab-list .container nav-tab[aria-selected=true]{color:var(--primary)}#appTabs tab-list .container button[data-button]{width:var(--size-9);aspect-ratio:1;background-color:var(--secondary);color:var(--solid-bg);border:2px solid var(--bg-glass);border-radius:50%;padding:0;display:grid;place-content:center;translate:0 -30px}#appTabs nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;min-width:100vw;background-color:var(--bg-primary);will-change:transform,translate;transition-behavior:allow-discrete;transition-duration:var(--duration);transition-timing-function:var(--easing-x);transition-property:display,translate,background-color}#appTabs nav-panel :where(main-page)>header{padding-top:env(safe-area-inset-top)}#appTabs nav-panel :where(main-page)>header h2{font-size:var(--text-lg)}#appTabs nav-panel[data-page-expenses][hidden]{translate:calc(var(--page-x) * -1) 0;opacity:1}#appTabs nav-panel[data-page-expenses]:not([hidden]){translate:0 0;opacity:1}@starting-style{#appTabs nav-panel[data-page-expenses]:not([hidden]){translate:calc(var(--page-x) * -1) 0;opacity:1}}#appTabs nav-panel[data-page-settings][hidden]{translate:var(--page-x) 0;opacity:1}#appTabs nav-panel[data-page-settings]:not([hidden]){display:grid;translate:0 0;opacity:1}@starting-style{#appTabs nav-panel[data-page-settings]:not([hidden]){translate:var(--page-x) 0;opacity:1}}[data-android] #appTabs tab-list{background-color:var(--bg)}[data-android] #appTabs nav-panel :where(main-page){grid-template-rows:[header-start page-start] calc(var(--size-6) + 60px) [header-end body-start] auto [body-end page-end]}[data-android] #appTabs nav-panel :where(main-page)>header{padding-top:var(--size-6)}.emptyData{min-height:25vh;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-4)}.emptyData .empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-3)}.emptyData .empty-container svg{color:var(--primary);max-width:180px;max-height:160px}.emptyData .empty-container h4{margin:0;font-weight:400;font-size:var(--text-md)}}@layer components{#settings{padding-block-end:100px}#settings .user-card{margin-block:var(--size-6);padding:var(--size-7) var(--size-5);border-radius:var(--radius-4);background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--size-1)}#settings .user-card img{border:2px solid var(--primary);border-radius:50%}#settings .user-card button[data-button]{margin-top:var(--size-3)}#settings .user-card button[data-button][data-button=logout] :where(svg-icon){color:var(--primary)}#settings .actions-list{margin:0;margin-block:var(--size-5);padding:0;list-style:none;display:flex;flex-direction:column;background-color:var(--bg-card);border-radius:var(--radius-4);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border)}#settings .actions-list>li:not(:last-child){border-bottom:1px solid var(--list-border)}#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]){border:none;background-color:transparent;display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;width:100%;height:64px;text-align:left;padding-inline:var(--size-5);gap:var(--size-5);color:var(--fg-primary)}#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]) .icon{display:grid;place-content:center;color:var(--primary)}#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]) .caret-icon{transition:rotate .4s var(--easeOutCirc)}#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]) .arrow,#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]) .value{color:var(--fg-accent)}#settings .actions-list>li button:where([data-button=page],[data-button=modal],[data-button=select],[data-button=prompt],[data-button=toggle]) currency-value{color:var(--fg-accent)}#settings .actions-list>li button:where([data-button=toggle]){grid-template-columns:24px 1fr auto}}@layer components{.custom-form[data-loading] .expense-card,.custom-form[data-loading] .form-card,.custom-form[data-loading] .input-loading,.custom-form[data-loading] .input-container,.custom-form[data-loading] .radio-loading li,.custom-form[data-loading] category-icon{position:relative;overflow:hidden}.custom-form[data-loading] .expense-card:before,.custom-form[data-loading] .form-card:before,.custom-form[data-loading] .input-loading:before,.custom-form[data-loading] .input-container:before,.custom-form[data-loading] .radio-loading li:before,.custom-form[data-loading] category-icon:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-loading) 30%,var(--bg-wave) 50%,var(--bg-loading) 70%);background-size:200% 100%;animation:shimmer 1s infinite linear}.custom-form[data-loading] .input-container,.custom-form[data-loading] .input-loading,.custom-form[data-loading] .radio-loading li,.custom-form[data-loading] category-icon{z-index:2}.custom-form[data-loading] .input-container:before,.custom-form[data-loading] .input-loading:before,.custom-form[data-loading] .radio-loading li:before,.custom-form[data-loading] category-icon:before{--bg-wave: light-dark(var(--gray-5), var(--gray-4));--bg-loading: light-dark(var(--gray-6), var(--gray-5));border-radius:var(--radius-3)}.custom-form .form-error{font-size:var(--text-sm);color:var(--color-red)}.custom-form .form-card{width:100%;border-radius:var(--radius-4);background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);margin-block:var(--size-5)}.custom-form .custom-group{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--size-5) var(--size-4);gap:var(--size-3)}.custom-form .custom-group .input-loading{width:100%}.custom-form .custom-group .input-loading input{width:100%;height:var(--size-9);text-align:center;font-size:var(--text-xl);font-weight:700;border-radius:var(--radius-3)}.custom-form .input-group{width:100%;padding:var(--size-4)}.custom-form .input-group.pb-0{padding-bottom:0}.custom-form .input-group .date-input{width:100%;padding-block-end:var(--size-3);border-bottom:1px solid var(--list-border)}.custom-form .input-group .text-input{padding-block-start:var(--size-4)}.custom-form .input-group .text-input textarea,.custom-form .input-group .text-input text-area{width:100%;min-height:128px;padding:var(--size-1);font-size:var(--text-base);background-color:transparent;border-radius:var(--radius-2);resize:none}.custom-form .radio-group{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));padding:var(--size-4) var(--size-3);gap:var(--size-3)}.custom-form .radio-group:has(.emptyData){grid-template-columns:1fr}.custom-form .radio-group:has(.emptyData) :where(li,dynamic-item){border-radius:var(--radius-4)}.custom-form .radio-group :where(li,dynamic-item){width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;border-radius:50%}.custom-form .radio-group :where(li,dynamic-item) label{width:100%;aspect-ratio:1 / 1;border-radius:50%;display:grid;place-content:center;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:.3s ease}.custom-form .radio-group :where(li,dynamic-item) label[data-icon]{border:2px solid var(--bg-accent)}.custom-form .radio-group :where(li,dynamic-item) label[data-color]{border:2px solid var(--bg-glass)}.custom-form .radio-group :where(li,dynamic-item) label:has(input:checked){outline-color:var(--secondary);outline-offset:2px}.custom-form .radio-group :where(li,dynamic-item) label[data-icon]{background-color:var(--bg-form);color:var(--fg-primary)}.custom-form .radio-group :where(li,dynamic-item) label[data-icon] svg{width:22px;height:22px}.custom-form button[data-button=delete]{margin-inline:auto;margin-block:var(--size-3);background-color:color-mix(in srgb,var(--color-red) 20%,transparent);color:var(--color-red);border:1px solid color-mix(in srgb,var(--color-red) 20%,transparent);display:none}.custom-form button[data-button=delete] svg-icon{color:var(--color-red)}.custom-form button[data-button=delete][data-show]{display:flex}.custom-form :where(number-input){grid-column:input;grid-row:input;display:block;width:100%;background-color:var(--solid-bg);border-radius:var(--radius-3)}.custom-form :where(text-input){width:100%;background-color:var(--solid-bg);border-radius:var(--radius-3)}}@layer components{.page-header{grid-area:header / edge;display:grid;grid-template-columns:.5fr 1fr .5fr;align-items:center;padding-inline:4vw;padding-top:max(env(safe-area-inset-top),var(--size-2));position:sticky;top:0;z-index:5;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(30px) brightness(1);backdrop-filter:blur(30px) brightness(1)}@media (display-mode: fullscreen),(display-mode: standalone){.page-header{padding-bottom:var(--size-2)}}.page-header h2{font-size:var(--text-lg);text-align:center;color:var(--fg-primary)}.page-header button{padding:0;border:none;background-color:transparent;color:var(--fg-primary);width:44px;aspect-ratio:1;background-color:var(--bg-card);border-radius:50%;display:grid;place-content:center}.page-header button.button-close{padding-inline-start:var(--space-0)}.page-header button.button-close{justify-self:start}.page-header button.button-close>svg{translate:-1px 0}.page-header button.button-action{justify-self:end;color:var(--primary)}.page-header button.button-action.hide{opacity:0;pointer-events:none}[data-android] .page-header{background-color:var(--bg)}[data-android] .page-header button[data-button=close],[data-android] .page-header button.button-action{background-color:var(--solid-bg)}footer{grid-area:sticky / body;position:sticky;bottom:0;pointer-events:none;display:flex;justify-content:flex-end;align-items:flex-start;padding-block-start:var(--size-2);padding-inline:var(--size-4)}}@layer components{.modal-header{padding-block:22px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-inline:16px;position:sticky;top:0;z-index:5;background-color:var(--bg-glass);-webkit-backdrop-filter:blur(30px) brightness(1);backdrop-filter:blur(30px) brightness(1)}.modal-header:empty{height:20px}.modal-header:before{content:"";display:block;width:4rem;height:5px;border-radius:5px;background-color:var(--fg-primary);position:absolute;top:10px;left:50%;translate:-50% 0}.modal-header h2{font-size:var(--text-lg);text-align:center;color:var(--fg-primary);height:40px;line-height:40px}.modal-header button{padding:0;border:none;background-color:transparent;color:var(--fg-primary);width:44px;aspect-ratio:1;background-color:var(--bg-card);border-radius:50%;display:grid;place-content:center}.modal-header button.button-close{padding-inline-start:var(--space-0)}.modal-header button.button-close{justify-self:start}.modal-header button.button-close>svg{translate:-1px 0}.modal-header button.button-action{justify-self:end;color:var(--primary)}.modal-header button.button-action.hide{opacity:0;pointer-events:none}.modal-header button.button-action:disabled{color:var(--fg-accent)}[data-half] .modal-header{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@layer components{.color-list{margin:var(--size-5) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-2)}@media (display-mode: fullscreen),(display-mode: standalone){.color-list{padding-block-end:var(--size-20)}}.color-list dynamic-item{background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);border-radius:var(--radius-6);display:grid;grid-template-columns:56px 1fr;align-items:center;padding:var(--size-2);gap:var(--size-5)}.color-list dynamic-item .color{aspect-ratio:1;border-radius:50%;border:2px solid var(--bg-glass)}}@layer components{.icon-list{margin:var(--size-5) 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--size-2)}.icon-list dynamic-item{background-color:var(--bg-card);color:var(--fg-color);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);display:flex;justify-content:flex-start;align-items:center;gap:var(--size-2);padding:var(--size-2);border-radius:var(--radius-6)}.icon-list dynamic-item .icon{flex-shrink:0;width:52px;aspect-ratio:1;background-color:var(--solid-bg);color:var(--primary);border-radius:50%;display:grid;place-content:center}.icon-list dynamic-item .icon>svg{width:22px;height:22px}.icon-list dynamic-item .name{font-size:var(--text-sm);text-transform:capitalize}}@layer components{#categoriesPage .button-action[data-sort=false]{color:var(--fg-accent)}#categoriesPage .category-list{margin:var(--size-5) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-2)}#categoriesPage .category-list .emptyData{height:60vh}#categoriesPage .category-list button[data-button]{inline-size:100%;border:none;text-align:left;background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);border-radius:var(--radius-6);display:grid;grid-template-columns:52px 1fr auto;align-items:center;padding:var(--size-2);padding-inline-end:var(--size-3);gap:var(--size-5);color:var(--fg-primary);transition:all .3s ease}#categoriesPage .category-list button[data-button] .sort-menu{display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-1)}#categoriesPage .category-list button[data-button] .sort-menu:before,#categoriesPage .category-list button[data-button] .sort-menu:after{content:"";width:24px;height:2px;border-radius:2px;background-color:var(--fg-accent)}#categoriesPage .category-list button[data-button] category-icon{transition:all .3s ease}#categoriesPage .category-list[sortable]{gap:var(--size-1)}#categoriesPage .category-list[sortable] button[data-button]{pointer-events:none;padding-block:var(--size-1);border-radius:var(--radius-2)}#categoriesPage .category-list[sortable] button[data-button] .open-arrow{display:none}#categoriesPage .category-list[sortable] button[data-button] .sort-menu{display:flex}#categoriesPage .category-list[sortable] button[data-button] category-icon{width:42px!important;--size: 18px!important}#categoriesPage .sticky-container{overflow:hidden;transform:translateZ(0)}#categoriesPage .sticky-container button[data-button]{pointer-events:auto;width:64px;aspect-ratio:1;border-radius:50%;background-color:var(--primary);border:2px solid var(--bg-glass);color:var(--solid-bg);display:grid;place-content:center;translate:0 0;transition:translate .5s ease}#categoriesPage .sticky-container button[data-button]:disabled{translate:0 300px}}@layer components{expense-form.custom-form .expense-card,filter-form.custom-form .expense-card{display:block;width:100%;border-radius:var(--radius-4);margin-block:var(--size-5);overflow:hidden;border:1px solid var(--card-border)}expense-form.custom-form .expense-group,filter-form.custom-form .expense-group{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--size-4);gap:0;transition:background-color var(--ease-time-xs) ease}expense-form.custom-form .expense-group :where(category-icon),filter-form.custom-form .expense-group :where(category-icon){border:3px solid var(--solid-bg)}expense-form.custom-form .expense-group .category-name-lg,filter-form.custom-form .expense-group .category-name-lg{margin-block:var(--size-1) var(--size-3);min-height:var(--size-6);color:var(--solid-bg);font-size:var(--text-lg);font-weight:700}expense-form.custom-form .expense-group .input-container,filter-form.custom-form .expense-group .input-container{width:100%;display:grid;grid-template-columns:[input-start] 1fr [money-start] 64px [input-end money-end];grid-template-rows:[input-start] 64px [input-end]}expense-form.custom-form .expense-group .input-container input,filter-form.custom-form .expense-group .input-container input{grid-column:input;grid-row:input;width:100%;height:64px;text-align:center;font-size:var(--text-2xl);font-weight:700;background-color:var(--solid-bg);color:var(--fg-primary);line-height:1;padding-bottom:5px;border-radius:var(--radius-3)}expense-form.custom-form .expense-group .input-container input::placeholder,filter-form.custom-form .expense-group .input-container input::placeholder{color:var(--fg-primary);opacity:.4}expense-form.custom-form .expense-group .input-container .money-sign,filter-form.custom-form .expense-group .input-container .money-sign{grid-column:money;grid-row:input;display:flex;justify-content:center;align-items:center;font-size:var(--text-2xl);font-weight:700;color:var(--fg-primary);opacity:.4;pointer-events:none}expense-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=MMK],expense-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=THB],expense-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=SGD],filter-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=MMK],filter-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=THB],filter-form.custom-form .expense-group .input-container .money-sign[data-currency-sign=SGD]{font-size:var(--text-md)}expense-form.custom-form .expense-group .input-container .money-sign:before,filter-form.custom-form .expense-group .input-container .money-sign:before{content:attr(data-currency-sign)}expense-form.custom-form .radio-group,filter-form.custom-form .radio-group{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}expense-form.custom-form .radio-group :where(li,.radio-item),filter-form.custom-form .radio-group :where(li,.radio-item){width:100%;aspect-ratio:initial;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-1)}expense-form.custom-form .radio-group :where(li,.radio-item) .category-label,filter-form.custom-form .radio-group :where(li,.radio-item) .category-label{width:56px;height:56px;border-radius:50%;aspect-ratio:1 / 1;display:grid;place-content:center;color:var(--bg-card);border:2px solid var(--bg-glass);padding:0}expense-form.custom-form .radio-group :where(li,.radio-item) .category-name,filter-form.custom-form .radio-group :where(li,.radio-item) .category-name{max-width:100%;font-size:var(--text-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}expense-form.custom-form .date-input date-display,filter-form.custom-form .date-input date-display{flex:1}expense-form.custom-form .date-input button[data-button=quick],filter-form.custom-form .date-input button[data-button=quick]{background-color:transparent;color:var(--fg-primary);border:2px dotted var(--fg-accent);border-radius:var(--size-3)}expense-form.custom-form .date-input button[data-button=quick][data-hide],filter-form.custom-form .date-input button[data-button=quick][data-hide]{display:none}}@layer components{expense-group :where(current-total){background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);border-radius:var(--radius-4);margin-block:var(--size-5);padding:var(--size-2) var(--size-5);min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}expense-group :where(current-total) :where(currency-display){font-size:var(--text-4xl);text-align:center;color:light-dark(var(--fg-primary),var(--primary))}expense-group :where(expense-list){margin:var(--size-5) 0;padding:0;list-style:none;display:flex;flex-direction:column;border-radius:var(--radius-4);background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border)}expense-group :where(expense-list):has(inline-loading){background-color:transparent}expense-group :where(expense-list):has(inline-loading) li{display:none}expense-group :where(expense-list):has(inline-loading) .emptyData{display:none}expense-group :where(expense-list) .emptyData{padding-block:var(--size-4)}expense-group :where(expense-list) inline-loading{border-radius:var(--radius-4);background:linear-gradient(100deg,var(--bg-loading) 30%,var(--bg-wave) 50%,var(--bg-loading) 70%);background-size:200% 100%;animation:shimmer 1s infinite linear}expense-group :where(expense-list) li:not(:last-of-type){border-bottom:1px solid var(--list-border)}expense-group :where(expense-list) li button[data-button]{width:100%;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--size-4);background-color:transparent;padding:var(--size-2);text-align:left;border:none}expense-group :where(expense-list) li button[data-button] .name{color:var(--fg-primary)}expense-group :where(expense-list) li button[data-button] .name .date{display:block;font-size:var(--text-xs);color:var(--fg-accent)}expense-group :where(expense-list) li button[data-button] .amount{padding-inline-end:var(--size-3);color:var(--fg-accent);font-size:var(--text-md)}expense-group :where(expense-filter){position:sticky;z-index:5;top:max(env(safe-area-inset-top),var(--size-1));background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border-radius:var(--radius-5);border:1px solid var(--card-border);padding:var(--size-2);display:flex;justify-content:space-between;align-items:center;gap:var(--size-4)}expense-group :where(expense-filter) .actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--size-2)}expense-group :where(expense-filter) .actions button{color:var(--primary)}expense-group :where(expense-filter) .actions button[data-modal-id=expenseFilter]{position:relative}expense-group :where(expense-filter) .actions button[data-modal-id=expenseFilter] .badge{position:absolute;top:-15%;right:-15%;font-size:var(--text-sm);padding:2px 5px;line-height:1;border-radius:var(--radius-2);background-color:var(--secondary);color:var(--bg-card)}expense-group :where(expense-filter) .actions button[data-modal-id=expenseFilter] .badge[data-badge="0"]{display:none}expense-group :where(expense-filter) .actions button[data-modal-id=expenseFilter] .badge:after{content:attr(data-badge)}expense-group :where(expense-pagination){display:flex;justify-content:space-between;align-items:center;padding-inline:var(--size-4)}expense-group :where(expense-pagination) button[data-icon-button]{width:60px;background-color:var(--bg-card);border:2px solid var(--bg-card)}expense-group :where(expense-pagination) button[data-icon-button] svg-icon{color:var(--fg-primary)}expense-group :where(expense-pagination) button[data-icon-button]:disabled{pointer-events:none;background-color:var(--bg-primary)}expense-group :where(expense-pagination) button[data-icon-button]:disabled svg-icon{color:var(--fg-accent)}expense-group :where(expense-pagination) .page{color:var(--fg-accent);font-size:var(--text-xl);opacity:.5}}@layer components{#expenseFilter :where(footer){display:flex;justify-content:center;align-items:center}#expenseFilter :where(footer) :where(*){pointer-events:auto}#expenseFilter :where(footer) button[data-button=action]{margin-block:var(--size-3);gap:.75rem}#expenseFilter .input-group{padding-block-start:var(--size-3);padding-inline:1rem}#expenseFilter .radio-group{padding:.5rem}#expenseFilter button[data-button]{background-color:var(--solid-bg)}#expenseFilter button[data-button][data-button=quick]{background-color:transparent}}@layer components{#overviewPage :where(overview-yearly,overview-monthly)[data-loading] :where(.overview-card,overview-list){position:relative;overflow:hidden}#overviewPage :where(overview-yearly,overview-monthly)[data-loading] :where(.overview-card,overview-list):before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-loading) 30%,var(--bg-wave) 50%,var(--bg-loading) 70%);background-size:200% 100%;animation:shimmer 1s infinite linear}#overviewPage :where(overview-yearly,overview-monthly)[data-loading] :where(.overview-card,overview-list) :where(doughnut-chart){position:relative}#overviewPage :where(overview-yearly,overview-monthly)[data-loading] :where(.overview-card,overview-list) :where(doughnut-chart):before{content:"";display:block;position:absolute;top:0;left:0;width:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(100deg,var(--bg-loading) 30%,var(--bg-wave) 50%,var(--bg-loading) 70%);background-size:200% 100%;animation:shimmer 1s infinite linear}#overviewPage .overview-card{width:100%;border-radius:var(--radius-4);background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);margin-block-start:var(--size-5);padding:var(--size-3) var(--size-4) var(--size-6);position:relative;display:block}#overviewPage .overview-card header{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:50px}#overviewPage .overview-card header h3{font-size:var(--text-lg);text-align:center}#overviewPage .overview-card .doughnut-container{--bg-doughnut: light-dark(rgb(255,255,255), var(--gray-4));--border-doughnut: light-dark(var(--gray-6), var(--gray-4));width:auto;height:13rem;display:flex;justify-content:center;align-items:center;position:relative;margin-block:var(--size-2)}#overviewPage .overview-card .doughnut-container .doughnut-center{position:absolute;width:8rem;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--bg-doughnut);border:1px solid var(--border-doughnut);display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--size-2);font-size:var(--text-lg);font-weight:700;pointer-events:none}#overviewPage .sticky-header{position:sticky;z-index:5;top:var(--space-2);background-color:var(--bg-card);border-radius:var(--rounded-2xl);border:1px solid var(--bg-accent);padding:var(--space-3);margin-inline:-.2rem;display:flex;justify-content:flex-start;align-items:center;gap:var(--space-3\.5)}#overviewList{list-style:none;margin-block:var(--size-5);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border-radius:var(--radius-4);overflow:hidden;background-color:var(--bg-card);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border:1px solid var(--card-border);padding:var(--size-7) var(--size-3);gap:var(--size-4)}#overviewList:has(.emptyData){grid-template-columns:1fr}#overviewList:has(.emptyData) .empty-container svg{color:var(--primary);max-width:160px}#overviewList li dynamic-item{display:flex;justify-content:flex-start;align-items:center;gap:var(--size-3)}#overviewList li dynamic-item .detail{line-height:1.4}#overviewList li dynamic-item .detail h4{margin:0;font-weight:400;font-size:var(--text-base)}#overviewList li dynamic-item .detail currency-display{color:var(--fg-accent);font-size:var(--text-sm)}#chartjs-custom-tooltip{position:absolute;pointer-events:none;background-color:var(--bg-tooltip);border-radius:var(--radius-4);padding:var(--size-1);box-shadow:0 2px 6px #0003;transition:all .3s ease;z-index:100;display:flex;justify-content:flex-start;align-items:center}#chartjs-custom-tooltip .amount{padding-inline:var(--size-2)}}@layer components{#actionSheet .sheet-body{width:100%;background-color:var(--bg-picker);-webkit-backdrop-filter:var(--card-filter);backdrop-filter:var(--card-filter);border-radius:1.5rem;border:1px solid var(--card-border)}#actionSheet .sheet-body.sheet--cancel{background-color:var(--bg-card)}#actionSheet .sheet-body>header{padding:var(--size-2) var(--size-4);border-bottom:1px solid var(--bg-accent);text-align:center;font-size:var(--text-sm);color:var(--fg-accent)}#actionSheet .sheet-body :where(dynamic-list){list-style:none}#actionSheet .sheet-body :where(dynamic-list) li:not(:last-of-type){border-bottom:1px solid var(--bg-accent)}#actionSheet .sheet-body button{width:100%;height:58px;background-color:transparent;border:none;font-size:var(--text-md);color:var(--primary)}#actionSheet .sheet-body button:focus{outline:none}#actionSheet .sheet-body button[data-button=close]{color:var(--color-red)}}@layer components{app-toast .toast{--default: light-dark(var(--fg-primary), var(--primary));--icon-color: var(--primary);color:var(--color, var(--default));padding:var(--size-1);display:flex;justify-content:flex-start;align-items:center;gap:var(--size-2)}app-toast .toast .icon{width:38px;aspect-ratio:1;border-radius:50%;background-color:light-dark(var(--gray-6),var(--gray-5));background-color:color-mix(in srgb,var(--icon-color) 10%,transparent);display:grid;place-content:center}app-toast .toast .icon svg-icon{color:var(--icon-color)}app-toast .toast span{display:block;padding-inline-end:var(--size-3);font-size:var(--text-sm);font-weight:500;text-align:center;line-height:1.2}app-toast .toast.check-circle{--icon-color: var(--color-green);--color: var(--fg-primary)}app-toast .toast.toast--error{--icon-color: var(--color-red);--color: var(--color-red)}}@layer components{#aboutExpense article{padding:var(--size-5) var(--size-2)}#aboutExpense article h2{font-size:var(--text-xl);text-align:center;color:var(--fg-primary);margin-block-start:var(--size-5)}#aboutExpense article h2.margin-top{margin-top:var(--size-8)}#aboutExpense article p{margin:var(--size-3) 0;font-size:var(--text-base);color:var(--fg-primary);text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}#aboutExpense article p.initial-letter:first-letter{-webkit-initial-letter:2;initial-letter:2;color:var(--secondary);font-weight:700;margin-right:.5em}#aboutExpense article p a{color:var(--primary);text-decoration:none}#aboutExpense article p em{font-style:normal;text-decoration:underline;text-decoration-color:var(--secondary)}#aboutExpense article .app{width:60px;aspect-ratio:1;background-color:light-dark(var(--white),var(--black));border-radius:50%;margin:var(--size-5) auto;display:flex;justify-content:center;align-items:center}#aboutExpense article .app img{display:block;width:85%}#aboutExpense article .card{background-color:light-dark(var(--white),var(--black));border-radius:var(--radius-3);padding:var(--size-3);margin-block:var(--size-5);display:grid;grid-template-columns:54px 1fr auto;gap:var(--size-5);align-items:center;text-decoration:none;color:var(--fg-primary)}#aboutExpense article .card .profile-image{aspect-ratio:1;border-radius:var(--radius-blob-4);overflow:hidden}#aboutExpense article .card .profile-image img{display:flex;object-fit:cover;width:100%;height:100%}#aboutExpense article .card .detail .name{font-size:var(--text-base);color:var(--fg-primary)}#aboutExpense article .card .detail .title{font-size:var(--text-sm);color:var(--fg-accent)}#aboutExpense article .card svg-icon{color:var(--fg-accent);translate:-.75rem 0}#aboutExpense article ul{padding:0;list-style:none;margin-block:var(--size-5)}#aboutExpense article ul li{margin-bottom:var(--size-2);display:grid;grid-template-columns:auto 1fr;gap:var(--size-3)}#aboutExpense article ul li:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--fg-accent);translate:0 .5rem}#aboutExpense article .more-links{display:flex;justify-content:center;align-items:center;gap:var(--size-6);margin-block:var(--size-5)}#aboutExpense article .more-links a{color:var(--fg-accent)}#aboutExpense article .more-links a:hover{color:var(--primary)}}@layer components{#loginModal .login-page{padding-block:var(--size-7) var(--size-6);padding-inline:var(--size-2)}#loginModal .login-page h2{font-size:var(--text-xl);text-align:center;color:var(--fg-primary);color:var(--primary);margin-block:var(--size-3)}#loginModal .login-page .intro{color:var(--fg-primary);margin-block-start:var(--size-4);text-align:center;text-wrap:pretty}@media (min-width: 30rem){#loginModal .login-page .intro{padding-inline:20px}}#loginModal .login-page .card{padding-block:var(--size-5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-3)}#loginModal .login-page .card.card--large{padding-block:var(--size-7)}#loginModal .login-page .card .message{margin-block-start:var(--size-2);font-size:var(--text-sm);color:var(--fg-accent);text-align:center;text-wrap:pretty}@media (min-width: 30rem){#loginModal .login-page .card .message{padding-inline:20px}}#loginModal .login-page .card .message em{font-style:normal;text-decoration:underline;text-decoration-color:var(--secondary)}#loginModal .login-page .card button:where([data-button=login-anonymous],[data-button=modal]){color:var(--fg-primary);border:none;background:none;text-decoration:underline;text-decoration-color:var(--fg-accent);text-decoration-thickness:2px}#loginModal .login-page .card button[data-button=login-github] svg-icon{color:var(--solid-fg)}#loginModal .login-page .diviter{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;color:var(--fg-accent);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--size-3)}#loginModal .login-page .diviter:before,#loginModal .login-page .diviter:after{content:"";display:block;border-top:2px solid var(--bg-accent)}}@layer components{#installPrompt{padding:0;border-radius:var(--radius-4);border:none;position:fixed;z-index:1000;inset:auto;margin:0;bottom:4vw;left:50%;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);font-family:var(--font-family);border:1px solid var(--glass-border);width:92vw;max-width:30rem}@media (display-mode: fullscreen),(display-mode: standalone){#installPrompt{bottom:max(env(safe-area-inset-bottom,0px),4vw)}}#installPrompt header{display:flex;justify-content:flex-start;align-items:center;padding:var(--size-4) var(--size-4) var(--size-2);gap:var(--size-4);border-bottom:1px solid var(--list-border)}#installPrompt header .app{width:40px;aspect-ratio:1;background-color:var(--solid-bg);border-radius:.75rem;box-shadow:var(--shadow-1);display:flex;justify-content:center;align-items:center}#installPrompt header .app img{display:block;width:85%}#installPrompt section{padding:var(--size-4)}#installPrompt section p{line-height:1.2}#installPrompt section ol{padding-inline-start:20px;margin-block:var(--size-2)}#installPrompt section ol li{margin-bottom:var(--size-1)}#installPrompt section ol li svg-icon{translate:0 4px;color:var(--primary)}#installPrompt section ol li svg-icon[name=more]{color:var(--fg-primary)}#installPrompt section ol li span{display:inline-block;padding:.25rem .5rem;background-color:var(--solid-bg);border-radius:.5rem}#installPrompt section button[data-button=install]{margin-block-start:var(--size-4);background-color:var(--solid-bg)}#installPrompt button[data-button=prompt-close]{position:absolute;bottom:var(--size-2);right:var(--size-2);background-color:var(--solid-bg)}}@layer components{theme-select custom-option{display:flex;justify-content:flex-start;align-items:center;gap:var(--size-5);height:54px;padding-inline:var(--size-1)}theme-select custom-option .theme-icon{width:40px;height:40px;background-color:var(--solid-bg);border-radius:50%;display:grid;place-content:center;color:var(--fg-color)}theme-select custom-option[selected]{background-color:transparent}theme-select custom-option[selected] .theme-icon{background-color:var(--primary);color:var(--solid-bg)}theme-select custom-selected{color:var(--fg-accent)}theme-select custom-selected .theme-icon{display:none}theme-select custom-selected span:last-child{display:none}}@layer components{currency-select custom-option{display:grid;grid-template-columns:40px 1fr 28px;grid-template-rows:54px;align-items:center;border-radius:var(--radius-2);outline:2px solid transparent;outline-offset:-2px;transition:.3s ease;padding-inline:var(--size-2);gap:var(--size-6)}currency-select custom-option .flag{width:40px;height:26px;border:2px solid var(--secondary);border-radius:50%;border-radius:var(--radius-drawn-1);overflow:hidden;box-shadow:0 0 10px var(--secondary)}currency-select custom-option .flag>img{width:100%;height:100%;display:block;object-fit:cover}currency-select custom-option .custom-radio{color:var(--primary);scale:0}currency-select custom-option .value{display:none}currency-select custom-option[selected]{background-color:transparent}currency-select custom-option[selected] .custom-radio{scale:1;transition:scale .3s ease}currency-select custom-option:nth-of-type(1) .flag{border-radius:var(--radius-drawn-5)}currency-select custom-option:nth-of-type(2) .flag{border-radius:var(--radius-drawn-1)}currency-select custom-option:nth-of-type(2) .flag{border-radius:var(--radius-drawn-2)}currency-select custom-option:nth-of-type(4) .flag{border-radius:var(--radius-drawn-3)}currency-select custom-option:nth-of-type(5) .flag{border-radius:var(--radius-drawn-4)}currency-select custom-selected{color:var(--fg-accent)}currency-select custom-selected *:not(.value){display:none}#currencySelect{padding:0;border-radius:var(--radius-4);border:none;position:fixed;z-index:1000;inset:auto;margin:0;bottom:4vw;left:50%;background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);font-family:var(--font-family);border:1px solid var(--glass-border);width:92vw;max-width:30rem}@media (display-mode: fullscreen),(display-mode: standalone){#currencySelect{bottom:max(env(safe-area-inset-bottom,0px),4vw)}}#currencySelect section{padding:var(--size-4) var(--size-3);margin:0;border:none}#currencySelect section .currency-list{width:100%;max-width:clamp(0rem,100%,28rem);margin:0 auto;padding:0;list-style:none;padding-block:var(--size-3);display:flex;flex-direction:column}#currencySelect section .currency-list label{display:grid;grid-template-columns:34px 1fr 28px;grid-template-rows:48px;align-items:center;border-radius:var(--radius-2);outline:2px solid transparent;outline-offset:-2px;transition:.3s ease;padding-inline:var(--size-3);gap:var(--size-6)}#currencySelect section .currency-list label .flag{width:34px;height:24px;border:2px solid var(--secondary);border-radius:50%;border-radius:var(--radius-drawn-1);overflow:hidden;box-shadow:0 0 10px var(--secondary)}#currencySelect section .currency-list label .flag>img{width:100%;height:100%;display:block;object-fit:cover}#currencySelect section .currency-list label input[type=radio]:checked~.custom-radio{scale:1;transition:scale .3s ease}#currencySelect section .currency-list label .custom-radio{color:var(--primary);scale:0}#currencySelect section .currency-list li:nth-child(1) .flag{border-radius:var(--radius-drawn-5)}#currencySelect section .currency-list li:nth-child(2) .flag{border-radius:var(--radius-drawn-1)}#currencySelect section .currency-list li:nth-child(2) .flag{border-radius:var(--radius-drawn-2)}#currencySelect section .currency-list li:nth-child(4) .flag{border-radius:var(--radius-drawn-3)}#currencySelect section .currency-list li:nth-child(5) .flag{border-radius:var(--radius-drawn-4)}#currencySelect button[data-button=prompt-close]{position:absolute;bottom:var(--size-2);right:var(--size-2);background-color:var(--solid-bg)}}@layer components{#virtualKeyboard{--bottom: max(env(safe-area-inset-bottom, 0px), var(--size-2));position:fixed;padding:var(--size-2) 0;width:100%;max-width:40rem;margin:auto auto 0;left:0;bottom:0;isolation:isolate;overflow:hidden;border:none;outline:none;background-color:color-mix(in srgb,var(--gray-5) 70%,transparent);-webkit-backdrop-filter:blur(20px) brightness(.9);backdrop-filter:blur(20px) brightness(.9);border:1px solid var(--glass-border);border-radius:2rem;transform:translateZ(9);will-change:transform;transform:translateY(100%)}#virtualKeyboard::backdrop{background-color:transparent}#virtualKeyboard:popover-open{display:block;transform:translateY(0)}#virtualKeyboard footer{position:relative;padding:0 var(--size-3) var(--size-2)}#virtualKeyboard footer button{pointer-events:auto;color:var(--primary)}}@layer components{biometrics-auth::part(dialog){box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;border:none;background-color:color-mix(in srgb,light-dark(var(--white),var(--black)) var(--mix-transparent, 50%),transparent);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);contain:content;flex-direction:column;justify-content:center;align-items:center;padding:var(--size-3);gap:var(--size-3)}biometrics-auth::part(dialog opened){display:flex}biometrics-auth .message{font-weight:600;font-size:var(--text-lg);color:var(--fg-primary)}biometrics-auth button[data-button=reauth]{width:80px;height:80px;text-align:center;background-color:transparent;border-radius:var(--radius-3);text-transform:uppercase;color:var(--fg-accent);font-weight:600;border:3px dashed var(--fg-accent)}}@layer components{custom-toggle{width:50px;height:32px;background-color:var(--bg-primary);border-radius:32px;display:flex;justify-content:flex-start;align-items:center;padding:3px;transition:background-color .3s ease}custom-toggle[value=on]{background-color:var(--primary)}custom-toggle::part(toggle){width:26px;height:26px;background-color:light-dark(var(--white),var(--gray-3));border-radius:50%;transition:translate .3s ease}custom-toggle::part(on){translate:18px 0;background-color:light-dark(var(--white),var(--black))}}