.fr-screen{background:var(--tk-surface);flex-direction:column;min-height:100dvh;display:flex}.fr-bar{min-height:56px;padding:env(safe-area-inset-top) max(4px, env(safe-area-inset-right)) 0 env(safe-area-inset-left);flex:none;justify-content:space-between;align-items:center;display:flex}.fr-screen[data-layout=phone] .fr-brand{min-height:56px;padding:0 16px}.fr-main{padding:8px max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;flex:1;align-items:center;display:flex}.fr-card{width:100%;max-width:26rem}.fr-screen[data-kind=state] .fr-main{padding-bottom:max(12vh, env(safe-area-inset-bottom));justify-content:center}.fr-screen:not([data-layout=phone]){background:var(--tk-canvas)}.fr-screen:not([data-layout=phone]) .fr-bar{padding-right:12px}.fr-screen:not([data-layout=phone]) .fr-main{justify-content:center;padding:24px 32px 12vh}.fr-screen:not([data-layout=phone]) .fr-card{border:1px solid var(--tk-line);border-radius:var(--mantine-radius-md);background:var(--tk-surface);box-shadow:var(--tk-shadow-composer);padding:32px}.fr-state{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.fr-state .tk-empty-icon{margin-bottom:12px}.fr-state-title{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:20px;font-weight:700;line-height:1.3}.fr-state-text{max-width:22rem;font-size:var(--mantine-font-size-sm);color:var(--mantine-color-dimmed);text-wrap:pretty;margin:0;line-height:1.5}.fr-state-actions{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.fr-state-error{max-width:22rem;font-size:var(--mantine-font-size-sm);color:var(--tk-overdue);margin:0;line-height:1.5}.fr-notice{--fr-notice-bg:var(--mantine-color-blue-0);--fr-notice-line:var(--mantine-color-blue-1);--fr-notice-icon-bg:var(--mantine-color-blue-1);--fr-notice-icon:var(--tk-accent);margin:8px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));border:1px solid var(--fr-notice-line);border-radius:var(--mantine-radius-md);background:var(--fr-notice-bg);flex-wrap:wrap;flex:none;align-items:flex-start;gap:10px 12px;padding:12px;display:flex;container:fr-notice/inline-size}.fr-notice[data-tone=warning]{--fr-notice-bg:var(--mantine-color-yellow-0);--fr-notice-line:var(--mantine-color-yellow-2);--fr-notice-icon-bg:var(--mantine-color-yellow-1);--fr-notice-icon:var(--mantine-color-yellow-9)}:root[data-mantine-color-scheme=dark] .fr-notice{--fr-notice-bg:color-mix(in srgb, var(--mantine-color-blue-5) 10%, var(--tk-surface));--fr-notice-line:color-mix(in srgb, var(--mantine-color-blue-5) 22%, var(--tk-surface));--fr-notice-icon-bg:color-mix(in srgb, var(--mantine-color-blue-5) 22%, var(--tk-surface))}:root[data-mantine-color-scheme=dark] .fr-notice[data-tone=warning]{--fr-notice-bg:color-mix(in srgb, var(--mantine-color-yellow-5) 9%, var(--tk-surface));--fr-notice-line:color-mix(in srgb, var(--mantine-color-yellow-5) 22%, var(--tk-surface));--fr-notice-icon-bg:color-mix(in srgb, var(--mantine-color-yellow-5) 20%, var(--tk-surface));--fr-notice-icon:var(--mantine-color-yellow-4)}.fr-notice-icon{background:var(--fr-notice-icon-bg);width:32px;height:32px;color:var(--fr-notice-icon);border-radius:50%;flex:none;place-items:center;display:grid}.fr-notice-body{flex:12rem;min-width:0;padding-top:5px}.fr-notice-title{font-size:var(--mantine-font-size-sm);color:var(--mantine-color-text);margin:0;font-weight:650;line-height:1.4}.fr-notice-text{font-size:var(--mantine-font-size-sm);color:var(--mantine-color-dimmed);margin:2px 0 0;line-height:1.5}.fr-notice-text strong{color:var(--mantine-color-text);font-weight:600}.fr-notice-action{flex:none;align-self:center;margin-right:8px}@container fr-notice (width<=34rem){.fr-notice-action{flex-basis:calc(100% - 44px);margin-left:44px}}.fr-notice-close{flex:none;order:3;margin:-8px 0 -8px -8px}.tk-screen:not([data-layout=phone]) .fr-notice{margin:0 20px 8px}.tk-screen[data-layout=desktop] .fr-notice{margin-inline:max(20px, calc((100% - var(--tk-col)) / 2))}.st-screen:not([data-layout=phone]) .fr-notice{margin:0 32px 8px}.st-screen[data-layout=desktop] .fr-notice{margin-inline:max(32px, calc((100% - var(--st-col)) / 2))}.fr-screen .fr-notice{align-self:center;width:calc(100% - 16px);max-width:40rem;margin-inline:auto}