@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.77d5d991.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_e00e3c73-module__VHjAEa__className{font-family:pretendard,pretendard Fallback}.pretendard_e00e3c73-module__VHjAEa__variable{--font-pretendard:"pretendard","pretendard Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-pretendard),ui-sans-serif,system-ui,sans-serif;--color-emerald-400:#00d294;--color-blue-300:#90c5ff;--color-blue-500:#3080ff;--color-blue-700:#1447e6;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-pretendard),ui-sans-serif,system-ui,sans-serif;--default-mono-font-family:var(--font-geist-mono),ui-monospace,monospace}@supports (color:lab(0% 0 0)){:root,:host{--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-700:lab(36.9089% 35.0961 -85.6872)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}html{overflow-x:hidden}body{background-color:var(--background);color:var(--pong-text-main);word-break:keep-all;overflow-wrap:break-word;overflow-x:clip}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing)*-2)}.-top-6{top:calc(var(--spacing)*-6)}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-\[var\(--header-height\)\]{top:var(--header-height)}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:0}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-9{bottom:calc(var(--spacing)*-9)}.bottom-0{bottom:0}.bottom-10{bottom:calc(var(--spacing)*10)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-m-6{margin:calc(var(--spacing)*-6)}.m-15{margin:calc(var(--spacing)*15)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-6{margin-block:calc(var(--spacing)*6)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-9{margin-top:calc(var(--spacing)*9)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-13{margin-top:calc(var(--spacing)*13)}.mt-\[21px\]{margin-top:21px}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-9{margin-bottom:calc(var(--spacing)*9)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-12{margin-left:calc(var(--spacing)*12)}.ml-60{margin-left:calc(var(--spacing)*60)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-69{width:calc(var(--spacing)*69);height:calc(var(--spacing)*69)}.size-full{width:100%;height:100%}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-13{height:calc(var(--spacing)*13)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-30{height:calc(var(--spacing)*30)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[24px\]{height:24px}.h-\[56px\]{height:56px}.h-\[80px\]{height:80px}.h-\[86px\]{height:86px}.h-\[112px\]{height:112px}.h-\[188px\]{height:188px}.h-\[224px\]{height:224px}.h-\[309px\]{height:309px}.h-\[448px\]{height:448px}.h-\[calc\(100dvh_-_var\(--header-height\)\)\]{height:calc(100dvh - var(--header-height))}.h-\[var\(--header-height\)\]{height:var(--header-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-16{max-height:calc(var(--spacing)*16)}.max-h-\[85dvh\]{max-height:85dvh}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-100{min-height:calc(var(--spacing)*100)}.min-h-\[60vh\]{min-height:60vh}.min-h-\[360px\]{min-height:360px}.min-h-\[420px\]{min-height:420px}.min-h-\[calc\(100dvh_-_var\(--header-height\)\)\]{min-height:calc(100dvh - var(--header-height))}.min-h-\[calc\(100dvh_-_var\(--header-height\)_-_4rem\)\]{min-height:calc(100dvh - var(--header-height) - 4rem)}.min-h-\[var\(--header-height\)\]{min-height:var(--header-height)}.min-h-dvh{min-height:100dvh}.w-0{width:0}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-13{width:calc(var(--spacing)*13)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-22{width:calc(var(--spacing)*22)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-30{width:calc(var(--spacing)*30)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-71{width:calc(var(--spacing)*71)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-82{width:calc(var(--spacing)*82)}.w-\[50vw\]{width:50vw}.w-\[180px\]{width:180px}.w-\[188px\]{width:188px}.w-\[327px\]{width:327px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-50{max-width:calc(var(--spacing)*50)}.max-w-75{max-width:calc(var(--spacing)*75)}.max-w-100{max-width:calc(var(--spacing)*100)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[40px\]{min-width:40px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:var(--spacing)}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-9{gap:calc(var(--spacing)*9)}.gap-10{gap:calc(var(--spacing)*10)}.gap-16{gap:calc(var(--spacing)*16)}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.gap-\[16px\]{gap:16px}.gap-\[32px\]{gap:32px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-pong-divider-sub>:not(:last-child)){border-color:var(--pong-divider-sub)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:calc(var(--radius) + 12px)}.rounded-\[12px\]{border-radius:12px}.rounded-\[31px\]{border-radius:31px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-12{border-style:var(--tw-border-style);border-width:12px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[11px\]{border-top-style:var(--tw-border-style);border-top-width:11px}.border-r-\[8px\]{border-right-style:var(--tw-border-style);border-right-width:8px}.border-r-\[9px\]{border-right-style:var(--tw-border-style);border-right-width:9px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[8px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-\[8px\]{border-left-style:var(--tw-border-style);border-left-width:8px}.border-l-\[9px\]{border-left-style:var(--tw-border-style);border-left-width:9px}.border-none{--tw-border-style:none;border-style:none}.border-input,.border-input\/50{border-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.border-input\/50{border-color:color-mix(in oklab,var(--input)50%,transparent)}}.border-pong-bg-brand-1{border-color:var(--pong-bg-brand-1)}.border-pong-bg-dark{border-color:var(--pong-bg-dark)}.border-pong-bg-weak{border-color:var(--pong-bg-weak)}.border-pong-bg-yellow{border-color:var(--pong-bg-yellow)}.border-pong-divider-brand{border-color:var(--pong-divider-brand)}.border-pong-divider-sub{border-color:var(--pong-divider-sub)}.border-pong-text-sub\/30{border-color:var(--pong-text-sub)}@supports (color:color-mix(in lab, red, red)){.border-pong-text-sub\/30{border-color:color-mix(in oklab,var(--pong-text-sub)30%,transparent)}}.border-primary{border-color:var(--primary)}.border-t-pong-bg-sub{border-top-color:var(--pong-bg-sub)}.border-r-transparent{border-right-color:#0000}.border-b-pong-bg-sub{border-bottom-color:var(--pong-bg-sub)}.border-l-transparent{border-left-color:#0000}.bg-background{background-color:var(--background)}.bg-beige-300{background-color:var(--beige-300)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-emerald-400\/10{background-color:#00d2941a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-400\/10{background-color:color-mix(in oklab,var(--color-emerald-400)10%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-pong-bg-brand{background-color:var(--pong-bg-brand)}.bg-pong-bg-brand-1,.bg-pong-bg-brand-1\/10{background-color:var(--pong-bg-brand-1)}@supports (color:color-mix(in lab, red, red)){.bg-pong-bg-brand-1\/10{background-color:color-mix(in oklab,var(--pong-bg-brand-1)10%,transparent)}}.bg-pong-bg-brand-1\/15{background-color:var(--pong-bg-brand-1)}@supports (color:color-mix(in lab, red, red)){.bg-pong-bg-brand-1\/15{background-color:color-mix(in oklab,var(--pong-bg-brand-1)15%,transparent)}}.bg-pong-bg-brand-1\/20{background-color:var(--pong-bg-brand-1)}@supports (color:color-mix(in lab, red, red)){.bg-pong-bg-brand-1\/20{background-color:color-mix(in oklab,var(--pong-bg-brand-1)20%,transparent)}}.bg-pong-bg-brand-2{background-color:var(--pong-bg-brand-2)}.bg-pong-bg-dark{background-color:var(--pong-bg-dark)}.bg-pong-bg-main{background-color:var(--pong-bg-main)}.bg-pong-bg-sub{background-color:var(--pong-bg-sub)}.bg-pong-bg-weak{background-color:var(--pong-bg-weak)}.bg-pong-bg-yellow{background-color:var(--pong-bg-yellow)}.bg-pong-divider-highlight{background-color:var(--pong-divider-highlight)}.bg-pong-divider-sub{background-color:var(--pong-divider-sub)}.bg-pong-emotion-anger,.bg-pong-emotion-anger\/20{background-color:var(--pong-emotion-anger)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-anger\/20{background-color:color-mix(in oklab,var(--pong-emotion-anger)20%,transparent)}}.bg-pong-emotion-aversion,.bg-pong-emotion-aversion\/20{background-color:var(--pong-emotion-aversion)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-aversion\/20{background-color:color-mix(in oklab,var(--pong-emotion-aversion)20%,transparent)}}.bg-pong-emotion-happiness,.bg-pong-emotion-happiness\/20{background-color:var(--pong-emotion-happiness)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-happiness\/20{background-color:color-mix(in oklab,var(--pong-emotion-happiness)20%,transparent)}}.bg-pong-emotion-nervous,.bg-pong-emotion-nervous\/20{background-color:var(--pong-emotion-nervous)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-nervous\/20{background-color:color-mix(in oklab,var(--pong-emotion-nervous)20%,transparent)}}.bg-pong-emotion-neutral,.bg-pong-emotion-neutral\/20{background-color:var(--pong-emotion-neutral)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-neutral\/20{background-color:color-mix(in oklab,var(--pong-emotion-neutral)20%,transparent)}}.bg-pong-emotion-sad,.bg-pong-emotion-sad\/20{background-color:var(--pong-emotion-sad)}@supports (color:color-mix(in lab, red, red)){.bg-pong-emotion-sad\/20{background-color:color-mix(in oklab,var(--pong-emotion-sad)20%,transparent)}}.bg-pong-text-highlight{background-color:var(--pong-text-highlight)}.bg-pong-text-sub\/20{background-color:var(--pong-text-sub)}@supports (color:color-mix(in lab, red, red)){.bg-pong-text-sub\/20{background-color:color-mix(in oklab,var(--pong-text-sub)20%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.fill-pong-bg-inverse{fill:var(--pong-bg-inverse)}.fill-pong-bg-weak{fill:var(--pong-bg-weak)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[6px\]{padding-inline:6px}.px-\[13px\]{padding-inline:13px}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\[18vh\]{padding-top:18vh}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-7{padding-bottom:calc(var(--spacing)*7)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-9{padding-bottom:calc(var(--spacing)*9)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-13{padding-bottom:calc(var(--spacing)*13)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-\[var\(--bottom-nav-height\)\]{padding-bottom:var(--bottom-nav-height)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.font-sans{font-family:var(--font-pretendard),ui-sans-serif,system-ui,sans-serif}.text-body-1{font-size:1.0625rem;line-height:var(--tw-leading,1.65);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,450)}.text-body-2{font-size:.9375rem;line-height:var(--tw-leading,1.65);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,450)}.text-caption{font-size:.8125rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,450)}.text-label-l{font-size:1.0625rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,550)}.text-label-m{font-size:.9375rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,550)}.text-label-s{font-size:.8125rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,550)}.text-title-l{font-size:1.375rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,650)}.text-title-m{font-size:1.25rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,650)}.text-title-s{font-size:1.0625rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,650)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-\[11px\]\/\[16px\]{font-size:11px;line-height:16px}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[550\]{--tw-font-weight:550;font-weight:550}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-brown-900{color:var(--brown-900)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-emerald-400{color:var(--color-emerald-400)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-pong-bg-brand-1{color:var(--pong-bg-brand-1)}.text-pong-bg-inverse{color:var(--pong-bg-inverse)}.text-pong-emotion-anger{color:var(--pong-emotion-anger)}.text-pong-emotion-aversion{color:var(--pong-emotion-aversion)}.text-pong-emotion-happiness{color:var(--pong-emotion-happiness)}.text-pong-emotion-nervous{color:var(--pong-emotion-nervous)}.text-pong-emotion-neutral{color:var(--pong-emotion-neutral)}.text-pong-emotion-sad{color:var(--pong-emotion-sad)}.text-pong-icon-highlight{color:var(--pong-icon-highlight)}.text-pong-icon-sub{color:var(--pong-icon-sub)}.text-pong-text-brand{color:var(--pong-text-brand)}.text-pong-text-highlight{color:var(--pong-text-highlight)}.text-pong-text-inverse{color:var(--pong-text-inverse)}.text-pong-text-main{color:var(--pong-text-main)}.text-pong-text-sub,.text-pong-text-sub\/40{color:var(--pong-text-sub)}@supports (color:color-mix(in lab, red, red)){.text-pong-text-sub\/40{color:color-mix(in oklab,var(--pong-text-sub)40%,transparent)}}.text-pong-text-weak{color:var(--pong-text-weak)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-pong-text-highlight{caret-color:var(--pong-text-highlight)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.ring-pong-bg-brand-1\/30{--tw-ring-color:var(--pong-bg-brand-1)}@supports (color:color-mix(in lab, red, red)){.ring-pong-bg-brand-1\/30{--tw-ring-color:color-mix(in oklab,var(--pong-bg-brand-1)30%,transparent)}}.ring-pong-bg-brand-2\/20{--tw-ring-color:var(--pong-bg-brand-2)}@supports (color:color-mix(in lab, red, red)){.ring-pong-bg-brand-2\/20{--tw-ring-color:color-mix(in oklab,var(--pong-bg-brand-2)20%,transparent)}}.ring-pong-bg-main{--tw-ring-color:var(--pong-bg-main)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.drop-shadow-md\/3{--tw-drop-shadow-alpha:3%;--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#00000008));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}@supports (color:lab(0% 0 0)){.drop-shadow-md\/3{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,lab(0% 0 0/.03)))}}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}:is(.\*\:min-h-\[2px\]>*){min-height:2px}:is(.\*\:min-h-\[4px\]>*){min-height:4px}:is(.\*\:min-h-\[8px\]>*){min-height:8px}:is(.\*\:min-h-\[16px\]>*){min-height:16px}:is(.\*\:min-h-\[32px\]>*){min-height:32px}:is(.\*\:min-h-\[64px\]>*){min-height:64px}:is(.\*\:w-\[4px\]>*){width:4px}:is(.\*\:w-\[8px\]>*){width:8px}:is(.\*\:w-\[16px\]>*){width:16px}:is(.\*\:w-\[32px\]>*){width:32px}:is(.\*\:w-\[64px\]>*){width:64px}:is(.\*\:rounded-full>*){border-radius:3.40282e38px}:is(.\*\:bg-transparent>*){background-color:#0000}:is(.\*\:transition-colors>*){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:is(.\*\:duration-250>*){--tw-duration:.25s;transition-duration:.25s}:is(.\*\:ease-linear>*){--tw-ease:linear;transition-timing-function:linear}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.group-data-\[state\=off\]\/track\:bg-destructive:is(:where(.group\/track)[data-state=off] *){background-color:var(--destructive)}.group-data-\[state\=on\]\/track\:bg-foreground:is(:where(.group\/track)[data-state=on] *){background-color:var(--foreground)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[state\=off\]\/track\:border-destructive\/20:is(:where(.peer\/track)[data-state=off]~*){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=off\]\/track\:border-destructive\/20:is(:where(.peer\/track)[data-state=off]~*){border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.peer-data-\[state\=off\]\/track\:bg-destructive\/10:is(:where(.peer\/track)[data-state=off]~*){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=off\]\/track\:bg-destructive\/10:is(:where(.peer\/track)[data-state=off]~*){background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.peer-data-\[state\=off\]\/track\:text-destructive:is(:where(.peer\/track)[data-state=off]~*){color:var(--destructive)}.peer-data-\[state\=on\]\/track\:bg-muted:is(:where(.peer\/track)[data-state=on]~*){background-color:var(--muted)}.placeholder\:text-pong-text-weak::placeholder{color:var(--pong-text-weak)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-0:before{content:var(--tw-content);inset-block:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:my-2\.5:before{content:var(--tw-content);margin-block:calc(var(--spacing)*2.5)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.before\:bg-destructive\/20:before{content:var(--tw-content);background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.before\:bg-destructive\/20:before{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.first\:pt-0:first-child{padding-top:0}.first\:pt-1:first-child{padding-top:var(--spacing)}.last\:pb-0:last-child{padding-bottom:0}.last\:pb-1:last-child{padding-bottom:var(--spacing)}@media (hover:hover){.hover\:border-pong-divider-main:hover{border-color:var(--pong-divider-main)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-pong-bg-brand-2\/80:hover{background-color:var(--pong-bg-brand-2)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pong-bg-brand-2\/80:hover{background-color:color-mix(in oklab,var(--pong-bg-brand-2)80%,transparent)}}.hover\:bg-pong-bg-brand\/80:hover{background-color:var(--pong-bg-brand)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pong-bg-brand\/80:hover{background-color:color-mix(in oklab,var(--pong-bg-brand)80%,transparent)}}.hover\:bg-pong-bg-sub:hover,.hover\:bg-pong-bg-sub\/80:hover{background-color:var(--pong-bg-sub)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pong-bg-sub\/80:hover{background-color:color-mix(in oklab,var(--pong-bg-sub)80%,transparent)}}.hover\:bg-pong-bg-weak:hover,.hover\:bg-pong-bg-weak\/50:hover{background-color:var(--pong-bg-weak)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pong-bg-weak\/50:hover{background-color:color-mix(in oklab,var(--pong-bg-weak)50%,transparent)}}.hover\:bg-pong-bg-yellow\/80:hover{background-color:var(--pong-bg-yellow)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-pong-bg-yellow\/80:hover{background-color:color-mix(in oklab,var(--pong-bg-yellow)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-pong-text-highlight:hover{color:var(--pong-text-highlight)}.hover\:text-pong-text-main:hover{color:var(--pong-text-main)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}.peer-data-\[state\=off\]\/track\:hover\:bg-destructive\/15:is(:where(.peer\/track)[data-state=off]~*):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=off\]\/track\:hover\:bg-destructive\/15:is(:where(.peer\/track)[data-state=off]~*):hover{background-color:color-mix(in oklab,var(--destructive)15%,transparent)}}.peer-data-\[state\=on\]\/track\:hover\:border-foreground\/12:is(:where(.peer\/track)[data-state=on]~*):hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=on\]\/track\:hover\:border-foreground\/12:is(:where(.peer\/track)[data-state=on]~*):hover{border-color:color-mix(in oklab,var(--foreground)12%,transparent)}}.peer-data-\[state\=on\]\/track\:hover\:bg-foreground\/10:is(:where(.peer\/track)[data-state=on]~*):hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=on\]\/track\:hover\:bg-foreground\/10:is(:where(.peer\/track)[data-state=on]~*):hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.focus\:z-10:focus{z-index:10}.focus\:border-pong-divider-brand:focus{border-color:var(--pong-divider-brand)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-destructive\/20:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-destructive\/20:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus\:bg-pong-bg-sub:focus{background-color:var(--pong-bg-sub)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-pong-text-highlight:focus-visible{border-color:var(--pong-text-highlight)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-pong-bg-brand-1:focus-visible{--tw-ring-color:var(--pong-bg-brand-1)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-pong-bg-main:focus-visible{--tw-ring-offset-color:var(--pong-bg-main)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.peer-data-\[state\=off\]\/track\:focus-visible\:border-destructive:is(:where(.peer\/track)[data-state=off]~*):focus-visible{border-color:var(--destructive)}.peer-data-\[state\=off\]\/track\:focus-visible\:ring-destructive\/30:is(:where(.peer\/track)[data-state=off]~*):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.peer-data-\[state\=off\]\/track\:focus-visible\:ring-destructive\/30:is(:where(.peer\/track)[data-state=off]~*):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-pong-bg-brand-press:active{background-color:var(--pong-bg-brand-press)}.active\:bg-pong-bg-sub:active{background-color:var(--pong-bg-sub)}.active\:bg-pong-bg-weak:active{background-color:var(--pong-bg-weak)}.active\:bg-transparent:active{background-color:#0000}.active\:text-pong-text-weak:active{color:var(--pong-text-weak)}.active\:brightness-100:active{--tw-brightness:brightness(100%);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,)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-pong-bg-sub:disabled{background-color:var(--pong-bg-sub)}.disabled\:text-pong-text-sub:disabled{color:var(--pong-text-sub)}.disabled\:text-pong-text-weak:disabled{color:var(--pong-text-weak)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-100:disabled{opacity:1}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\.audiovisualizer\]\:w-auto:has(.audiovisualizer){width:auto}.has-\[\.audiovisualizer\]\:px-3:has(.audiovisualizer){padding-inline:calc(var(--spacing)*3)}.has-\[\~_button\]\:rounded-r-none:has(~button){border-top-right-radius:0;border-bottom-right-radius:0}.has-\[\~_button\]\:border-r-0:has(~button){border-right-style:var(--tw-border-style);border-right-width:0}.has-\[\~_button\]\:pr-2:has(~button){padding-right:calc(var(--spacing)*2)}.has-\[\~_button\]\:pl-3:has(~button){padding-left:calc(var(--spacing)*3)}.has-\[\~_button\]\:before\:content-\[\"\"\]:has(~button):before{--tw-content:"";content:var(--tw-content)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-lk-muted\:bg-muted[data-lk-muted]{background-color:var(--muted)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}:is(.\*\:data-\[lk-highlighted\=true\]\:bg-current>*)[data-lk-highlighted=true]{background-color:currentColor}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=checked\]\:border-pong-bg-brand-1[data-state=checked]{border-color:var(--pong-bg-brand-1)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-pong-bg-yellow-weak[data-state=checked]{background-color:var(--pong-bg-yellow-weak)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-pong-text-highlight[data-state=checked]{color:var(--pong-text-highlight)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=off\]\:border-border[data-state=off]{border-color:var(--border)}.data-\[state\=off\]\:border-destructive\/20[data-state=off]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:border-destructive\/20[data-state=off]{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[state\=off\]\:bg-accent[data-state=off]{background-color:var(--accent)}.data-\[state\=off\]\:bg-destructive\/10[data-state=off]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:bg-destructive\/10[data-state=off]{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[state\=off\]\:text-destructive[data-state=off]{color:var(--destructive)}.data-\[state\=off\]\:text-foreground[data-state=off]{color:var(--foreground)}@media (hover:hover){.data-\[state\=off\]\:hover\:border-foreground\/12[data-state=off]:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:hover\:border-foreground\/12[data-state=off]:hover{border-color:color-mix(in oklab,var(--foreground)12%,transparent)}}.data-\[state\=off\]\:hover\:bg-destructive\/15[data-state=off]:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:hover\:bg-destructive\/15[data-state=off]:hover{background-color:color-mix(in oklab,var(--destructive)15%,transparent)}}.data-\[state\=off\]\:hover\:bg-foreground\/10[data-state=off]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:hover\:bg-foreground\/10[data-state=off]:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.data-\[state\=off\]\:hover\:text-destructive[data-state=off]:hover{color:var(--destructive)}.data-\[state\=off\]\:hover\:text-foreground[data-state=off]:hover{color:var(--foreground)}}.data-\[state\=off\]\:focus\:text-destructive[data-state=off]:focus{color:var(--destructive)}.data-\[state\=off\]\:focus\:text-foreground[data-state=off]:focus{color:var(--foreground)}.data-\[state\=off\]\:focus-visible\:border-destructive[data-state=off]:focus-visible{border-color:var(--destructive)}.data-\[state\=off\]\:focus-visible\:border-ring[data-state=off]:focus-visible{border-color:var(--ring)}.data-\[state\=off\]\:focus-visible\:ring-destructive\/30[data-state=off]:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:focus-visible\:ring-destructive\/30[data-state=off]:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.data-\[state\=off\]\:focus-visible\:ring-foreground\/12[data-state=off]:focus-visible{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:focus-visible\:ring-foreground\/12[data-state=off]:focus-visible{--tw-ring-color:color-mix(in oklab,var(--foreground)12%,transparent)}}.data-\[state\=on\]\:border-blue-700\/10[data-state=on]{border-color:#1447e61a}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:border-blue-700\/10[data-state=on]{border-color:color-mix(in oklab,var(--color-blue-700)10%,transparent)}}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:bg-blue-500\/20[data-state=on]{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:bg-blue-500\/20[data-state=on]{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=on\]\:text-blue-700[data-state=on]{color:var(--color-blue-700)}.data-\[state\=on\]\:ring-blue-700\/30[data-state=on]{--tw-ring-color:#1447e64d}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:ring-blue-700\/30[data-state=on]{--tw-ring-color:color-mix(in oklab,var(--color-blue-700)30%,transparent)}}@media (hover:hover){.data-\[state\=on\]\:hover\:border-foreground\/12[data-state=on]:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:hover\:border-foreground\/12[data-state=on]:hover{border-color:color-mix(in oklab,var(--foreground)12%,transparent)}}.data-\[state\=on\]\:hover\:bg-blue-500\/30[data-state=on]:hover{background-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:hover\:bg-blue-500\/30[data-state=on]:hover{background-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.data-\[state\=on\]\:hover\:bg-foreground\/10[data-state=on]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:hover\:bg-foreground\/10[data-state=on]:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.data-\[state\=on\]\:focus-visible\:border-blue-700\/50[data-state=on]:focus-visible{border-color:#1447e680}@supports (color:color-mix(in lab, red, red)){.data-\[state\=on\]\:focus-visible\:border-blue-700\/50[data-state=on]:focus-visible{border-color:color-mix(in oklab,var(--color-blue-700)50%,transparent)}}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media (min-width:40em){.sm\:h-56{height:calc(var(--spacing)*56)}.sm\:w-56{width:calc(var(--spacing)*56)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48em){.md\:sticky{position:sticky}.md\:top-\[var\(--header-height\)\]{top:var(--header-height)}.md\:mx-0{margin-inline:0}.md\:mx-3{margin-inline:calc(var(--spacing)*3)}.md\:mt-2{margin-top:calc(var(--spacing)*2)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:block{display:block}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-6{height:calc(var(--spacing)*6)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-20{height:calc(var(--spacing)*20)}.md\:h-\[calc\(100dvh_-_var\(--header-height\)\)\]{height:calc(100dvh - var(--header-height))}.md\:min-h-0{min-height:0}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:w-20{width:calc(var(--spacing)*20)}.md\:w-64{width:calc(var(--spacing)*64)}.md\:w-fit{width:fit-content}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:flex-1{flex:1}.md\:flex-none{flex:none}.md\:flex-shrink-0{flex-shrink:0}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-8{gap:calc(var(--spacing)*8)}:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.md\:self-start{align-self:flex-start}.md\:overflow-y-auto{overflow-y:auto}.md\:rounded-lg{border-radius:var(--radius)}.md\:rounded-none{border-radius:0}.md\:bg-pong-bg-main{background-color:var(--pong-bg-main)}.md\:bg-transparent{background-color:#0000}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:py-0{padding-block:0}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:pt-2{padding-top:calc(var(--spacing)*2)}.md\:text-label-m{font-size:.9375rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,550)}.md\:text-label-s{font-size:.8125rem;line-height:var(--tw-leading,1.45);letter-spacing:var(--tw-tracking,.01em);font-weight:var(--tw-font-weight,550)}.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:whitespace-nowrap{white-space:nowrap}.md\:text-pong-text-highlight{color:var(--pong-text-highlight)}.md\:text-pong-text-sub{color:var(--pong-text-sub)}}@media (min-width:64em){.lg\:w-72{width:calc(var(--spacing)*72)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:py-14{padding-block:calc(var(--spacing)*14)}}.dark\:border-muted:is(.dark *){border-color:var(--muted)}.dark\:bg-destructive\/10:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/10:is(.dark *){background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:peer-data-\[state\=off\]\/track\:bg-destructive\/10:is(.dark *):is(:where(.peer\/track)[data-state=off]~*){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:peer-data-\[state\=off\]\/track\:bg-destructive\/10:is(.dark *):is(:where(.peer\/track)[data-state=off]~*){background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.dark\:peer-data-\[state\=on\]\/track\:bg-accent:is(.dark *):is(:where(.peer\/track)[data-state=on]~*){background-color:var(--accent)}@media (hover:hover){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/20:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:peer-data-\[state\=off\]\/track\:hover\:bg-destructive\/15:is(.dark *):is(:where(.peer\/track)[data-state=off]~*):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:peer-data-\[state\=off\]\/track\:hover\:bg-destructive\/15:is(.dark *):is(:where(.peer\/track)[data-state=off]~*):hover{background-color:color-mix(in oklab,var(--destructive)15%,transparent)}}.dark\:peer-data-\[state\=on\]\/track\:hover\:bg-foreground\/10:is(.dark *):is(:where(.peer\/track)[data-state=on]~*):hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\:peer-data-\[state\=on\]\/track\:hover\:bg-foreground\/10:is(.dark *):is(:where(.peer\/track)[data-state=on]~*):hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.dark\:focus-visible\:ring-destructive\/4:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/4:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)4%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=on\]\:bg-blue-500\/20:is(.dark *)[data-state=on]{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=on\]\:bg-blue-500\/20:is(.dark *)[data-state=on]{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:data-\[state\=on\]\:text-blue-300:is(.dark *)[data-state=on]{color:var(--color-blue-300)}@media (hover:hover){.dark\:data-\[state\=on\]\:hover\:bg-foreground\/10:is(.dark *)[data-state=on]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=on\]\:hover\:bg-foreground\/10:is(.dark *)[data-state=on]:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_\[data-slot\=slider-range\]\]\:bg-pong-bg-brand-1 [data-slot=slider-range]{background-color:var(--pong-bg-brand-1)}.\[\&_\[data-slot\=slider-thumb\]\]\:border-pong-bg-brand-1 [data-slot=slider-thumb]{border-color:var(--pong-bg-brand-1)}.\[\&_\[data-slot\=slider-thumb\]\]\:bg-pong-bg-brand-1 [data-slot=slider-thumb]{background-color:var(--pong-bg-brand-1)}.\[\&_\[data-slot\=slider-track\]\]\:bg-pong-bg-weak [data-slot=slider-track]{background-color:var(--pong-bg-weak)}.\[\&_button\]\:rounded-full button{border-radius:3.40282e38px}.\[\&_button\]\:shadow-none button{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_button\:first-child\]\:rounded-l-full button:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.\[\&_button\:last-child\]\:rounded-r-full button:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:opacity-100 svg{opacity:1}.peer-data-\[state\=off\]\/track\:\[\&_svg\]\:text-destructive\!:is(:where(.peer\/track)[data-state=off]~*) svg{color:var(--destructive)!important}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.data-\[state\=off\]\:\[\&_\~_button\]\:border-border[data-state=off]~button{border-color:var(--border)}.data-\[state\=off\]\:\[\&_\~_button\]\:bg-accent[data-state=off]~button{background-color:var(--accent)}@media (hover:hover){.data-\[state\=off\]\:\[\&_\~_button\]\:hover\:border-foreground\/12[data-state=off]~button:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:\[\&_\~_button\]\:hover\:border-foreground\/12[data-state=off]~button:hover{border-color:color-mix(in oklab,var(--foreground)12%,transparent)}}.data-\[state\=off\]\:\[\&_\~_button\]\:hover\:bg-foreground\/10[data-state=off]~button:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=off\]\:\[\&_\~_button\]\:hover\:bg-foreground\/10[data-state=off]~button:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.dark\:data-\[state\=off\]\:\[\&_\~_button\]\:bg-accent:is(.dark *)[data-state=off]~button{background-color:var(--accent)}@media (hover:hover){.dark\:data-\[state\=off\]\:\[\&_\~_button\]\:hover\:bg-foreground\/10:is(.dark *)[data-state=off]~button:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=off\]\:\[\&_\~_button\]\:hover\:bg-foreground\/10:is(.dark *)[data-state=off]~button:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-area-y{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-all{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--brown-0:#fff;--brown-100:#f5f4f4;--brown-200:#e6e4e2;--brown-300:#bbb7b4;--brown-400:#938e8a;--brown-500:#69635e;--brown-600:#524942;--brown-700:#47392e;--brown-800:#3e2f23;--brown-900:#302115;--beige-50:#fffbf0;--beige-100:#fff5d9;--beige-200:#fff0c6;--beige-300:#ffebb3;--beige-400:#fae29f;--beige-500:#f6d78f;--beige-600:#f1ce88;--beige-700:#ecc47f;--beige-800:#e6ba6f;--beige-900:#e5b16a;--pong-bg-brand:var(--beige-400);--pong-bg-brand-1:var(--beige-400);--pong-bg-brand-2:var(--beige-400);--pong-bg-brand-press:var(--beige-500);--pong-bg-main:var(--brown-0);--pong-bg-sub:var(--brown-100);--pong-bg-weak:var(--brown-200);--pong-bg-inverse:var(--brown-900);--pong-bg-dark:#e6e4e2;--pong-bg-yellow:var(--beige-300);--pong-bg-yellow-weak:var(--beige-100);--pong-bg-green:#eaecb2;--pong-bg-blue:#cae8f2;--pong-gradation-1-start:#ffebb3;--pong-gradation-1-mid:#eaecb2;--pong-gradation-1-end:#d5ebea;--pong-gradation-2-start:#fae29e;--pong-gradation-2-mid:#e4eb59;--pong-gradation-2-end:#cae7f1;--pong-gradation-1:var(--pong-gradation-1-start),var(--pong-gradation-1-mid),var(--pong-gradation-1-end);--pong-gradation-2:var(--pong-gradation-2-start),var(--pong-gradation-2-mid),var(--pong-gradation-2-end);--pong-text-brand:var(--beige-400);--pong-text-highlight:var(--brown-900);--pong-text-main:var(--brown-600);--pong-text-sub:var(--brown-400);--pong-text-weak:var(--brown-300);--pong-text-inverse:var(--brown-0);--pong-icon-brand:var(--beige-400);--pong-icon-highlight:var(--brown-900);--pong-icon-main:var(--brown-400);--pong-icon-sub:var(--brown-300);--pong-icon-inverse:var(--brown-0);--pong-divider-brand:var(--beige-400);--pong-divider-highlight:var(--brown-900);--pong-divider-main:var(--brown-400);--pong-divider-sub:var(--brown-200);--pong-divider-inverse:var(--brown-0);--pong-emotion-anger:var(--chart-3);--pong-emotion-nervous:var(--chart-1);--pong-emotion-sorrow:#d6d9ef;--pong-emotion-sad:var(--chart-5);--pong-emotion-aversion:var(--chart-4);--pong-emotion-happiness:var(--chart-2);--pong-emotion-neutral:var(--brown-300);--radius:.625rem;--header-height:4rem;--bottom-nav-height:calc(5.5rem + env(safe-area-inset-bottom,0px));--background:var(--pong-bg-main);--foreground:var(--pong-text-main);--card:var(--pong-bg-main);--card-foreground:var(--pong-text-main);--popover:var(--pong-bg-main);--popover-foreground:var(--pong-text-main);--primary:var(--pong-bg-brand);--primary-foreground:var(--pong-text-highlight);--muted:var(--pong-bg-sub);--muted-foreground:var(--pong-text-sub);--accent:var(--pong-bg-sub);--accent-foreground:var(--pong-text-highlight);--destructive:#b5453a;--border:var(--pong-divider-sub);--input:var(--pong-divider-sub);--ring:var(--pong-text-highlight);--chart-1:var(--beige-200);--chart-2:var(--beige-400);--chart-3:var(--pong-bg-green);--chart-4:#d1ead6;--chart-5:var(--pong-bg-blue)}.lucide{stroke-width:1.35px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s ease-out fade-in}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-loading-spin{animation:1.5s linear infinite loading-spin}.stone-float,.stone-shadow,.stone-eye,.stone-pupil,.stone-bubble,.stone-bubble-dot{transform-box:fill-box;transform-origin:50%}.stone-float{animation:3.6s ease-in-out infinite stone-float}.stone-shadow{animation:3.6s ease-in-out infinite stone-shadow}.stone-bubble{animation:3.6s ease-in-out -.5s infinite stone-bubble}.stone-bubble-dot{animation:1.5s ease-in-out infinite stone-dot}.stone-eye{animation:5.2s ease-in-out infinite stone-blink}.stone-pupil{animation:6.4s ease-in-out infinite stone-pupil}@keyframes stone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes stone-shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.93)}}@keyframes stone-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes stone-dot{0%,to{opacity:.35}50%{opacity:1}}@keyframes stone-blink{0%,92%,to{transform:scaleY(1)}95%,96%{transform:scaleY(.08)}}@keyframes stone-pupil{0%,to{transform:translate(0)}30%{transform:translate(-.9px,.3px)}65%{transform:translate(.9px,-.2px)}}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-loading-spin,.stone-float,.stone-shadow,.stone-eye,.stone-pupil,.stone-bubble,.stone-bubble-dot{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}