Fix: nil check player
This commit is contained in:
		
							
								
								
									
										691
									
								
								assets/output.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										691
									
								
								assets/output.css
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,691 @@ | ||||
| /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */ | ||||
| @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-red-300: oklch(80.8% 0.114 19.571); | ||||
|     --color-red-400: oklch(70.4% 0.191 22.216); | ||||
|     --color-red-500: oklch(63.7% 0.237 25.331); | ||||
|     --color-red-700: oklch(50.5% 0.213 27.518); | ||||
|     --color-orange-100: oklch(95.4% 0.038 75.164); | ||||
|     --color-orange-500: oklch(70.5% 0.213 47.604); | ||||
|     --color-orange-700: oklch(55.3% 0.195 38.402); | ||||
|     --color-amber-100: oklch(96.2% 0.059 95.617); | ||||
|     --color-green-600: oklch(62.7% 0.194 149.214); | ||||
|     --color-green-700: oklch(52.7% 0.154 150.069); | ||||
|     --color-blue-300: oklch(80.9% 0.105 251.813); | ||||
|     --color-blue-400: oklch(70.7% 0.165 254.624); | ||||
|     --color-blue-500: oklch(62.3% 0.214 259.815); | ||||
|     --color-blue-600: oklch(54.6% 0.245 262.881); | ||||
|     --color-blue-700: oklch(48.8% 0.243 264.376); | ||||
|     --color-indigo-500: oklch(58.5% 0.233 277.117); | ||||
|     --color-indigo-600: oklch(51.1% 0.262 276.966); | ||||
|     --color-gray-100: oklch(96.7% 0.003 264.542); | ||||
|     --color-gray-300: oklch(87.2% 0.01 258.338); | ||||
|     --color-gray-600: oklch(44.6% 0.03 256.802); | ||||
|     --color-gray-900: oklch(21% 0.034 264.665); | ||||
|     --color-stone-400: oklch(70.9% 0.01 56.259); | ||||
|     --color-black: #000; | ||||
|     --color-white: #fff; | ||||
|     --spacing: 0.25rem; | ||||
|     --text-sm: 0.875rem; | ||||
|     --text-sm--line-height: calc(1.25 / 0.875); | ||||
|     --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); | ||||
|     --font-weight-medium: 500; | ||||
|     --font-weight-semibold: 600; | ||||
|     --font-weight-bold: 700; | ||||
|     --radius-md: 0.375rem; | ||||
|     --radius-lg: 0.5rem; | ||||
|     --default-transition-duration: 150ms; | ||||
|     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | ||||
|     --default-font-family: var(--font-sans); | ||||
|     --default-mono-font-family: var(--font-mono); | ||||
|   } | ||||
| } | ||||
| @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: -0.25em; | ||||
|   } | ||||
|   sup { | ||||
|     top: -0.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 { | ||||
|   .mt-2 { | ||||
|     margin-top: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .mb-1 { | ||||
|     margin-bottom: calc(var(--spacing) * 1); | ||||
|   } | ||||
|   .mb-2 { | ||||
|     margin-bottom: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .mb-4 { | ||||
|     margin-bottom: calc(var(--spacing) * 4); | ||||
|   } | ||||
|   .block { | ||||
|     display: block; | ||||
|   } | ||||
|   .flex { | ||||
|     display: flex; | ||||
|   } | ||||
|   .grid { | ||||
|     display: grid; | ||||
|   } | ||||
|   .max-h-96 { | ||||
|     max-height: calc(var(--spacing) * 96); | ||||
|   } | ||||
|   .w-24 { | ||||
|     width: calc(var(--spacing) * 24); | ||||
|   } | ||||
|   .w-full { | ||||
|     width: 100%; | ||||
|   } | ||||
|   .min-w-\[100px\] { | ||||
|     min-width: 100px; | ||||
|   } | ||||
|   .flex-1 { | ||||
|     flex: 1; | ||||
|   } | ||||
|   .cursor-pointer { | ||||
|     cursor: pointer; | ||||
|   } | ||||
|   .grid-cols-2 { | ||||
|     grid-template-columns: repeat(2, minmax(0, 1fr)); | ||||
|   } | ||||
|   .items-center { | ||||
|     align-items: center; | ||||
|   } | ||||
|   .justify-between { | ||||
|     justify-content: space-between; | ||||
|   } | ||||
|   .justify-center { | ||||
|     justify-content: center; | ||||
|   } | ||||
|   .gap-2 { | ||||
|     gap: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .gap-4 { | ||||
|     gap: calc(var(--spacing) * 4); | ||||
|   } | ||||
|   .space-y-2 { | ||||
|     :where(& > :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))); | ||||
|     } | ||||
|   } | ||||
|   .space-y-4 { | ||||
|     :where(& > :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))); | ||||
|     } | ||||
|   } | ||||
|   .space-y-6 { | ||||
|     :where(& > :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))); | ||||
|     } | ||||
|   } | ||||
|   .space-x-2 { | ||||
|     :where(& > :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))); | ||||
|     } | ||||
|   } | ||||
|   .space-x-4 { | ||||
|     :where(& > :not(:last-child)) { | ||||
|       --tw-space-x-reverse: 0; | ||||
|       margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); | ||||
|       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); | ||||
|     } | ||||
|   } | ||||
|   .overflow-y-auto { | ||||
|     overflow-y: auto; | ||||
|   } | ||||
|   .rounded { | ||||
|     border-radius: 0.25rem; | ||||
|   } | ||||
|   .rounded-lg { | ||||
|     border-radius: var(--radius-lg); | ||||
|   } | ||||
|   .rounded-md { | ||||
|     border-radius: var(--radius-md); | ||||
|   } | ||||
|   .border { | ||||
|     border-style: var(--tw-border-style); | ||||
|     border-width: 1px; | ||||
|   } | ||||
|   .border-0 { | ||||
|     border-style: var(--tw-border-style); | ||||
|     border-width: 0px; | ||||
|   } | ||||
|   .border-2 { | ||||
|     border-style: var(--tw-border-style); | ||||
|     border-width: 2px; | ||||
|   } | ||||
|   .border-l-4 { | ||||
|     border-left-style: var(--tw-border-style); | ||||
|     border-left-width: 4px; | ||||
|   } | ||||
|   .border-gray-300 { | ||||
|     border-color: var(--color-gray-300); | ||||
|   } | ||||
|   .border-orange-500 { | ||||
|     border-color: var(--color-orange-500); | ||||
|   } | ||||
|   .border-stone-400 { | ||||
|     border-color: var(--color-stone-400); | ||||
|   } | ||||
|   .bg-amber-100 { | ||||
|     background-color: var(--color-amber-100); | ||||
|   } | ||||
|   .bg-blue-300 { | ||||
|     background-color: var(--color-blue-300); | ||||
|   } | ||||
|   .bg-blue-400 { | ||||
|     background-color: var(--color-blue-400); | ||||
|   } | ||||
|   .bg-blue-500 { | ||||
|     background-color: var(--color-blue-500); | ||||
|   } | ||||
|   .bg-blue-700 { | ||||
|     background-color: var(--color-blue-700); | ||||
|   } | ||||
|   .bg-gray-100 { | ||||
|     background-color: var(--color-gray-100); | ||||
|   } | ||||
|   .bg-green-600 { | ||||
|     background-color: var(--color-green-600); | ||||
|   } | ||||
|   .bg-indigo-600 { | ||||
|     background-color: var(--color-indigo-600); | ||||
|   } | ||||
|   .bg-orange-100 { | ||||
|     background-color: var(--color-orange-100); | ||||
|   } | ||||
|   .bg-red-300 { | ||||
|     background-color: var(--color-red-300); | ||||
|   } | ||||
|   .bg-red-400 { | ||||
|     background-color: var(--color-red-400); | ||||
|   } | ||||
|   .bg-red-500 { | ||||
|     background-color: var(--color-red-500); | ||||
|   } | ||||
|   .bg-red-700 { | ||||
|     background-color: var(--color-red-700); | ||||
|   } | ||||
|   .bg-white { | ||||
|     background-color: var(--color-white); | ||||
|   } | ||||
|   .p-2 { | ||||
|     padding: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .p-4 { | ||||
|     padding: calc(var(--spacing) * 4); | ||||
|   } | ||||
|   .px-1 { | ||||
|     padding-inline: calc(var(--spacing) * 1); | ||||
|   } | ||||
|   .px-2 { | ||||
|     padding-inline: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .px-3 { | ||||
|     padding-inline: calc(var(--spacing) * 3); | ||||
|   } | ||||
|   .px-4 { | ||||
|     padding-inline: calc(var(--spacing) * 4); | ||||
|   } | ||||
|   .px-6 { | ||||
|     padding-inline: calc(var(--spacing) * 6); | ||||
|   } | ||||
|   .py-1 { | ||||
|     padding-block: calc(var(--spacing) * 1); | ||||
|   } | ||||
|   .py-1\.5 { | ||||
|     padding-block: calc(var(--spacing) * 1.5); | ||||
|   } | ||||
|   .py-2 { | ||||
|     padding-block: calc(var(--spacing) * 2); | ||||
|   } | ||||
|   .text-center { | ||||
|     text-align: center; | ||||
|   } | ||||
|   .font-mono { | ||||
|     font-family: var(--font-mono); | ||||
|   } | ||||
|   .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)); | ||||
|   } | ||||
|   .leading-6 { | ||||
|     --tw-leading: calc(var(--spacing) * 6); | ||||
|     line-height: calc(var(--spacing) * 6); | ||||
|   } | ||||
|   .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-semibold { | ||||
|     --tw-font-weight: var(--font-weight-semibold); | ||||
|     font-weight: var(--font-weight-semibold); | ||||
|   } | ||||
|   .text-black { | ||||
|     color: var(--color-black); | ||||
|   } | ||||
|   .text-blue-400 { | ||||
|     color: var(--color-blue-400); | ||||
|   } | ||||
|   .text-blue-500 { | ||||
|     color: var(--color-blue-500); | ||||
|   } | ||||
|   .text-blue-600 { | ||||
|     color: var(--color-blue-600); | ||||
|   } | ||||
|   .text-blue-700 { | ||||
|     color: var(--color-blue-700); | ||||
|   } | ||||
|   .text-gray-600 { | ||||
|     color: var(--color-gray-600); | ||||
|   } | ||||
|   .text-gray-900 { | ||||
|     color: var(--color-gray-900); | ||||
|   } | ||||
|   .text-orange-700 { | ||||
|     color: var(--color-orange-700); | ||||
|   } | ||||
|   .text-red-400 { | ||||
|     color: var(--color-red-400); | ||||
|   } | ||||
|   .text-red-500 { | ||||
|     color: var(--color-red-500); | ||||
|   } | ||||
|   .text-red-700 { | ||||
|     color: var(--color-red-700); | ||||
|   } | ||||
|   .text-white { | ||||
|     color: var(--color-white); | ||||
|   } | ||||
|   .shadow-sm { | ||||
|     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); | ||||
|     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); | ||||
|   } | ||||
|   .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-gray-300 { | ||||
|     --tw-ring-color: var(--color-gray-300); | ||||
|   } | ||||
|   .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)); | ||||
|   } | ||||
|   .ring-inset { | ||||
|     --tw-ring-inset: inset; | ||||
|   } | ||||
|   .placeholder\:text-gray-300 { | ||||
|     &::placeholder { | ||||
|       color: var(--color-gray-300); | ||||
|     } | ||||
|   } | ||||
|   .hover\:bg-green-700 { | ||||
|     &:hover { | ||||
|       @media (hover: hover) { | ||||
|         background-color: var(--color-green-700); | ||||
|       } | ||||
|     } | ||||
|   } | ||||
|   .hover\:bg-indigo-500 { | ||||
|     &:hover { | ||||
|       @media (hover: hover) { | ||||
|         background-color: var(--color-indigo-500); | ||||
|       } | ||||
|     } | ||||
|   } | ||||
|   .focus\:border-blue-500 { | ||||
|     &:focus { | ||||
|       border-color: var(--color-blue-500); | ||||
|     } | ||||
|   } | ||||
|   .focus\:ring-2 { | ||||
|     &:focus { | ||||
|       --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\:ring-blue-500 { | ||||
|     &:focus { | ||||
|       --tw-ring-color: var(--color-blue-500); | ||||
|     } | ||||
|   } | ||||
|   .focus\:ring-indigo-600 { | ||||
|     &:focus { | ||||
|       --tw-ring-color: var(--color-indigo-600); | ||||
|     } | ||||
|   } | ||||
|   .focus\:ring-inset { | ||||
|     &:focus { | ||||
|       --tw-ring-inset: inset; | ||||
|     } | ||||
|   } | ||||
|   .focus-visible\:outline { | ||||
|     &:focus-visible { | ||||
|       outline-style: var(--tw-outline-style); | ||||
|       outline-width: 1px; | ||||
|     } | ||||
|   } | ||||
|   .focus-visible\:outline-2 { | ||||
|     &:focus-visible { | ||||
|       outline-style: var(--tw-outline-style); | ||||
|       outline-width: 2px; | ||||
|     } | ||||
|   } | ||||
|   .focus-visible\:outline-offset-2 { | ||||
|     &:focus-visible { | ||||
|       outline-offset: 2px; | ||||
|     } | ||||
|   } | ||||
|   .focus-visible\:outline-indigo-600 { | ||||
|     &:focus-visible { | ||||
|       outline-color: var(--color-indigo-600); | ||||
|     } | ||||
|   } | ||||
|   .sm\:grid-cols-5 { | ||||
|     @media (width >= 40rem) { | ||||
|       grid-template-columns: repeat(5, minmax(0, 1fr)); | ||||
|     } | ||||
|   } | ||||
|   .sm\:text-sm { | ||||
|     @media (width >= 40rem) { | ||||
|       font-size: var(--text-sm); | ||||
|       line-height: var(--tw-leading, var(--text-sm--line-height)); | ||||
|     } | ||||
|   } | ||||
|   .sm\:leading-6 { | ||||
|     @media (width >= 40rem) { | ||||
|       --tw-leading: calc(var(--spacing) * 6); | ||||
|       line-height: calc(var(--spacing) * 6); | ||||
|     } | ||||
|   } | ||||
| } | ||||
| @property --tw-space-y-reverse { | ||||
|   syntax: "*"; | ||||
|   inherits: false; | ||||
|   initial-value: 0; | ||||
| } | ||||
| @property --tw-space-x-reverse { | ||||
|   syntax: "*"; | ||||
|   inherits: false; | ||||
|   initial-value: 0; | ||||
| } | ||||
| @property --tw-border-style { | ||||
|   syntax: "*"; | ||||
|   inherits: false; | ||||
|   initial-value: solid; | ||||
| } | ||||
| @property --tw-leading { | ||||
|   syntax: "*"; | ||||
|   inherits: false; | ||||
| } | ||||
| @property --tw-font-weight { | ||||
|   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: 0px; | ||||
| } | ||||
| @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; | ||||
| } | ||||
| @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-space-y-reverse: 0; | ||||
|       --tw-space-x-reverse: 0; | ||||
|       --tw-border-style: solid; | ||||
|       --tw-leading: initial; | ||||
|       --tw-font-weight: 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; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| @@ -6,7 +6,7 @@ | ||||
| 	<script src="/assets/helpers.js"></script> | ||||
| 	<script src="/assets/htmx.min.js"></script> | ||||
| 	<script src="/assets/htmx.sse.js"></script> | ||||
|         <script src="/assets/tailwind.css"></script> | ||||
|         <link href="/assets/output.css" rel="stylesheet"/> | ||||
| 	<link rel="stylesheet" href="/assets/style.css"/> | ||||
| 	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/> | ||||
| 	<link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/> | ||||
|   | ||||
| @@ -26,6 +26,9 @@ func createRoom(ctx context.Context, req *models.RoomReq) (*models.Room, error) | ||||
|  | ||||
| func saveFullInfo(ctx context.Context, fi *models.FullInfo) error { | ||||
| 	// INFO: no transactions; so case is possible where first object is updated but the second is not | ||||
| 	if fi.State == nil { | ||||
| 		return errors.New("player is nil") | ||||
| 	} | ||||
| 	if err := repo.PlayerUpdate(ctx, fi.State); err != nil { | ||||
| 		return err | ||||
| 	} | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 Grail Finder
					Grail Finder