.app-mock{--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",system-ui,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono","Cascadia Code",Menlo,monospace;--stage-app:#2a2a30;--stage-line:rgba(255,255,255,0.1);--stage-hairline:rgba(255,255,255,0.07);--stage-blob:rgba(255,255,255,0.1);--stage-ink:#e9e9ec;--stage-ink-2:rgba(233,233,236,0.62);--stage-ghost:rgba(233,233,236,0.38);--stage-select:rgba(120,160,255,0.3);--stage-app-shadow:0 18px 44px rgba(0,0,0,0.5);--stage-desk:#141417;--keycap-face:#2f2f36;--keycap-line:#4b515e;--keycap-ink:#c7cdd9;--keycap-edge:#1d1d22;--keycap-drop:rgba(0,0,0,0.55);--keycap-plus:#7b8394;--cursor-ring:rgba(255,255,255,0.9);color-scheme:dark;--canvas:#1b1a19;--card:#21201f;--popover:#353432;--tint:rgba(255,255,255,0.045);--tint-2:rgba(255,255,255,0.08);--tint-3:rgba(255,255,255,0.17);--hover:rgba(255,255,255,0.06);--glass:rgba(27,26,25,0.8);--sidebar:rgba(0,0,0,0.18);--fg:#f5f5f6;--fg-2:rgba(245,245,246,0.62);--fg-3:rgba(245,245,246,0.38);--fg-4:rgba(245,245,246,0.24);--line:rgba(255,255,255,0.08);--line-2:rgba(255,255,255,0.14);--danger:#f87171;--danger-soft:rgba(248,113,113,0.14);--danger-line:rgba(248,113,113,0.4);--detect-soft:rgba(140,170,210,0.1);--detect-line:rgba(140,170,210,0.28);--detect-fg:#eef1f5;--success:#4ade80;--success-soft:rgba(74,222,128,0.14);--warning:#fbbf24;--warning-soft:rgba(251,191,36,0.12);--warning-line:rgba(251,191,36,0.4);--accent:#fafafb;--accent-fg:#18181b;--accent-soft:rgba(255,255,255,0.12);--chart-3:#e3e3e3;--shadow:0 32px 90px -20px rgba(0,0,0,0.75),0 12px 32px -12px rgba(0,0,0,0.6);--shadow-panel:0 8px 24px -6px rgba(0,0,0,0.5);--shadow-bevel:0 1px 0 rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.22)}.app-mock *,.app-mock :after,.app-mock :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-mock ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-mock .container{width:100%}@media (min-width:640px){.app-mock .container{max-width:640px}}@media (min-width:768px){.app-mock .container{max-width:768px}}@media (min-width:1024px){.app-mock .container{max-width:1024px}}@media (min-width:1280px){.app-mock .container{max-width:1280px}}@media (min-width:1536px){.app-mock .container{max-width:1536px}}.app-mock .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-mock .pointer-events-none{pointer-events:none}.app-mock .visible{visibility:visible}.app-mock .invisible{visibility:hidden}.app-mock .static{position:static}.app-mock .fixed{position:fixed}.app-mock .absolute{position:absolute}.app-mock .relative{position:relative}.app-mock .inset-0{inset:0}.app-mock .inset-x-0{left:0;right:0}.app-mock .inset-y-0{top:0;bottom:0}.app-mock .-bottom-0\.5{bottom:-.125rem}.app-mock .-right-0\.5{right:-.125rem}.app-mock .bottom-0{bottom:0}.app-mock .bottom-\[-3\.25px\]{bottom:-3.25px}.app-mock .bottom-\[18px\]{bottom:18px}.app-mock .left-0{left:0}.app-mock .left-1\/2{left:50%}.app-mock .right-0{right:0}.app-mock .right-3{right:.75rem}.app-mock .top-0{top:0}.app-mock .top-0\.5{top:.125rem}.app-mock .top-3{top:.75rem}.app-mock .top-\[-3\.25px\]{top:-3.25px}.app-mock .top-full{top:100%}.app-mock .isolate{isolation:isolate}.app-mock .-z-10{z-index:-10}.app-mock .z-10{z-index:10}.app-mock .z-40{z-index:40}.app-mock .z-50{z-index:50}.app-mock .col-start-1{grid-column-start:1}.app-mock .row-start-1{grid-row-start:1}.app-mock .m-0{margin:0}.app-mock .-mx-2\.5{margin-left:-.625rem;margin-right:-.625rem}.app-mock .-my-\[0\.3em\]{margin-top:-.3em;margin-bottom:-.3em}.app-mock .mx-1{margin-left:.25rem;margin-right:.25rem}.app-mock .mx-1\.5{margin-left:.375rem;margin-right:.375rem}.app-mock .mx-2{margin-left:.5rem;margin-right:.5rem}.app-mock .mx-\[2px\]{margin-left:2px;margin-right:2px}.app-mock .mx-auto{margin-left:auto;margin-right:auto}.app-mock .my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.app-mock .-ml-1\.5{margin-left:-.375rem}.app-mock .-mr-1{margin-right:-.25rem}.app-mock .-mt-1{margin-top:-.25rem}.app-mock .-mt-1\.5{margin-top:-.375rem}.app-mock .mb-2{margin-bottom:.5rem}.app-mock .mb-3{margin-bottom:.75rem}.app-mock .mb-4{margin-bottom:1rem}.app-mock .mb-5{margin-bottom:1.25rem}.app-mock .ml-2{margin-left:.5rem}.app-mock .ml-auto{margin-left:auto}.app-mock .mr-\[4px\]{margin-right:4px}.app-mock .mt-0\.5{margin-top:.125rem}.app-mock .mt-1{margin-top:.25rem}.app-mock .mt-1\.5{margin-top:.375rem}.app-mock .mt-2{margin-top:.5rem}.app-mock .mt-7{margin-top:1.75rem}.app-mock .\!block{display:block!important}.app-mock .block{display:block}.app-mock .inline-block{display:inline-block}.app-mock .inline{display:inline}.app-mock .flex{display:flex}.app-mock .inline-flex{display:inline-flex}.app-mock .\!table{display:table!important}.app-mock .table{display:table}.app-mock .grid{display:grid}.app-mock .contents{display:contents}.app-mock .\!hidden{display:none!important}.app-mock .hidden{display:none}.app-mock .h-1\.5{height:.375rem}.app-mock .h-10{height:2.5rem}.app-mock .h-14{height:3.5rem}.app-mock .h-2\.5{height:.625rem}.app-mock .h-3{height:.75rem}.app-mock .h-3\.5{height:.875rem}.app-mock .h-4{height:1rem}.app-mock .h-5{height:1.25rem}.app-mock .h-6{height:1.5rem}.app-mock .h-7{height:1.75rem}.app-mock .h-8{height:2rem}.app-mock .h-\[13px\]{height:13px}.app-mock .h-\[14px\]{height:14px}.app-mock .h-\[15px\]{height:15px}.app-mock .h-\[18px\]{height:18px}.app-mock .h-\[22px\]{height:22px}.app-mock .h-\[24px\]{height:24px}.app-mock .h-\[26px\]{height:26px}.app-mock .h-\[30px\]{height:30px}.app-mock .h-\[32px\]{height:32px}.app-mock .h-\[38px\]{height:38px}.app-mock .h-\[9px\]{height:9px}.app-mock .h-full{height:100%}.app-mock .h-px{height:1px}.app-mock .max-h-\[118px\]{max-height:118px}.app-mock .max-h-\[168px\]{max-height:168px}.app-mock .max-h-\[290px\]{max-height:290px}.app-mock .max-h-\[360px\]{max-height:360px}.app-mock .max-h-\[400px\]{max-height:400px}.app-mock .max-h-\[84px\]{max-height:84px}.app-mock .min-h-0{min-height:0}.app-mock .w-1\.5{width:.375rem}.app-mock .w-10{width:2.5rem}.app-mock .w-11{width:2.75rem}.app-mock .w-2\.5{width:.625rem}.app-mock .w-3{width:.75rem}.app-mock .w-3\.5{width:.875rem}.app-mock .w-4{width:1rem}.app-mock .w-5{width:1.25rem}.app-mock .w-6{width:1.5rem}.app-mock .w-7{width:1.75rem}.app-mock .w-8{width:2rem}.app-mock .w-80{width:20rem}.app-mock .w-\[13px\]{width:13px}.app-mock .w-\[15px\]{width:15px}.app-mock .w-\[18px\]{width:18px}.app-mock .w-\[200px\]{width:200px}.app-mock .w-\[22px\]{width:22px}.app-mock .w-\[240px\]{width:240px}.app-mock .w-\[26px\]{width:26px}.app-mock .w-\[30px\]{width:30px}.app-mock .w-\[38px\]{width:38px}.app-mock .w-\[420px\]{width:420px}.app-mock .w-\[76px\]{width:76px}.app-mock .w-\[96px\]{width:96px}.app-mock .w-\[9px\]{width:9px}.app-mock .w-full{width:100%}.app-mock .w-max{width:-moz-max-content;width:max-content}.app-mock .w-px{width:1px}.app-mock .min-w-0{min-width:0}.app-mock .min-w-5{min-width:1.25rem}.app-mock .min-w-80{min-width:20rem}.app-mock .min-w-\[148px\]{min-width:148px}.app-mock .min-w-\[22px\]{min-width:22px}.app-mock .max-w-\[140px\]{max-width:140px}.app-mock .max-w-\[240px\]{max-width:240px}.app-mock .max-w-\[260px\]{max-width:260px}.app-mock .max-w-\[320px\]{max-width:320px}.app-mock .max-w-\[360px\]{max-width:360px}.app-mock .max-w-\[440px\]{max-width:440px}.app-mock .max-w-\[46ch\]{max-width:46ch}.app-mock .max-w-\[60\%\]{max-width:60%}.app-mock .max-w-full{max-width:100%}.app-mock .flex-1{flex:1 1 0%}.app-mock .flex-none{flex:none}.app-mock .shrink-0{flex-shrink:0}.app-mock .-translate-x-1\/2{--tw-translate-x:-50%}.app-mock .-translate-x-1\/2,.app-mock .translate-y-\[2px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-mock .translate-y-\[2px\]{--tw-translate-y:2px}.app-mock .rotate-180{--tw-rotate:180deg}.app-mock .rotate-180,.app-mock .rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-mock .rotate-45{--tw-rotate:45deg}.app-mock .rotate-90{--tw-rotate:90deg}.app-mock .rotate-90,.app-mock .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes app-rec-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}.app-mock .animate-rec-pulse{animation:app-rec-pulse 1.8s ease-in-out infinite}@keyframes app-scrim-in{0%{opacity:0}}.app-mock .animate-scrim-in{animation:app-scrim-in .55s cubic-bezier(.22,1,.36,1)}@keyframes app-scrim-out{to{opacity:0}}.app-mock .animate-scrim-out{animation:app-scrim-out .2s ease-out forwards}@keyframes app-sheet-in{0%{transform:translateX(100%)}}.app-mock .animate-sheet-in{animation:app-sheet-in .55s cubic-bezier(.22,1,.36,1)}@keyframes app-sheet-out{to{transform:translateX(100%)}}.app-mock .animate-sheet-out{animation:app-sheet-out .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes app-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-mock .animate-shimmer{animation:app-shimmer 1.5s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}.app-mock .animate-spin{animation:app-spin 1s linear infinite}@keyframes app-word-in{0%{opacity:0;transform:translateY(.3em)}to{opacity:1;transform:none}}.app-mock .animate-word-in{animation:app-word-in .3s linear both}@keyframes app-word-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.25em)}}.app-mock .animate-word-out{animation:app-word-out .18s linear both}.app-mock .cursor-default{cursor:default}.app-mock .cursor-grab{cursor:grab}.app-mock .cursor-pointer{cursor:pointer}.app-mock .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-mock .resize-none{resize:none}.app-mock .resize-y{resize:vertical}.app-mock .resize{resize:both}.app-mock .grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.app-mock .flex-col{flex-direction:column}.app-mock .place-items-center{place-items:center}.app-mock .items-start{align-items:flex-start}.app-mock .items-end{align-items:flex-end}.app-mock .items-center{align-items:center}.app-mock .items-baseline{align-items:baseline}.app-mock .justify-end{justify-content:flex-end}.app-mock .justify-center{justify-content:center}.app-mock .justify-between{justify-content:space-between}.app-mock .gap-0\.5{gap:.125rem}.app-mock .gap-1{gap:.25rem}.app-mock .gap-1\.5{gap:.375rem}.app-mock .gap-2{gap:.5rem}.app-mock .gap-2\.5{gap:.625rem}.app-mock .gap-3{gap:.75rem}.app-mock .gap-4{gap:1rem}.app-mock .gap-5{gap:1.25rem}.app-mock .gap-\[5px\]{gap:5px}.app-mock .gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.app-mock .gap-y-0\.5{row-gap:.125rem}.app-mock :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.app-mock :is(.divide-line>:not([hidden])~:not([hidden])){border-color:var(--line)}.app-mock .self-start{align-self:flex-start}.app-mock .overflow-hidden{overflow:hidden}.app-mock .overflow-y-auto{overflow-y:auto}.app-mock .overscroll-contain{overscroll-behavior:contain}.app-mock .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mock .whitespace-normal{white-space:normal}.app-mock .whitespace-nowrap{white-space:nowrap}.app-mock .whitespace-pre-line{white-space:pre-line}.app-mock .whitespace-pre-wrap{white-space:pre-wrap}.app-mock .break-words{overflow-wrap:break-word}.app-mock .break-all{word-break:break-all}.app-mock .rounded{border-radius:.25rem}.app-mock .rounded-2xl{border-radius:1rem}.app-mock .rounded-\[2px\]{border-radius:2px}.app-mock .rounded-full{border-radius:9999px}.app-mock .rounded-lg{border-radius:10px}.app-mock .rounded-md{border-radius:8px}.app-mock .rounded-sm{border-radius:6px}.app-mock .rounded-xl{border-radius:.75rem}.app-mock .border{border-width:1px}.app-mock .border-0{border-width:0}.app-mock .border-2{border-width:2px}.app-mock .border-\[1\.5px\]{border-width:1.5px}.app-mock .border-b{border-bottom-width:1px}.app-mock .border-b-\[3px\]{border-bottom-width:3px}.app-mock .border-l{border-left-width:1px}.app-mock .border-r{border-right-width:1px}.app-mock .border-t{border-top-width:1px}.app-mock .border-solid{border-style:solid}.app-mock .border-accent{border-color:var(--accent)}.app-mock .border-current{border-color:currentColor}.app-mock .border-danger-line{border-color:var(--danger-line)}.app-mock .border-detect-line{border-color:var(--detect-line)}.app-mock .border-fg-4{border-color:var(--fg-4)}.app-mock .border-line{border-color:var(--line)}.app-mock .border-line-2{border-color:var(--line-2)}.app-mock .border-transparent{border-color:transparent}.app-mock .border-warning-line{border-color:var(--warning-line)}.app-mock .border-white\/30{border-color:rgb(255 255 255/.3)}.app-mock .border-t-fg{border-top-color:var(--fg)}.app-mock .border-t-transparent{border-top-color:transparent}.app-mock .bg-accent{background-color:var(--accent)}.app-mock .bg-black\/30{background-color:rgb(0 0 0/.3)}.app-mock .bg-black\/45{background-color:rgb(0 0 0/.45)}.app-mock .bg-canvas{background-color:var(--canvas)}.app-mock .bg-card{background-color:var(--card)}.app-mock .bg-danger{background-color:var(--danger)}.app-mock .bg-danger-soft{background-color:var(--danger-soft)}.app-mock .bg-detect-line{background-color:var(--detect-line)}.app-mock .bg-detect-soft{background-color:var(--detect-soft)}.app-mock .bg-fg{background-color:var(--fg)}.app-mock .bg-fg-3{background-color:var(--fg-3)}.app-mock .bg-hover{background-color:var(--hover)}.app-mock .bg-line{background-color:var(--line)}.app-mock .bg-line-2{background-color:var(--line-2)}.app-mock .bg-popover{background-color:var(--popover)}.app-mock .bg-success{background-color:var(--success)}.app-mock .bg-success-soft{background-color:var(--success-soft)}.app-mock .bg-tint{background-color:var(--tint)}.app-mock .bg-tint-2{background-color:var(--tint-2)}.app-mock .bg-tint-3{background-color:var(--tint-3)}.app-mock .bg-transparent{background-color:transparent}.app-mock .bg-warning{background-color:var(--warning)}.app-mock .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.app-mock .bg-white\/10{background-color:rgb(255 255 255/.1)}.app-mock .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.app-mock .from-fg-3{--tw-gradient-from:var(--fg-3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.app-mock .via-fg{--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--fg) var(--tw-gradient-via-position),var(--tw-gradient-to)}.app-mock .to-fg-3{--tw-gradient-to:var(--fg-3) var(--tw-gradient-to-position)}.app-mock .bg-\[length\:200\%_100\%\]{background-size:200% 100%}.app-mock .bg-clip-text{-webkit-background-clip:text;background-clip:text}.app-mock .p-0\.5{padding:.125rem}.app-mock .p-1{padding:.25rem}.app-mock .p-4{padding:1rem}.app-mock .p-\[3px\]{padding:3px}.app-mock .px-1{padding-left:.25rem;padding-right:.25rem}.app-mock .px-1\.5{padding-left:.375rem;padding-right:.375rem}.app-mock .px-2{padding-left:.5rem;padding-right:.5rem}.app-mock .px-2\.5{padding-left:.625rem;padding-right:.625rem}.app-mock .px-3{padding-left:.75rem;padding-right:.75rem}.app-mock .px-3\.5{padding-left:.875rem;padding-right:.875rem}.app-mock .px-4{padding-left:1rem;padding-right:1rem}.app-mock .px-5{padding-left:1.25rem;padding-right:1.25rem}.app-mock .px-6{padding-left:1.5rem;padding-right:1.5rem}.app-mock .px-\[14px\]{padding-left:14px;padding-right:14px}.app-mock .px-\[8px\]{padding-left:8px;padding-right:8px}.app-mock .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.app-mock .py-1{padding-top:.25rem;padding-bottom:.25rem}.app-mock .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.app-mock .py-2{padding-top:.5rem;padding-bottom:.5rem}.app-mock .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.app-mock .py-3{padding-top:.75rem;padding-bottom:.75rem}.app-mock .py-4{padding-top:1rem;padding-bottom:1rem}.app-mock .py-9{padding-top:2.25rem;padding-bottom:2.25rem}.app-mock .py-\[0\.3em\]{padding-top:.3em;padding-bottom:.3em}.app-mock .py-\[9px\]{padding-top:9px;padding-bottom:9px}.app-mock .pb-1{padding-bottom:.25rem}.app-mock .pb-2{padding-bottom:.5rem}.app-mock .pb-3{padding-bottom:.75rem}.app-mock .pl-1\.5{padding-left:.375rem}.app-mock .pl-2{padding-left:.5rem}.app-mock .pl-2\.5{padding-left:.625rem}.app-mock .pr-0\.5{padding-right:.125rem}.app-mock .pr-2{padding-right:.5rem}.app-mock .pr-3{padding-right:.75rem}.app-mock .pt-1\.5{padding-top:.375rem}.app-mock .pt-2\.5{padding-top:.625rem}.app-mock .pt-3{padding-top:.75rem}.app-mock .pt-4{padding-top:1rem}.app-mock .text-left{text-align:left}.app-mock .text-center{text-align:center}.app-mock .font-mono{font-family:var(--mono)}.app-mock .font-sans{font-family:var(--font)}.app-mock .text-\[11px\]{font-size:11px}.app-mock .text-\[12\.5px\]{font-size:12.5px}.app-mock .text-\[12px\]{font-size:12px}.app-mock .text-\[13px\]{font-size:13px}.app-mock .text-\[14px\]{font-size:14px}.app-mock .text-\[15px\]{font-size:15px}.app-mock .text-base{font-size:16px;line-height:1.4}.app-mock .text-lg{font-size:18px;line-height:1.25}.app-mock .text-sm{font-size:14px;line-height:1.5}.app-mock .text-xs{font-size:12px;line-height:1.4}.app-mock .font-\[450\]{font-weight:450}.app-mock .font-bold{font-weight:700}.app-mock .font-medium{font-weight:500}.app-mock .font-normal{font-weight:400}.app-mock .font-semibold{font-weight:600}.app-mock .uppercase{text-transform:uppercase}.app-mock .lowercase{text-transform:lowercase}.app-mock .leading-4{line-height:1rem}.app-mock .leading-5{line-height:1.25rem}.app-mock .leading-\[1\.55\]{line-height:1.55}.app-mock .leading-\[1\.5\]{line-height:1.5}.app-mock .leading-\[1\.6\]{line-height:1.6}.app-mock .leading-\[16px\]{line-height:16px}.app-mock .leading-\[20px\]{line-height:20px}.app-mock .leading-none{line-height:1}.app-mock .leading-tight{line-height:1.25}.app-mock .-tracking-\[0\.01em\]{letter-spacing:-.01em}.app-mock .tracking-\[0\.05em\]{letter-spacing:.05em}.app-mock .text-accent-fg{color:var(--accent-fg)}.app-mock .text-danger{color:var(--danger)}.app-mock .text-detect-fg{color:var(--detect-fg)}.app-mock .text-fg{color:var(--fg)}.app-mock .text-fg-2{color:var(--fg-2)}.app-mock .text-fg-3{color:var(--fg-3)}.app-mock .text-neutral-100{--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}.app-mock .text-neutral-100\/60{color:rgb(245 245 245/.6)}.app-mock .text-success{color:var(--success)}.app-mock .text-transparent{color:transparent}.app-mock .text-warning{color:var(--warning)}.app-mock .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.app-mock .no-underline{text-decoration-line:none}.app-mock .decoration-danger-line{text-decoration-color:var(--danger-line)}.app-mock .shadow-\[inset_0_-1\.5px_0_var\(--fg-2\)\]{--tw-shadow:inset 0 -1.5px 0 var(--fg-2);--tw-shadow-colored:inset 0 -1.5px 0 var(--tw-shadow-color)}.app-mock .shadow-\[inset_0_-1\.5px_0_var\(--fg-2\)\],.app-mock .shadow-bevel{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.app-mock .shadow-bevel{--tw-shadow:var(--shadow-bevel);--tw-shadow-colored:var(--shadow-bevel)}.app-mock .shadow-elevated{--tw-shadow:var(--shadow);--tw-shadow-colored:var(--shadow)}.app-mock .shadow-elevated,.app-mock .shadow-panel{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.app-mock .shadow-panel{--tw-shadow:var(--shadow-panel);--tw-shadow-colored:var(--shadow-panel)}.app-mock .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.app-mock .outline-none{outline:2px solid transparent;outline-offset:2px}.app-mock .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.app-mock .blur{--tw-blur:blur(8px)}.app-mock .blur,.app-mock .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.app-mock .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .transition-\[opacity\2c filter\]{transition-property:opacity,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .transition-\[transform\2c background-color\2c color\2c filter\2c opacity\]{transition-property:transform,background-color,color,filter,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .duration-150{transition-duration:.15s}.app-mock .duration-200{transition-duration:.2s}.app-mock .duration-75{transition-duration:75ms}.app-mock .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.app-mock .\[mask-image\:linear-gradient\(to_bottom\2c transparent\2c \#000_30\%\)\]{-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}.app-mock{font-family:var(--font);color:var(--fg);font-size:13px;line-height:1.55;letter-spacing:normal;font-weight:400;text-align:left;word-break:keep-all;-webkit-font-smoothing:antialiased}.app-mock .no-scrollbar::-webkit-scrollbar{display:none}.app-mock .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-mock [data-native-material]{background-color:rgba(40,40,44,calc(.6 * var(--ga, 1)))!important;backdrop-filter:blur(calc(24px * var(--ga, 1))) saturate(1.5);box-shadow:0 8px 24px -8px rgba(0,0,0,calc(.3 * var(--ga, 1)))}.app-mock .placeholder\:text-fg-3::-moz-placeholder{color:var(--fg-3)}.app-mock .placeholder\:text-fg-3::placeholder{color:var(--fg-3)}.app-mock .placeholder\:text-fg-4::-moz-placeholder{color:var(--fg-4)}.app-mock .placeholder\:text-fg-4::placeholder{color:var(--fg-4)}.app-mock .after\:absolute:after{content:var(--tw-content);position:absolute}.app-mock .after\:left-0\.5:after{content:var(--tw-content);left:.125rem}.app-mock .after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.app-mock .after\:h-4:after{content:var(--tw-content);height:1rem}.app-mock .after\:w-4:after{content:var(--tw-content);width:1rem}.app-mock .after\:translate-x-4:after{content:var(--tw-content);--tw-translate-x:1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-mock .after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.app-mock .after\:bg-accent-fg:after{content:var(--tw-content);background-color:var(--accent-fg)}.app-mock .after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.app-mock .after\:shadow-bevel:after{content:var(--tw-content);--tw-shadow:var(--shadow-bevel);--tw-shadow-colored:var(--shadow-bevel);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.app-mock .after\:ring-1:after{content:var(--tw-content);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.app-mock .after\:ring-line-2:after{content:var(--tw-content);--tw-ring-color:var(--line-2)}.app-mock .after\:transition-transform:after{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-mock .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.app-mock .first\:mt-0:first-child{margin-top:0}.app-mock .read-only\:text-fg-2:-moz-read-only{color:var(--fg-2)}.app-mock .read-only\:text-fg-2:read-only{color:var(--fg-2)}.app-mock .hover\:bg-danger-soft:hover{background-color:var(--danger-soft)}.app-mock .hover\:bg-hover:hover{background-color:var(--hover)}.app-mock .hover\:bg-tint-2:hover{background-color:var(--tint-2)}.app-mock .hover\:text-fg:hover{color:var(--fg)}.app-mock .hover\:text-fg-2:hover{color:var(--fg-2)}.app-mock .hover\:brightness-\[1\.06\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.app-mock .focus\:border-line-2:focus{border-color:var(--line-2)}.app-mock .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-mock .active\:cursor-grabbing:active{cursor:grabbing}.app-mock .active\:brightness-\[0\.92\]:active{--tw-brightness:brightness(0.92)}.app-mock .active\:brightness-\[0\.92\]:active,.app-mock .active\:brightness-\[1\.06\]:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.app-mock .active\:brightness-\[1\.06\]:active{--tw-brightness:brightness(1.06)}.app-mock .disabled\:pointer-events-none:disabled{pointer-events:none}.app-mock .disabled\:cursor-default:disabled{cursor:default}.app-mock .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.app-mock .disabled\:opacity-40:disabled{opacity:.4}.app-mock :is(.group:active .group-active\:bg-tint-2){background-color:var(--tint-2)}@media (prefers-reduced-motion:reduce){.app-mock .motion-reduce\:animate-none{animation:none}.app-mock .motion-reduce\:transition-none{transition-property:none}.app-mock .motion-reduce\:active\:scale-100:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.app-mock :is(.\[\&\>span\]\:text-fg>span){color:var(--fg)}.app-mock :is(.\[\&_code\]\:rounded-sm code){border-radius:6px}.app-mock :is(.\[\&_code\]\:bg-tint-2 code){background-color:var(--tint-2)}.app-mock :is(.\[\&_code\]\:px-\[5px\] code){padding-left:5px;padding-right:5px}.app-mock :is(.\[\&_code\]\:py-px code){padding-top:1px;padding-bottom:1px}.app-mock :is(.\[\&_code\]\:text-\[13px\] code){font-size:13px}.app-mock :is(.\[\&_h1\]\:mb-1\.5 h1){margin-bottom:.375rem}.app-mock :is(.\[\&_h1\]\:mt-0\.5 h1){margin-top:.125rem}.app-mock :is(.\[\&_h1\]\:text-\[17px\] h1){font-size:17px}.app-mock :is(.\[\&_h1\]\:font-semibold h1){font-weight:600}.app-mock :is(.\[\&_h1\]\:leading-\[1\.35\] h1){line-height:1.35}.app-mock :is(.\[\&_h2\]\:mb-1 h2){margin-bottom:.25rem}.app-mock :is(.\[\&_h2\]\:mt-2\.5 h2){margin-top:.625rem}.app-mock :is(.\[\&_h2\]\:text-\[15px\] h2){font-size:15px}.app-mock :is(.\[\&_h2\]\:font-semibold h2){font-weight:600}.app-mock :is(.\[\&_h3\]\:mb-1 h3){margin-bottom:.25rem}.app-mock :is(.\[\&_h3\]\:mt-2\.5 h3){margin-top:.625rem}.app-mock :is(.\[\&_h3\]\:text-\[15px\] h3){font-size:15px}.app-mock :is(.\[\&_h3\]\:font-semibold h3){font-weight:600}.app-mock :is(.\[\&_li\]\:my-0\.5 li){margin-top:.125rem;margin-bottom:.125rem}.app-mock :is(.\[\&_ol\]\:mb-2 ol){margin-bottom:.5rem}.app-mock :is(.\[\&_ol\]\:mt-0 ol){margin-top:0}.app-mock :is(.\[\&_ol\]\:list-decimal ol){list-style-type:decimal}.app-mock :is(.\[\&_ol\]\:pl-5 ol){padding-left:1.25rem}.app-mock :is(.\[\&_p\]\:mb-2 p){margin-bottom:.5rem}.app-mock :is(.\[\&_p\]\:mt-0 p){margin-top:0}.app-mock :is(.\[\&_strong\]\:font-\[650\] strong){font-weight:650}.app-mock :is(.\[\&_svg\]\:mb-2 svg){margin-bottom:.5rem}.app-mock :is(.\[\&_svg\]\:mt-0\.5 svg){margin-top:.125rem}.app-mock :is(.\[\&_svg\]\:box-border svg){box-sizing:border-box}.app-mock :is(.\[\&_svg\]\:block svg){display:block}.app-mock :is(.\[\&_svg\]\:max-h-\[260px\] svg){max-height:260px}.app-mock :is(.\[\&_svg\]\:w-full svg){width:100%}.app-mock :is(.\[\&_svg\]\:rounded-\[10px\] svg){border-radius:10px}.app-mock :is(.\[\&_svg\]\:bg-white svg){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.app-mock :is(.\[\&_svg\]\:p-2 svg){padding:.5rem}.app-mock :is(.\[\&_svg\]\:text-fg svg){color:var(--fg)}.app-mock :is(.\[\&_table\]\:mb-2 table){margin-bottom:.5rem}.app-mock :is(.\[\&_table\]\:mt-0\.5 table){margin-top:.125rem}.app-mock :is(.\[\&_table\]\:w-full table){width:100%}.app-mock :is(.\[\&_table\]\:border-collapse table){border-collapse:collapse}.app-mock :is(.\[\&_table\]\:text-\[13px\] table){font-size:13px}.app-mock :is(.\[\&_table\]\:leading-\[1\.45\] table){line-height:1.45}.app-mock :is(.\[\&_td\]\:border td){border-width:1px}.app-mock :is(.\[\&_td\]\:border-line-2 td){border-color:var(--line-2)}.app-mock :is(.\[\&_td\]\:px-2 td){padding-left:.5rem;padding-right:.5rem}.app-mock :is(.\[\&_td\]\:py-\[5px\] td){padding-top:5px;padding-bottom:5px}.app-mock :is(.\[\&_th\]\:border th){border-width:1px}.app-mock :is(.\[\&_th\]\:border-line-2 th){border-color:var(--line-2)}.app-mock :is(.\[\&_th\]\:bg-tint-2 th){background-color:var(--tint-2)}.app-mock :is(.\[\&_th\]\:px-2 th){padding-left:.5rem;padding-right:.5rem}.app-mock :is(.\[\&_th\]\:py-\[5px\] th){padding-top:5px;padding-bottom:5px}.app-mock :is(.\[\&_th\]\:text-left th){text-align:left}.app-mock :is(.\[\&_th\]\:font-semibold th){font-weight:600}.app-mock :is(.\[\&_ul\]\:mb-2 ul){margin-bottom:.5rem}.app-mock :is(.\[\&_ul\]\:mt-0 ul){margin-top:0}.app-mock :is(.\[\&_ul\]\:list-disc ul){list-style-type:disc}.app-mock :is(.\[\&_ul\]\:pl-5 ul){padding-left:1.25rem}