@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50: oklch(98.7% .022 95.277);--color-amber-200: oklch(92.4% .12 95.746);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-black: #000;--color-white: #fff;--spacing: .25rem;--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);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-medium: 500;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-xl: .75rem;--perspective-midrange: 800px;--aspect-video: 16 / 9;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--font-mali: mali;--color-title: var(--color-black);--color-titleUnderline: var(--color-amber-200);--color-subTitle: var(--color-black);--color-screenBackground: var(--color-gray-500);--color-screenPrimary: var(--color-gray-100);--color-screenSecondary: var(--color-gray-400);--color-showcase: var(--color-amber-50);--color-showcaseTitle: var(--color-black);--color-showcaseItemBackground: var(--color-white)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, 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;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){{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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.ml-\[4\%\]{margin-left:4%}.ml-\[8\%\]{margin-left:8%}.flex{display:flex}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\/2{height:50%}.h-1\/3{height:calc(1/3 * 100%)}.h-1\/4{height:25%}.h-2\/3{height:calc(2/3 * 100%)}.h-2\/5{height:40%}.h-3\/5{height:calc(3/5 * 100%)}.h-\[3\%\]{height:3%}.h-\[6\%\]{height:6%}.h-\[8\%\]{height:8%}.h-\[18\%\]{height:18%}.h-\[25px\]{height:25px}.h-\[30\%\]{height:30%}.h-\[80px\]{height:80px}.h-\[88\%\]{height:88%}.h-\[90\%\]{height:90%}.h-\[200px\]{height:200px}.h-\[350px\]{height:350px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/5{width:20%}.w-1\/6{width:calc(1/6 * 100%)}.w-4\/5{width:80%}.w-\[15\%\]{width:15%}.w-\[20\%\]{width:20%}.w-\[21\%\]{width:21%}.w-\[25px\]{width:25px}.w-\[30\%\]{width:30%}.w-\[40\%\]{width:40%}.w-\[50\%\]{width:50%}.w-\[60\%\]{width:60%}.w-\[70\%\]{width:70%}.w-\[90\%\]{width:90%}.w-\[110px\]{width:110px}.w-full{width:100%}.grow-1{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-\[rotateY\(-90deg\)\\translateX\(var\(--middle-screen-z-compensation\)\)\\rotateY\(90deg\)\]{transform:rotateY(-90deg)translate(var(--middle-screen-z-compensation))rotateY(90deg)}.transform-\[translateY\(var\(--bottom-screen-y-compensation\)\)\\rotateX\(calc\(var\(--bottom-screen-angle\)\)\)\]{transform:translateY(var(--bottom-screen-y-compensation))rotateX(calc(var(--bottom-screen-angle)))}.transform-\[translateY\(var\(--top-screen-y-compensation\)\)\\rotateX\(var\(--top-screen-angle\)\)\]{transform:translateY(var(--top-screen-y-compensation))rotateX(var(--top-screen-angle))}.animate-\[1s_alternate_-300ms_infinite_music-bar-height\]{animation:1s alternate -.3s infinite music-bar-height}.animate-\[30s_linear_-20s_infinite_music-progress-width\]{animation:30s linear -20s infinite music-progress-width}.animate-\[300ms_alternate_-200ms_infinite_music-bar-height\]{animation:.3s alternate -.2s infinite music-bar-height}.animate-\[400ms_alternate_-200ms_infinite_music-bar-height\]{animation:.4s alternate -.2s infinite music-bar-height}.animate-\[500ms_alternate_-200ms_infinite_music-bar-height\]{animation:.5s alternate -.2s infinite music-bar-height}.animate-\[600ms_alternate_-300ms_infinite_music-bar-height\]{animation:.6s alternate -.3s infinite music-bar-height}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[3\%\]{gap:3%}.gap-\[4\%\]{gap:4%}.gap-\[5\%\]{gap:5%}.gap-\[6\%\]{gap:6%}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-screenSecondary{border-color:var(--color-screenSecondary)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-screenBackground{background-color:var(--color-screenBackground)}.bg-screenPrimary{background-color:var(--color-screenPrimary)}.bg-screenSecondary{background-color:var(--color-screenSecondary)}.bg-showcase{background-color:var(--color-showcase)}.bg-showcaseItemBackground{background-color:var(--color-showcaseItemBackground)}.fill-gray-600{fill:var(--color-gray-600)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-\[2\%\]{padding:2%}.p-\[4\%\]{padding:4%}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-\[5\%\]{padding-top:5%}.pl-\[4\%\]{padding-left:4%}.text-center{text-align:center}.font-mali{font-family:var(--font-mali)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.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)}.text-screenPrimary{color:var(--color-screenPrimary)}.text-showcaseTitle{color:var(--color-showcaseTitle)}.text-subTitle{color:var(--color-subTitle)}.text-title{color:var(--color-title)}.underline{text-decoration-line:underline}.decoration-titleUnderline{text-decoration-color:var(--color-titleUnderline)}.decoration-4{text-decoration-thickness:4px}.perspective-midrange{perspective:var(--perspective-midrange)}@media (width >= 40rem){.sm\:w-\[300px\]{width:300px}}@media (width >= 40rem){.sm\:flex-row{flex-direction:row}}@media (width >= 40rem){.sm\:flex-wrap{flex-wrap:wrap}}@media (width >= 48rem){.md\:h-auto{height:auto}}@media (width >= 48rem){.md\:w-1\/3{width:calc(1/3 * 100%)}}@media (width >= 48rem){.md\:w-2\/3{width:calc(2/3 * 100%)}}@media (width >= 48rem){.md\:w-3\/4{width:75%}}@media (width >= 48rem){.md\:transform-\[translateX\(var\(--left-screen-x-compensation\)\)\\rotateY\(var\(--left-screen-angle\)\)\]{transform:translate(var(--left-screen-x-compensation))rotateY(var(--left-screen-angle))}}@media (width >= 48rem){.md\:transform-\[translateX\(var\(--right-screen-x-compensation\)\)\\rotateY\(calc\(var\(--right-screen-angle\)\)\)\]{transform:translate(var(--right-screen-x-compensation))rotateY(calc(var(--right-screen-angle)))}}@media (width >= 48rem){.md\:flex-row{flex-direction:row}}@media (width >= 48rem){.md\:px-0{padding-inline:calc(var(--spacing) * 0)}}@media (width >= 48rem){.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media (width >= 48rem){.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}}}@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-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@keyframes music-bar-height{0%{height:0%}to{height:100%}}@keyframes music-progress-width{0%{width:0%}to{width:100%}}@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-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial}}}