lookbook 2.3.2 → 3.0.0.alpha.1

data/public/lookbook-assets/css/lookbook.css

@@ -1,4379 +0,0 @@
-@font-face {
-  font-family: Inter var;
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: normal;
-  font-named-instance: "Regular";
-  src: url("../Inter-roman.var.b695afbe.woff2") format("woff2");
-}
-
-@font-face {
-  font-family: Inter var;
-  font-weight: 100 900;
-  font-display: swap;
-  font-style: italic;
-  font-named-instance: "Italic";
-  src: url("../Inter-italic.var.69eb0fe1.woff2") format("woff2");
-}
-
-@font-face {
-  font-family: Source Code Variable;
-  font-weight: 200 900;
-  font-style: normal;
-  font-stretch: normal;
-  src: url("../SourceCodeVariable-Roman.ttf.118e9f22.woff2") format("woff2");
-}
-
-@font-face {
-  font-family: Source Code Variable;
-  font-weight: 200 900;
-  font-style: italic;
-  font-stretch: normal;
-  src: url("../SourceCodeVariable-Italic.ttf.09b4354a.woff2") format("woff2");
-}
-
-*, :before, :after {
-  box-sizing: border-box;
-  border: 0 solid #e5e7eb;
-}
-
-:before, :after {
-  --tw-content: "";
-}
-
-html, :host {
-  -webkit-text-size-adjust: 100%;
-  tab-size: 4;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  -webkit-tap-highlight-color: transparent;
-  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  line-height: 1.5;
-}
-
-body {
-  line-height: inherit;
-  margin: 0;
-}
-
-hr {
-  color: inherit;
-  border-top-width: 1px;
-  height: 0;
-}
-
-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-feature-settings: normal;
-  font-variation-settings: normal;
-  font-family: Source Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-  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;
-}
-
-button, input, optgroup, select, textarea {
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-family: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-
-button, select {
-  text-transform: none;
-}
-
-button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
-  -webkit-appearance: button;
-  background-color: #0000;
-  background-image: none;
-}
-
-:-moz-focusring {
-  outline: auto;
-}
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-::-webkit-inner-spin-button {
-  height: auto;
-}
-
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-summary {
-  display: list-item;
-}
-
-blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol, ul, menu {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-dialog {
-  padding: 0;
-}
-
-textarea {
-  resize: vertical;
-}
-
-input::placeholder, textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-
-button, [role="button"] {
-  cursor: pointer;
-}
-
-:disabled {
-  cursor: default;
-}
-
-img, svg, video, canvas, audio, iframe, embed, object {
-  vertical-align: middle;
-  display: block;
-}
-
-img, video {
-  max-width: 100%;
-  height: auto;
-}
-
-[hidden] {
-  display: none;
-}
-
-[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
-  appearance: none;
-  --tw-shadow: 0 0 #0000;
-  background-color: #fff;
-  border-width: 1px;
-  border-color: #6b7280;
-  border-radius: 0;
-  padding: .5rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-[type="text"]:focus, input:where(:not([type])):focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, [multiple]:focus, textarea:focus, select:focus {
-  outline-offset: 2px;
-  --tw-ring-inset: var(--tw-empty, );
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  border-color: #2563eb;
-  outline: 2px solid #0000;
-}
-
-input::placeholder, textarea::placeholder {
-  color: #6b7280;
-  opacity: 1;
-}
-
-::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-
-::-webkit-date-and-time-value {
-  text-align: inherit;
-  min-height: 1.5em;
-}
-
-::-webkit-datetime-edit {
-  display: inline-flex;
-}
-
-::-webkit-datetime-edit {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-year-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-month-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-day-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-hour-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-minute-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-second-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-millisecond-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::-webkit-datetime-edit-meridiem-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-select {
-  print-color-adjust: exact;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-  background-position: right .5rem center;
-  background-repeat: no-repeat;
-  background-size: 1.5em 1.5em;
-  padding-right: 2.5rem;
-}
-
-[multiple], [size]:where(select:not([size="1"])) {
-  background-image: initial;
-  background-position: initial;
-  background-repeat: unset;
-  background-size: initial;
-  print-color-adjust: unset;
-  padding-right: .75rem;
-}
-
-[type="checkbox"], [type="radio"] {
-  appearance: none;
-  print-color-adjust: exact;
-  vertical-align: middle;
-  -webkit-user-select: none;
-  user-select: none;
-  color: #2563eb;
-  --tw-shadow: 0 0 #0000;
-  background-color: #fff;
-  background-origin: border-box;
-  border-width: 1px;
-  border-color: #6b7280;
-  flex-shrink: 0;
-  width: 1rem;
-  height: 1rem;
-  padding: 0;
-  display: inline-block;
-}
-
-[type="checkbox"] {
-  border-radius: 0;
-}
-
-[type="radio"] {
-  border-radius: 100%;
-}
-
-[type="checkbox"]:focus, [type="radio"]:focus {
-  outline-offset: 2px;
-  --tw-ring-inset: var(--tw-empty, );
-  --tw-ring-offset-width: 2px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  outline: 2px solid #0000;
-}
-
-[type="checkbox"]:checked, [type="radio"]:checked {
-  background-color: currentColor;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  border-color: #0000;
-}
-
-[type="checkbox"]:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
-}
-
-[type="radio"]:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-}
-
-[type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus {
-  background-color: currentColor;
-  border-color: #0000;
-}
-
-[type="checkbox"]:indeterminate {
-  background-color: currentColor;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  border-color: #0000;
-}
-
-[type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus {
-  background-color: currentColor;
-  border-color: #0000;
-}
-
-[type="file"] {
-  background: unset;
-  border-color: inherit;
-  font-size: unset;
-  line-height: inherit;
-  border-width: 0;
-  border-radius: 0;
-  padding: 0;
-}
-
-[type="file"]:focus {
-  outline: 1px solid ButtonText;
-  outline: 1px auto -webkit-focus-ring-color;
-}
-
-html {
-  scroll-behavior: smooth;
-  width: 100vw;
-  height: 100vh;
-}
-
-@media screen and (prefers-reduced-motion: reduce) {
-  html {
-    scroll-behavior: auto;
-  }
-}
-
-body {
-  color: var(--lookbook-text);
-  width: 100vw;
-  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  overflow: hidden;
-}
-
-[x-cloak] {
-  display: none !important;
-}
-
-pre[class*="language-"] {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-::-webkit-scrollbar {
-  width: .25rem;
-  height: .25rem;
-}
-
-::-webkit-scrollbar-track {
-  background-color: #0000;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--lookbook-scrollbar);
-  background-clip: content-box;
-  border-radius: 9999px;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--lookbook-scrollbar-hover);
-}
-
-*, :before, :after, ::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #3b82f680;
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-
-.form-input, .form-textarea, .form-select, .form-multiselect {
-  appearance: none;
-  --tw-shadow: 0 0 #0000;
-  background-color: #fff;
-  border-width: 1px;
-  border-color: #6b7280;
-  border-radius: 0;
-  padding: .5rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
-  outline-offset: 2px;
-  --tw-ring-inset: var(--tw-empty, );
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  border-color: #2563eb;
-  outline: 2px solid #0000;
-}
-
-.form-input::placeholder, .form-textarea::placeholder {
-  color: #6b7280;
-  opacity: 1;
-}
-
-.form-input::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-
-.form-input::-webkit-date-and-time-value {
-  text-align: inherit;
-  min-height: 1.5em;
-}
-
-.form-input::-webkit-datetime-edit {
-  display: inline-flex;
-}
-
-.form-input::-webkit-datetime-edit {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-year-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-month-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-day-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-hour-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-minute-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-second-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-millisecond-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.form-input::-webkit-datetime-edit-meridiem-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-.prose {
-  color: var(--tw-prose-body);
-  max-width: 65ch;
-}
-
-.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-lead);
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-  font-size: 1.25em;
-  line-height: 1.6;
-}
-
-.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-links);
-  font-weight: 500;
-  text-decoration: underline;
-}
-
-.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-bold);
-  font-weight: 600;
-}
-
-.prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-}
-
-.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  padding-inline-start: 1.625em;
-  list-style-type: decimal;
-}
-
-.prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: upper-roman;
-}
-
-.prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: lower-roman;
-}
-
-.prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: upper-roman;
-}
-
-.prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: lower-roman;
-}
-
-.prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  list-style-type: decimal;
-}
-
-.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  padding-inline-start: 1.625em;
-  list-style-type: disc;
-}
-
-.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
-  color: var(--tw-prose-counters);
-  font-weight: 400;
-}
-
-.prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
-  color: var(--tw-prose-bullets);
-}
-
-.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  margin-top: 1.25em;
-  font-weight: 600;
-}
-
-.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  border-color: var(--tw-prose-hr);
-  border-top-width: 1px;
-  margin-top: 3em;
-  margin-bottom: 3em;
-}
-
-.prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-quotes);
-  border-inline-start-width: .25rem;
-  border-inline-start-color: var(--tw-prose-quote-borders);
-  quotes: "“""”""‘""’";
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  padding-inline-start: 1em;
-  font-style: italic;
-  font-weight: 500;
-}
-
-.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
-  content: open-quote;
-}
-
-.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-  content: close-quote;
-}
-
-.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  margin-top: 0;
-  margin-bottom: .888889em;
-  font-size: 2.25em;
-  font-weight: 800;
-  line-height: 1.11111;
-}
-
-.prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-weight: 900;
-}
-
-.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  margin-top: 2em;
-  margin-bottom: 1em;
-  font-size: 1.5em;
-  font-weight: 700;
-  line-height: 1.33333;
-}
-
-.prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-weight: 800;
-}
-
-.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  margin-top: 1.6em;
-  margin-bottom: .6em;
-  font-size: 1.25em;
-  font-weight: 600;
-  line-height: 1.6;
-}
-
-.prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-weight: 700;
-}
-
-.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  margin-top: 1.5em;
-  margin-bottom: .5em;
-  font-weight: 600;
-  line-height: 1.5;
-}
-
-.prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-weight: 700;
-}
-
-.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-  display: block;
-}
-
-.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-kbd);
-  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
-  padding-top: .1875em;
-  padding-inline-end: .375em;
-  padding-bottom: .1875em;
-  border-radius: .3125rem;
-  padding-inline-start: .375em;
-  font-family: inherit;
-  font-size: .875em;
-  font-weight: 500;
-}
-
-.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-code);
-  font-size: .875em;
-  font-weight: 600;
-}
-
-.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-  content: "`";
-}
-
-.prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-}
-
-.prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-size: .875em;
-}
-
-.prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-  font-size: .9em;
-}
-
-.prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: inherit;
-}
-
-.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-pre-code);
-  background-color: var(--tw-prose-pre-bg);
-  padding-top: .857143em;
-  padding-inline-end: 1.14286em;
-  padding-bottom: .857143em;
-  border-radius: .375rem;
-  margin-top: 1.71429em;
-  margin-bottom: 1.71429em;
-  padding-inline-start: 1.14286em;
-  font-size: .875em;
-  font-weight: 400;
-  line-height: 1.71429;
-  overflow-x: auto;
-}
-
-.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-weight: inherit;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
-  background-color: #0000;
-  border-width: 0;
-  border-radius: 0;
-  padding: 0;
-}
-
-.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
-  content: none;
-}
-
-.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  table-layout: auto;
-  text-align: start;
-  width: 100%;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  font-size: .875em;
-  line-height: 1.71429;
-}
-
-.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-headings);
-  vertical-align: bottom;
-  padding-inline-end: .571429em;
-  padding-bottom: .571429em;
-  padding-inline-start: .571429em;
-  font-weight: 600;
-}
-
-.prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-td-borders);
-}
-
-.prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  border-bottom-width: 0;
-}
-
-.prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  vertical-align: baseline;
-}
-
-.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  border-top-width: 1px;
-  border-top-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  vertical-align: top;
-}
-
-.prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--tw-prose-captions);
-  margin-top: .857143em;
-  font-size: .875em;
-  line-height: 1.42857;
-}
-
-.prose {
-  --tw-prose-body: #374151;
-  --tw-prose-headings: #111827;
-  --tw-prose-lead: #4b5563;
-  --tw-prose-links: #111827;
-  --tw-prose-bold: #111827;
-  --tw-prose-counters: #6b7280;
-  --tw-prose-bullets: #d1d5db;
-  --tw-prose-hr: #e5e7eb;
-  --tw-prose-quotes: #111827;
-  --tw-prose-quote-borders: #e5e7eb;
-  --tw-prose-captions: #6b7280;
-  --tw-prose-kbd: #111827;
-  --tw-prose-kbd-shadows: 17 24 39;
-  --tw-prose-code: #111827;
-  --tw-prose-pre-code: #e5e7eb;
-  --tw-prose-pre-bg: #1f2937;
-  --tw-prose-th-borders: #d1d5db;
-  --tw-prose-td-borders: #e5e7eb;
-  --tw-prose-invert-body: #d1d5db;
-  --tw-prose-invert-headings: #fff;
-  --tw-prose-invert-lead: #9ca3af;
-  --tw-prose-invert-links: #fff;
-  --tw-prose-invert-bold: #fff;
-  --tw-prose-invert-counters: #9ca3af;
-  --tw-prose-invert-bullets: #4b5563;
-  --tw-prose-invert-hr: #374151;
-  --tw-prose-invert-quotes: #f3f4f6;
-  --tw-prose-invert-quote-borders: #374151;
-  --tw-prose-invert-captions: #9ca3af;
-  --tw-prose-invert-kbd: #fff;
-  --tw-prose-invert-kbd-shadows: 255 255 255;
-  --tw-prose-invert-code: #fff;
-  --tw-prose-invert-pre-code: #d1d5db;
-  --tw-prose-invert-pre-bg: #00000080;
-  --tw-prose-invert-th-borders: #4b5563;
-  --tw-prose-invert-td-borders: #374151;
-  font-size: 1rem;
-  line-height: 1.75;
-}
-
-.prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .5em;
-  margin-bottom: .5em;
-}
-
-.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: .375em;
-}
-
-.prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em;
-}
-
-.prose :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em;
-}
-
-.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .5em;
-  padding-inline-start: 1.625em;
-}
-
-.prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .571429em;
-  padding-inline-end: .571429em;
-  padding-bottom: .571429em;
-  padding-inline-start: .571429em;
-}
-
-.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-sm {
-  font-size: .875rem;
-  line-height: 1.71429;
-}
-
-.prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-  margin-bottom: 1.14286em;
-}
-
-.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .888889em;
-  margin-bottom: .888889em;
-  font-size: 1.28571em;
-  line-height: 1.55556;
-}
-
-.prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-  margin-bottom: 1.33333em;
-  padding-inline-start: 1.11111em;
-}
-
-.prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: .8em;
-  font-size: 2.14286em;
-  line-height: 1.2;
-}
-
-.prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.6em;
-  margin-bottom: .8em;
-  font-size: 1.42857em;
-  line-height: 1.4;
-}
-
-.prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.55556em;
-  margin-bottom: .444444em;
-  font-size: 1.28571em;
-  line-height: 1.55556;
-}
-
-.prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.42857em;
-  margin-bottom: .571429em;
-  line-height: 1.42857;
-}
-
-.prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.71429em;
-  margin-bottom: 1.71429em;
-}
-
-.prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.71429em;
-  margin-bottom: 1.71429em;
-}
-
-.prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .142857em;
-  padding-inline-end: .357143em;
-  padding-bottom: .142857em;
-  border-radius: .3125rem;
-  padding-inline-start: .357143em;
-  font-size: .857143em;
-}
-
-.prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .857143em;
-}
-
-.prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .9em;
-}
-
-.prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .888889em;
-}
-
-.prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .666667em;
-  padding-inline-end: 1em;
-  padding-bottom: .666667em;
-  border-radius: .25rem;
-  margin-top: 1.66667em;
-  margin-bottom: 1.66667em;
-  padding-inline-start: 1em;
-  font-size: .857143em;
-  line-height: 1.66667;
-}
-
-.prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-  margin-bottom: 1.14286em;
-  padding-inline-start: 1.57143em;
-}
-
-.prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .285714em;
-  margin-bottom: .285714em;
-}
-
-.prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: .428571em;
-}
-
-.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .571429em;
-  margin-bottom: .571429em;
-}
-
-.prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-}
-
-.prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.14286em;
-}
-
-.prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-}
-
-.prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.14286em;
-}
-
-.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .571429em;
-  margin-bottom: .571429em;
-}
-
-.prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-  margin-bottom: 1.14286em;
-}
-
-.prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.14286em;
-}
-
-.prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .285714em;
-  padding-inline-start: 1.57143em;
-}
-
-.prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 2.85714em;
-  margin-bottom: 2.85714em;
-}
-
-.prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .857143em;
-  line-height: 1.5;
-}
-
-.prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 1em;
-  padding-bottom: .666667em;
-  padding-inline-start: 1em;
-}
-
-.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .666667em;
-  padding-inline-end: 1em;
-  padding-bottom: .666667em;
-  padding-inline-start: 1em;
-}
-
-.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.71429em;
-  margin-bottom: 1.71429em;
-}
-
-.prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .666667em;
-  font-size: .857143em;
-  line-height: 1.33333;
-}
-
-.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-lg {
-  font-size: 1.125rem;
-  line-height: 1.77778;
-}
-
-.prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-  margin-bottom: 1.33333em;
-}
-
-.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.09091em;
-  margin-bottom: 1.09091em;
-  font-size: 1.22222em;
-  line-height: 1.45455;
-}
-
-.prose-lg :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.66667em;
-  margin-bottom: 1.66667em;
-  padding-inline-start: 1em;
-}
-
-.prose-lg :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: .833333em;
-  font-size: 2.66667em;
-  line-height: 1;
-}
-
-.prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.86667em;
-  margin-bottom: 1.06667em;
-  font-size: 1.66667em;
-  line-height: 1.33333;
-}
-
-.prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.66667em;
-  margin-bottom: .666667em;
-  font-size: 1.33333em;
-  line-height: 1.5;
-}
-
-.prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.77778em;
-  margin-bottom: .444444em;
-  line-height: 1.55556;
-}
-
-.prose-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.77778em;
-  margin-bottom: 1.77778em;
-}
-
-.prose-lg :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-lg :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.77778em;
-  margin-bottom: 1.77778em;
-}
-
-.prose-lg :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .222222em;
-  padding-inline-end: .444444em;
-  padding-bottom: .222222em;
-  border-radius: .3125rem;
-  padding-inline-start: .444444em;
-  font-size: .888889em;
-}
-
-.prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .888889em;
-}
-
-.prose-lg :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .866667em;
-}
-
-.prose-lg :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .875em;
-}
-
-.prose-lg :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: 1em;
-  padding-inline-end: 1.5em;
-  padding-bottom: 1em;
-  border-radius: .375rem;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  padding-inline-start: 1.5em;
-  font-size: .888889em;
-  line-height: 1.75;
-}
-
-.prose-lg :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-  margin-bottom: 1.33333em;
-  padding-inline-start: 1.55556em;
-}
-
-.prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .666667em;
-  margin-bottom: .666667em;
-}
-
-.prose-lg :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: .444444em;
-}
-
-.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .888889em;
-  margin-bottom: .888889em;
-}
-
-.prose-lg :where(.prose-lg > ul > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-}
-
-.prose-lg :where(.prose-lg > ul > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.33333em;
-}
-
-.prose-lg :where(.prose-lg > ol > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-}
-
-.prose-lg :where(.prose-lg > ol > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 1.33333em;
-}
-
-.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .888889em;
-  margin-bottom: .888889em;
-}
-
-.prose-lg :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-  margin-bottom: 1.33333em;
-}
-
-.prose-lg :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-}
-
-.prose-lg :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: .666667em;
-  padding-inline-start: 1.55556em;
-}
-
-.prose-lg :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 3.11111em;
-  margin-bottom: 3.11111em;
-}
-
-.prose-lg :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-lg :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-size: .888889em;
-  line-height: 1.5;
-}
-
-.prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: .75em;
-  padding-bottom: .75em;
-  padding-inline-start: .75em;
-}
-
-.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-top: .75em;
-  padding-inline-end: .75em;
-  padding-bottom: .75em;
-  padding-inline-start: .75em;
-}
-
-.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-start: 0;
-}
-
-.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  padding-inline-end: 0;
-}
-
-.prose-lg :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1.77778em;
-  margin-bottom: 1.77778em;
-}
-
-.prose-lg :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose-lg :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 1em;
-  font-size: .888889em;
-  line-height: 1.5;
-}
-
-.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-[data-component="code"] {
-  padding-left: 1rem;
-  padding-right: 1rem;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  overflow-x: hidden;
-}
-
-[data-component="code"] .line {
-  min-height: 1.625em;
-  line-height: 1.625;
-}
-
-[data-component="code"] .code {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  overflow: auto hidden;
-}
-
-[data-component="code"].numbered {
-  padding: 0;
-}
-
-[data-component="code"].numbered .wrapper {
-  grid-template-columns: min-content 1fr;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  position: relative;
-}
-
-[data-component="code"].numbered .line-numbers {
-  z-index: 10;
-  -webkit-user-select: none;
-  user-select: none;
-  text-align: right;
-  border-style: dashed;
-  border-right-width: 1px;
-  width: min-content;
-  height: 100%;
-  padding: .75rem;
-}
-
-[data-component="code"].numbered .line-number {
-  min-width: 1.4em;
-  padding-top: 4px;
-  font-size: .75rem;
-  line-height: 1rem;
-  display: block;
-}
-
-[data-component="code"].numbered .code {
-  padding-top: .75rem;
-  padding-bottom: .75rem;
-}
-
-[data-component="code"].numbered .code .line {
-  padding-left: .75rem;
-  padding-right: .75rem;
-}
-
-[data-component="code"].focussed .line:not(.highlighted) {
-  opacity: .3 !important;
-}
-
-[data-component="code"].focussed .code .line.highlighted {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
-}
-
-[data-component="display-options-field"] label {
-  cursor: pointer;
-  color: var(--lookbook-input-text);
-  font-size: .82rem;
-}
-
-[data-component="embed-code-dropdown"] [data-component="code"] {
-  border-style: dashed;
-  border-width: 1px;
-  border-color: var(--lookbook-divider);
-  background-color: var(--lookbook-base-50);
-  padding: .5rem;
-}
-
-[data-component="embed-code-dropdown"] pre.code.highlight {
-  white-space: normal;
-  padding: 0;
-  font-size: 11px;
-  overflow: hidden;
-}
-
-[data-component="embed-code-dropdown"] .line-clamp-2 {
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-[data-component="header"] .header-project-icon {
-  flex: none;
-  width: min-content;
-  height: 1.25rem;
-  display: inline-block;
-}
-
-[data-component="header"] .header-project-icon svg {
-  width: auto;
-  height: 100%;
-}
-
-[data-component="icon"] {
-  flex: none;
-  line-height: 1;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  display: block;
-}
-
-[data-component="icon"] svg {
-  fill: #0000;
-  stroke: currentColor;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  width: 100%;
-  height: 100%;
-}
-
-[data-component="icon"].icon-stroke-2 svg {
-  stroke-width: 2px;
-}
-
-[data-component="icon"].icon-stroke-1 svg {
-  stroke-width: 1px;
-}
-
-.lookbook-panel {
-  min-height: 100%;
-  padding: 1rem;
-}
-
-[data-component="message"] {
-  border-width: 1px;
-  border-color: var(--lookbook-divider);
-  background-color: var(--lookbook-message-bg);
-  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border-radius: .25rem;
-  gap: 1.5rem;
-  width: 100%;
-  padding: 1rem;
-  display: flex;
-}
-
-@media (width >= 480px) {
-  [data-component="message"] {
-    padding: 1.5rem;
-  }
-}
-
-[data-component="message"].icon-right {
-  flex-direction: row-reverse;
-  align-items: center;
-}
-
-[data-component="message"].icon-left {
-  align-items: flex-start;
-}
-
-[data-component="message"] .message-title {
-  text-transform: uppercase;
-  letter-spacing: .025em;
-  color: var(--lookbook-message-title);
-  overflow-wrap: anywhere;
-  margin-bottom: .5rem;
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1.5rem;
-}
-
-[data-component="message"] .message-icon {
-  opacity: .3;
-  flex: none;
-  display: none;
-}
-
-@media (width >= 480px) {
-  [data-component="message"] .message-icon {
-    display: block;
-  }
-}
-
-[data-component="message"].theme-error {
-  --tw-border-opacity: 1;
-  border-color: rgb(254 202 202 / var(--tw-border-opacity));
-}
-
-[data-component="message"].theme-error .message-title {
-  --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
-}
-
-[data-component="message"].theme-error .message-icon {
-  --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
-  opacity: .5;
-}
-
-[data-component="nav"] .nav-action {
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-  color: var(--lookbook-nav-text);
-  align-items: center;
-  width: 100%;
-  padding-top: .25rem;
-  padding-bottom: .25rem;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  display: flex;
-}
-
-[data-component="nav"] .nav-action:hover {
-  background-color: var(--lookbook-nav-item-hover);
-}
-
-[data-component="nav"] .nav-action-inner {
-  align-items: center;
-  width: 100%;
-  display: flex;
-  position: relative;
-}
-
-[data-component="nav"] .nav-toggle-icon {
-  color: var(--lookbook-nav-toggle);
-  margin-right: .25rem;
-  position: absolute;
-  left: -1rem;
-}
-
-[data-component="params-editor"] table:not(.linear) thead tr {
-  border-bottom-width: 1px;
-  border-color: var(--lookbook-divider);
-}
-
-[data-component="params-editor"] table:not(.linear) thead th {
-  text-align: left;
-  vertical-align: middle;
-  padding: 1rem;
-  font-weight: 600;
-}
-
-[data-component="params-editor"] table:not(.linear) thead th.param-label {
-  width: 18%;
-}
-
-[data-component="params-editor"] table:not(.linear) thead th.param-input {
-  width: 45%;
-}
-
-[data-component="params-editor"] table:not(.linear) tbody tr + tr td {
-  border-top-width: 1px;
-  border-color: var(--lookbook-divider);
-}
-
-[data-component="params-editor"] table:not(.linear) tbody td {
-  vertical-align: middle;
-  padding: 1rem;
-}
-
-[data-component="params-editor"] table:not(.linear) tbody td.param-label {
-  font-weight: 600;
-}
-
-[data-component="params-editor"] table:not(.linear) tbody .param-input-wrapper {
-  min-height: 38px;
-}
-
-[data-component="params-editor"] table.linear table, [data-component="params-editor"] table.linear tr, [data-component="params-editor"] table.linear td {
-  display: block;
-}
-
-[data-component="params-editor"] table.linear thead, [data-component="params-editor"] table.linear th {
-  display: none;
-}
-
-[data-component="params-editor"] table.linear tr:not(:last-child) {
-  border-bottom-width: 1px;
-  border-color: var(--lookbook-divider);
-}
-
-[data-component="params-editor"] table.linear tr > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
-}
-
-[data-component="params-editor"] table.linear tr {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-[data-component="params-editor"] table.linear td {
-  vertical-align: middle;
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-[data-component="params-editor"] table.linear td.param-label {
-  font-weight: 600;
-}
-
-[data-component="params-editor"] table.linear td.param-description-empty {
-  display: none;
-}
-
-[data-component="prose"] {
-  font-family: system-ui, sans-serif;
-}
-
-[data-component="prose"] [data-component="code"] {
-  border-width: 1px;
-  border-color: var(--lookbook-divider);
-  border-radius: .375rem;
-}
-
-[data-component="prose"] [data-component="embed"], [data-component="prose"] [data-component="code"], [data-component="prose"] [data-lookbook-embed] {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
-[data-component="prose"] [data-lookbook-embed] {
-  border-radius: .375rem;
-}
-
-#page [data-component="prose"] h2 {
-  border-bottom-width: 1px;
-  border-color: var(--lookbook-divider);
-  padding-bottom: .75rem;
-}
-
-[data-component="tabs-dropdown-tab"]:not(.hidden) {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--lookbook-divider);
-}
-
-[data-component="tabs-dropdown-tab"]:not(.hidden):last-child {
-  border-bottom-width: 0;
-}
-
-[data-component="toolbar"] .toolbar-sections > * {
-  white-space: nowrap;
-  border-color: var(--lookbook-toolbar-divider);
-  align-items: center;
-  height: 2.5rem;
-  display: flex;
-}
-
-[data-component="toolbar"] [data-component="button-group"] {
-  padding-left: .45rem;
-  padding-right: .45rem;
-}
-
-[data-component="toolbar"] [data-component="tabs"] {
-  margin-bottom: -1px;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  position: relative;
-}
-
-[data-component="viewport"] {
-  background-color: #fff;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
-}
-
-[data-component="viewport"] .resize-handle {
-  border-color: var(--lookbook-divider);
-  background-color: var(--lookbook-viewport-handle);
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-[data-component="viewport"] .resize-handle:hover {
-  background-color: var(--lookbook-viewport-handle-hover);
-  --tw-bg-opacity: .2;
-}
-
-[data-component="viewport"] .resize-handle {
-  touch-action: none;
-  -webkit-user-select: none;
-  user-select: none;
-  color: var(--lookbook-viewport-handle-icon-stroke);
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-[data-component="viewport"] .resize-handle:hover {
-  color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
-  color: var(--lookbook-input-text);
-}
-
-[type="text"]::placeholder, [type="email"]::placeholder, [type="url"]::placeholder, [type="password"]::placeholder, [type="number"]::placeholder, [type="date"]::placeholder, [type="datetime-local"]::placeholder, [type="month"]::placeholder, [type="search"]::placeholder, [type="tel"]::placeholder, [type="time"]::placeholder, [type="week"]::placeholder, textarea::placeholder, select::placeholder {
-  color: var(--lookbook-input-text-placeholder);
-  font-style: italic;
-}
-
-[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
-  border-color: var(--lookbook-input-border);
-}
-
-[type="text"]:focus, [type="email"]:focus, [type="url"]:focus, [type="password"]:focus, [type="number"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="week"]:focus, textarea:focus, select:focus {
-  border-color: var(--lookbook-input-border-focus);
-  --tw-ring-color: var(--lookbook-input-border-focus);
-}
-
-[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
-  background-color: var(--lookbook-input-bg);
-  border-radius: .375rem;
-  width: 100%;
-  font-size: .875rem;
-  line-height: 1.25rem;
-  display: block;
-}
-
-input[type="range"] {
-  appearance: none;
-  cursor: pointer;
-  background: none;
-  width: 100%;
-}
-
-input[type="range"]:focus {
-  outline: none;
-}
-
-input[type="range"]::-webkit-slider-runnable-track {
-  background-color: var(--lookbook-input-toggle);
-  border-radius: .5rem;
-  height: .5rem;
-}
-
-input[type="range"]::-webkit-slider-thumb {
-  appearance: none;
-  background-color: var(--lookbook-input-toggle-active);
-  border-radius: .5rem;
-  width: 1rem;
-  height: 1rem;
-  margin-top: -4px;
-}
-
-input[type="range"]::-moz-range-track {
-  background-color: var(--lookbook-input-toggle);
-  border-radius: .5rem;
-  height: .5rem;
-}
-
-input[type="range"]::-moz-range-thumb {
-  background-color: var(--lookbook-input-toggle-active);
-  border: none;
-  border-radius: .5rem;
-  width: 1rem;
-  height: 1rem;
-}
-
-input[type="range"]:focus::-webkit-slider-thumb {
-  outline-offset: 2px;
-  outline-width: 1px;
-  outline-color: var(--lookbook-input-toggle-active);
-}
-
-input[type="range"]:focus::-moz-range-thumb {
-  outline-offset: 2px;
-  outline-width: 1px;
-  outline-color: var(--lookbook-input-toggle-active);
-}
-
-input[type="color"] {
-  -webkit-appearance: none;
-  cursor: pointer;
-  border-width: 1px;
-  border-color: var(--lookbook-input-border);
-  border-radius: .5rem;
-  width: 46px;
-}
-
-input[type="color"]::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-
-input[type="color"]::-webkit-color-swatch {
-  border-width: 0;
-  border-radius: .5rem;
-}
-
-select.compact {
-  background-position: right .4rem center;
-  background-size: 1.2em 1.2em;
-  border-radius: .375rem;
-  padding: .26rem 1.5rem .26rem .6rem;
-  font-size: .8rem;
-  line-height: 1.1rem;
-}
-
-#inspector .split-layout-gutter-horizontal {
-  top: 4px;
-}
-
-.pointer-events-none {
-  pointer-events: none;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.\!absolute {
-  position: absolute !important;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.relative {
-  position: relative;
-}
-
-.-inset-px {
-  inset: -1px;
-}
-
-.inset-0 {
-  inset: 0;
-}
-
-.-bottom-px {
-  bottom: -1px;
-}
-
-.-left-px {
-  left: -1px;
-}
-
-.-top-px {
-  top: -1px;
-}
-
-.bottom-0 {
-  bottom: 0;
-}
-
-.right-0 {
-  right: 0;
-}
-
-.right-3 {
-  right: .75rem;
-}
-
-.right-\[18px\] {
-  right: 18px;
-}
-
-.right-px {
-  right: 1px;
-}
-
-.top-0 {
-  top: 0;
-}
-
-.top-1\/2 {
-  top: 50%;
-}
-
-.top-\[-1px\] {
-  top: -1px;
-}
-
-.top-\[2px\] {
-  top: 2px;
-}
-
-.top-\[39px\] {
-  top: 39px;
-}
-
-.top-\[40px\] {
-  top: 40px;
-}
-
-.top-px {
-  top: 1px;
-}
-
-.\!z-\[1000\] {
-  z-index: 1000 !important;
-}
-
-.z-0 {
-  z-index: 0;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
-.z-\[-1\] {
-  z-index: -1;
-}
-
-.z-\[1001\] {
-  z-index: 1001;
-}
-
-.mx-8 {
-  margin-left: 2rem;
-  margin-right: 2rem;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.\!ml-2 {
-  margin-left: .5rem !important;
-}
-
-.-ml-3 {
-  margin-left: -.75rem;
-}
-
-.-mr-1 {
-  margin-right: -.25rem;
-}
-
-.-mr-1\.5 {
-  margin-right: -.375rem;
-}
-
-.-mt-1 {
-  margin-top: -.25rem;
-}
-
-.-mt-px {
-  margin-top: -1px;
-}
-
-.mb-2 {
-  margin-bottom: .5rem;
-}
-
-.mb-3 {
-  margin-bottom: .75rem;
-}
-
-.mb-4 {
-  margin-bottom: 1rem;
-}
-
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
-.mb-\[-2px\] {
-  margin-bottom: -2px;
-}
-
-.ml-2 {
-  margin-left: .5rem;
-}
-
-.ml-auto {
-  margin-left: auto;
-}
-
-.mr-0 {
-  margin-right: 0;
-}
-
-.mr-0\.5 {
-  margin-right: .125rem;
-}
-
-.mr-1 {
-  margin-right: .25rem;
-}
-
-.mr-1\.5 {
-  margin-right: .375rem;
-}
-
-.mr-2 {
-  margin-right: .5rem;
-}
-
-.mr-6 {
-  margin-right: 1.5rem;
-}
-
-.mr-auto {
-  margin-right: auto;
-}
-
-.mt-12 {
-  margin-top: 3rem;
-}
-
-.mt-6 {
-  margin-top: 1.5rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.line-clamp-2 {
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.\!block {
-  display: block !important;
-}
-
-.block {
-  display: block;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.inline {
-  display: inline;
-}
-
-.flex {
-  display: flex;
-}
-
-.inline-flex {
-  display: inline-flex;
-}
-
-.table {
-  display: table;
-}
-
-.grid {
-  display: grid;
-}
-
-.contents {
-  display: contents;
-}
-
-.hidden {
-  display: none;
-}
-
-.h-10 {
-  height: 2.5rem;
-}
-
-.h-3 {
-  height: .75rem;
-}
-
-.h-3\.5 {
-  height: .875rem;
-}
-
-.h-4 {
-  height: 1rem;
-}
-
-.h-5 {
-  height: 1.25rem;
-}
-
-.h-6 {
-  height: 1.5rem;
-}
-
-.h-\[9px\] {
-  height: 9px;
-}
-
-.h-\[calc\(100\%_-_40px\)\] {
-  height: calc(100% - 40px);
-}
-
-.h-\[calc\(100vh_-_2\.5rem\)\] {
-  height: calc(100vh - 2.5rem);
-}
-
-.h-\[calc\(100vh_-_40px\)\] {
-  height: calc(100vh - 40px);
-}
-
-.h-full {
-  height: 100%;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
-.max-h-full {
-  max-height: 100%;
-}
-
-.min-h-0 {
-  min-height: 0;
-}
-
-.min-h-\[calc\(100vh_-_400px\)\] {
-  min-height: calc(100vh - 400px);
-}
-
-.w-11 {
-  width: 2.75rem;
-}
-
-.w-3 {
-  width: .75rem;
-}
-
-.w-3\.5 {
-  width: .875rem;
-}
-
-.w-4 {
-  width: 1rem;
-}
-
-.w-5 {
-  width: 1.25rem;
-}
-
-.w-\[360px\] {
-  width: 360px;
-}
-
-.w-\[9px\] {
-  width: 9px;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.w-screen {
-  width: 100vw;
-}
-
-.min-w-0 {
-  min-width: 0;
-}
-
-.min-w-\[180px\] {
-  min-width: 180px;
-}
-
-.max-w-\[40\%\] {
-  max-width: 40%;
-}
-
-.max-w-\[420px\] {
-  max-width: 420px;
-}
-
-.max-w-none {
-  max-width: none;
-}
-
-.max-w-screen-lg {
-  max-width: 1024px;
-}
-
-.flex-none {
-  flex: none;
-}
-
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.flex-grow {
-  flex-grow: 1;
-}
-
-.border-collapse {
-  border-collapse: collapse;
-}
-
-.-translate-x-1\/2 {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.-translate-y-1\/2 {
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-x-0 {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-x-5 {
-  --tw-translate-x: 1.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.translate-x-full {
-  --tw-translate-x: 100%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.rotate-45 {
-  --tw-rotate: 45deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.rotate-90 {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.scale-75 {
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.animate-spin {
-  animation: 1s linear infinite spin;
-}
-
-.\!cursor-default {
-  cursor: default !important;
-}
-
-.\!cursor-not-allowed {
-  cursor: not-allowed !important;
-}
-
-.cursor-\[col-resize\] {
-  cursor: col-resize;
-}
-
-.cursor-\[not-allowed\] {
-  cursor: not-allowed;
-}
-
-.cursor-\[nwse-resize\] {
-  cursor: nwse-resize;
-}
-
-.cursor-\[row-resize\] {
-  cursor: row-resize;
-}
-
-.cursor-help {
-  cursor: help;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.select-none {
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.resize {
-  resize: both;
-}
-
-.list-none {
-  list-style-type: none;
-}
-
-.\!grid-cols-\[1fr\] {
-  grid-template-columns: 1fr !important;
-}
-
-.grid-cols-\[1fr_17px\] {
-  grid-template-columns: 1fr 17px;
-}
-
-.\!grid-rows-\[1fr\] {
-  grid-template-rows: 1fr !important;
-}
-
-.grid-rows-\[1fr_17px\] {
-  grid-template-rows: 1fr 17px;
-}
-
-.grid-rows-\[40px_1fr\] {
-  grid-template-rows: 40px 1fr;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-stretch {
-  align-items: stretch;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.gap-2 {
-  gap: .5rem;
-}
-
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(.375rem * var(--tw-space-x-reverse));
-  margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
-}
-
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
-}
-
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
-.divide-dashed > :not([hidden]) ~ :not([hidden]) {
-  border-style: dashed;
-}
-
-.divide-lookbook-divider > :not([hidden]) ~ :not([hidden]) {
-  border-color: var(--lookbook-divider);
-}
-
-.divide-lookbook-viewport-handle-icon-stroke-hover > :not([hidden]) ~ :not([hidden]) {
-  border-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.scroll-smooth {
-  scroll-behavior: smooth;
-}
-
-.truncate {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.rounded-md {
-  border-radius: .375rem;
-}
-
-.rounded-bl-md {
-  border-bottom-left-radius: .375rem;
-}
-
-.rounded-tl-sm {
-  border-top-left-radius: .125rem;
-}
-
-.border {
-  border-width: 1px;
-}
-
-.border-2 {
-  border-width: 2px;
-}
-
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-b-0 {
-  border-bottom-width: 0;
-}
-
-.border-b-2 {
-  border-bottom-width: 2px;
-}
-
-.border-l {
-  border-left-width: 1px;
-}
-
-.border-l-2 {
-  border-left-width: 2px;
-}
-
-.border-r {
-  border-right-width: 1px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
-.border-dashed {
-  border-style: dashed;
-}
-
-.\!border-lookbook-header-border {
-  border-color: var(--lookbook-header-border) !important;
-}
-
-.border-gray-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity));
-}
-
-.border-lookbook-divider {
-  border-color: var(--lookbook-divider);
-}
-
-.border-lookbook-page-header-border {
-  border-color: var(--lookbook-page-header-border);
-}
-
-.border-lookbook-tabs-border-active {
-  border-color: var(--lookbook-tabs-border-active);
-}
-
-.border-lookbook-viewport-handle-icon-stroke-hover {
-  border-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-red-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(254 202 202 / var(--tw-border-opacity));
-}
-
-.border-transparent {
-  border-color: #0000;
-}
-
-.border-x-lookbook-viewport-handle-icon-stroke-hover {
-  border-left-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-  border-right-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-y-lookbook-viewport-handle-icon-stroke-hover {
-  border-top-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-  border-bottom-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-b-lookbook-viewport-handle-icon-stroke-hover {
-  border-bottom-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-e-lookbook-viewport-handle-icon-stroke-hover {
-  border-inline-end-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-l-lookbook-viewport-handle-icon-stroke-hover {
-  border-left-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-r-lookbook-viewport-handle-icon-stroke-hover {
-  border-right-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-s-lookbook-viewport-handle-icon-stroke-hover {
-  border-inline-start-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.border-t-lookbook-viewport-handle-icon-stroke-hover {
-  border-top-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.\!bg-lookbook-button-bg {
-  background-color: var(--lookbook-button-bg) !important;
-}
-
-.\!bg-lookbook-header-bg {
-  background-color: var(--lookbook-header-bg) !important;
-}
-
-.\!bg-lookbook-nav-item-active {
-  background-color: var(--lookbook-nav-item-active) !important;
-}
-
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
-.bg-gray-100\/80 {
-  background-color: #f3f4f6cc;
-}
-
-.bg-lookbook-base-50 {
-  background-color: var(--lookbook-base-50);
-}
-
-.bg-lookbook-button-bg {
-  background-color: var(--lookbook-button-bg);
-}
-
-.bg-lookbook-button-bg-hover {
-  background-color: var(--lookbook-button-bg-hover);
-}
-
-.bg-lookbook-divider {
-  background-color: var(--lookbook-divider);
-}
-
-.bg-lookbook-drawer-bg {
-  background-color: var(--lookbook-drawer-bg);
-}
-
-.bg-lookbook-input-toggle {
-  background-color: var(--lookbook-input-toggle);
-}
-
-.bg-lookbook-input-toggle-active {
-  background-color: var(--lookbook-input-toggle-active);
-}
-
-.bg-lookbook-page-bg {
-  background-color: var(--lookbook-page-bg);
-}
-
-.bg-lookbook-page-header-bg {
-  background-color: var(--lookbook-page-header-bg);
-}
-
-.bg-lookbook-params-editor-bg {
-  background-color: var(--lookbook-params-editor-bg);
-}
-
-.bg-lookbook-prose-bg {
-  background-color: var(--lookbook-prose-bg);
-}
-
-.bg-lookbook-sidebar-bg {
-  background-color: var(--lookbook-sidebar-bg);
-}
-
-.bg-lookbook-toolbar-bg {
-  background-color: var(--lookbook-toolbar-bg);
-}
-
-.bg-lookbook-viewport-handle-icon-stroke-hover {
-  background-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.bg-red-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
-}
-
-.bg-red-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
-}
-
-.bg-transparent {
-  background-color: #0000;
-}
-
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
-}
-
-.from-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-from: var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-from-position);
-  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.via-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-
-.to-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-gradient-to: var(--lookbook-viewport-handle-icon-stroke-hover) var(--tw-gradient-to-position);
-}
-
-.fill-lookbook-viewport-handle-icon-stroke-hover {
-  fill: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.stroke-lookbook-viewport-handle-icon-stroke-hover {
-  stroke: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.p-1 {
-  padding: .25rem;
-}
-
-.p-2 {
-  padding: .5rem;
-}
-
-.p-3 {
-  padding: .75rem;
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.px-1 {
-  padding-left: .25rem;
-  padding-right: .25rem;
-}
-
-.px-2 {
-  padding-left: .5rem;
-  padding-right: .5rem;
-}
-
-.px-3 {
-  padding-left: .75rem;
-  padding-right: .75rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-1 {
-  padding-top: .25rem;
-  padding-bottom: .25rem;
-}
-
-.py-1\.5 {
-  padding-top: .375rem;
-  padding-bottom: .375rem;
-}
-
-.py-2 {
-  padding-top: .5rem;
-  padding-bottom: .5rem;
-}
-
-.py-3 {
-  padding-top: .75rem;
-  padding-bottom: .75rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.pb-0 {
-  padding-bottom: 0;
-}
-
-.pb-1 {
-  padding-bottom: .25rem;
-}
-
-.pb-1\.5 {
-  padding-bottom: .375rem;
-}
-
-.pb-10 {
-  padding-bottom: 2.5rem;
-}
-
-.pb-12 {
-  padding-bottom: 3rem;
-}
-
-.pb-6 {
-  padding-bottom: 1.5rem;
-}
-
-.pl-0 {
-  padding-left: 0;
-}
-
-.pl-0\.5 {
-  padding-left: .125rem;
-}
-
-.pl-1 {
-  padding-left: .25rem;
-}
-
-.pl-2 {
-  padding-left: .5rem;
-}
-
-.pr-0 {
-  padding-right: 0;
-}
-
-.pr-0\.5 {
-  padding-right: .125rem;
-}
-
-.pr-1 {
-  padding-right: .25rem;
-}
-
-.pt-1 {
-  padding-top: .25rem;
-}
-
-.pt-1\.5 {
-  padding-top: .375rem;
-}
-
-.pt-2 {
-  padding-top: .5rem;
-}
-
-.pt-2\.5 {
-  padding-top: .625rem;
-}
-
-.pt-8 {
-  padding-top: 2rem;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.font-mono {
-  font-family: Source Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
-}
-
-.font-ui {
-  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-}
-
-.text-\[11px\] {
-  font-size: 11px;
-}
-
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-.text-sm {
-  font-size: .875rem;
-  line-height: 1.25rem;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
-.text-xs {
-  font-size: .75rem;
-  line-height: 1rem;
-}
-
-.font-black {
-  font-weight: 900;
-}
-
-.font-bold {
-  font-weight: 700;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.uppercase {
-  text-transform: uppercase;
-}
-
-.italic {
-  font-style: italic;
-}
-
-.leading-relaxed {
-  line-height: 1.625;
-}
-
-.leading-tight {
-  line-height: 1.25;
-}
-
-.tracking-wider {
-  letter-spacing: .05em;
-}
-
-.\!text-lookbook-button-text {
-  color: var(--lookbook-button-text) !important;
-}
-
-.\!text-lookbook-header-text {
-  color: var(--lookbook-header-text) !important;
-}
-
-.\!text-lookbook-tabs-text-disabled {
-  color: var(--lookbook-tabs-text-disabled) !important;
-}
-
-.text-gray-400 {
-  --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
-.text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity));
-}
-
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
-}
-
-.text-green-600 {
-  --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity));
-}
-
-.text-lookbook-branding-text {
-  color: var(--lookbook-branding-text);
-}
-
-.text-lookbook-button-text {
-  color: var(--lookbook-button-text);
-}
-
-.text-lookbook-embed-title {
-  color: var(--lookbook-embed-title);
-}
-
-.text-lookbook-header-text {
-  color: var(--lookbook-header-text);
-}
-
-.text-lookbook-icon-button-stroke {
-  color: var(--lookbook-icon-button-stroke);
-}
-
-.text-lookbook-icon-button-stroke-hover {
-  color: var(--lookbook-icon-button-stroke-hover);
-}
-
-.text-lookbook-nav-icon-stroke {
-  color: var(--lookbook-nav-icon-stroke);
-}
-
-.text-lookbook-page-header-text {
-  color: var(--lookbook-page-header-text);
-}
-
-.text-lookbook-prose-text {
-  color: var(--lookbook-prose-text);
-}
-
-.text-lookbook-tabs-text {
-  color: var(--lookbook-tabs-text);
-}
-
-.text-lookbook-tabs-text-hover {
-  color: var(--lookbook-tabs-text-hover);
-}
-
-.text-lookbook-viewport-handle-icon-stroke-hover {
-  color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.text-red-700 {
-  --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
-}
-
-.text-red-900 {
-  --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity));
-}
-
-.underline {
-  text-decoration-line: underline;
-}
-
-.decoration-lookbook-viewport-handle-icon-stroke-hover {
-  -webkit-text-decoration-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-  text-decoration-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.placeholder-lookbook-viewport-handle-icon-stroke-hover::placeholder {
-  color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.caret-lookbook-viewport-handle-icon-stroke-hover {
-  caret-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.accent-lookbook-viewport-handle-icon-stroke-hover {
-  accent-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.\!opacity-100 {
-  opacity: 1 !important;
-}
-
-.\!opacity-30 {
-  opacity: .3 !important;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-25 {
-  opacity: .25;
-}
-
-.opacity-40 {
-  opacity: .4;
-}
-
-.opacity-50 {
-  opacity: .5;
-}
-
-.opacity-60 {
-  opacity: .6;
-}
-
-.opacity-70 {
-  opacity: .7;
-}
-
-.opacity-75 {
-  opacity: .75;
-}
-
-.opacity-80 {
-  opacity: .8;
-}
-
-.opacity-90 {
-  opacity: .9;
-}
-
-.shadow {
-  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-shadow-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-  --tw-shadow: var(--tw-shadow-colored);
-}
-
-.outline-lookbook-viewport-handle-icon-stroke-hover {
-  outline-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.ring-0 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-ring-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.ring-offset-lookbook-viewport-handle-icon-stroke-hover {
-  --tw-ring-offset-color: var(--lookbook-viewport-handle-icon-stroke-hover);
-}
-
-.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);
-}
-
-.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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.transition-\[height\] {
-  transition-property: height;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.transition-all {
-  transition-property: all;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.transition-opacity {
-  transition-property: opacity;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.duration-100 {
-  transition-duration: .1s;
-}
-
-.duration-150 {
-  transition-duration: .15s;
-}
-
-.duration-200 {
-  transition-duration: .2s;
-}
-
-.duration-300 {
-  transition-duration: .3s;
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
-.bg-checked {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
-}
-
-.tippy-box[data-animation="fade"][data-state="hidden"] {
-  opacity: 0;
-}
-
-[data-tippy-root] {
-  max-width: calc(100vw - 10px);
-}
-
-.tippy-box {
-  color: #fff;
-  white-space: normal;
-  background-color: #333;
-  border-radius: 4px;
-  outline: 0;
-  font-size: 14px;
-  line-height: 1.4;
-  transition-property: transform, visibility, opacity;
-  position: relative;
-}
-
-.tippy-box[data-placement^="top"] > .tippy-arrow {
-  bottom: 0;
-}
-
-.tippy-box[data-placement^="top"] > .tippy-arrow:before {
-  border-width: 8px 8px 0;
-  border-top-color: initial;
-  transform-origin: top;
-  bottom: -7px;
-  left: 0;
-}
-
-.tippy-box[data-placement^="bottom"] > .tippy-arrow {
-  top: 0;
-}
-
-.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
-  border-width: 0 8px 8px;
-  border-bottom-color: initial;
-  transform-origin: bottom;
-  top: -7px;
-  left: 0;
-}
-
-.tippy-box[data-placement^="left"] > .tippy-arrow {
-  right: 0;
-}
-
-.tippy-box[data-placement^="left"] > .tippy-arrow:before {
-  border-width: 8px 0 8px 8px;
-  border-left-color: initial;
-  transform-origin: 0;
-  right: -7px;
-}
-
-.tippy-box[data-placement^="right"] > .tippy-arrow {
-  left: 0;
-}
-
-.tippy-box[data-placement^="right"] > .tippy-arrow:before {
-  border-width: 8px 8px 8px 0;
-  border-right-color: initial;
-  transform-origin: 100%;
-  left: -7px;
-}
-
-.tippy-box[data-inertia][data-state="visible"] {
-  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
-}
-
-.tippy-arrow {
-  color: #333;
-  width: 16px;
-  height: 16px;
-}
-
-.tippy-arrow:before {
-  content: "";
-  border-style: solid;
-  border-color: #0000;
-  position: absolute;
-}
-
-.tippy-content {
-  z-index: 1;
-  padding: 5px 9px;
-  position: relative;
-}
-
-.tippy-box {
-  border: 1px #0000;
-}
-
-.tippy-box[data-placement^="top"] > .tippy-arrow:after {
-  border-top-color: inherit;
-  border-width: 8px 8px 0;
-  bottom: -8px;
-  left: 0;
-}
-
-.tippy-box[data-placement^="bottom"] > .tippy-arrow:after {
-  border-bottom-color: inherit;
-  border-width: 0 8px 8px;
-  top: -8px;
-  left: 0;
-}
-
-.tippy-box[data-placement^="left"] > .tippy-arrow:after {
-  border-left-color: inherit;
-  border-width: 8px 0 8px 8px;
-  top: 0;
-  right: -8px;
-}
-
-.tippy-box[data-placement^="right"] > .tippy-arrow:after {
-  border-width: 8px 8px 8px 0;
-  border-right-color: inherit;
-  top: 0;
-  left: -8px;
-}
-
-.tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {
-  top: 17px;
-}
-
-.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {
-  bottom: 17px;
-}
-
-.tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {
-  left: 12px;
-}
-
-.tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg:first-child:not(:last-child) {
-  right: 12px;
-}
-
-.tippy-arrow {
-  border-color: inherit;
-}
-
-.tippy-arrow:after {
-  content: "";
-  z-index: -1;
-  border-style: solid;
-  border-color: #0000;
-  position: absolute;
-}
-
-.tippy-box[data-theme~="tooltip"] {
-  opacity: .9;
-  background-color: var(--lookbook-tooltip-bg);
-  color: var(--lookbook-tooltip-text);
-  font-size: .75rem;
-  line-height: 1rem;
-}
-
-.tippy-box[data-theme~="tooltip"][data-placement^="top"] > .tippy-arrow:before {
-  border-top-color: var(--lookbook-tooltip-bg);
-}
-
-.tippy-box[data-theme~="tooltip"][data-placement^="bottom"] > .tippy-arrow:before {
-  border-bottom-color: var(--lookbook-tooltip-bg);
-}
-
-.tippy-box[data-theme~="tooltip"][data-placement^="left"] > .tippy-arrow:before {
-  border-left-color: var(--lookbook-tooltip-bg);
-}
-
-.tippy-box[data-theme~="tooltip"][data-placement^="right"] > .tippy-arrow:before {
-  border-right-color: var(--lookbook-tooltip-bg);
-}
-
-.tippy-box[data-theme~="menu"] {
-  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  border: 1px solid var(--lookbook-dropdown-divider);
-  color: var(--lookbook-dropdown-text);
-  background: var(--lookbook-dropdown-bg);
-  max-width: none !important;
-}
-
-.tippy-box[data-theme~="menu"] > .tippy-content {
-  border-radius: .25rem;
-  padding: 0;
-  overflow: hidden;
-}
-
-.tippy-box[data-theme~="menu"][data-placement^="top"] > .tippy-arrow:before {
-  border-top-color: var(--lookbook-dropdown-bg);
-}
-
-.tippy-box[data-theme~="menu"][data-placement^="bottom"] > .tippy-arrow:before {
-  border-bottom-color: var(--lookbook-dropdown-bg);
-}
-
-.tippy-box[data-theme~="menu"][data-placement^="left"] > .tippy-arrow:before {
-  border-left-color: var(--lookbook-dropdown-bg);
-}
-
-.tippy-box[data-theme~="menu"][data-placement^="right"] > .tippy-arrow:before {
-  border-right-color: var(--lookbook-dropdown-bg);
-}
-
-.theme-github {
-  --dark-bg: #111;
-  --dark-gray-1: #404040;
-  --dark-gray-2: #d0d0d0;
-  --dark-gray-3: #ccc;
-  --dark-gray-4: #777;
-  --dark-gray-5: #aaa;
-  --dark-gray-6: #bbb;
-  --dark-gray-7: #666;
-  --dark-blue-1: #3677a9;
-  --dark-blue-2: #24909d;
-  --dark-blue-3: #447fcf;
-  --dark-blue-4: #098;
-  --dark-red-1: #a61717;
-  --dark-red-2: #311;
-  --dark-red-3: #e50808;
-  --dark-red-4: #520000;
-  --dark-red-5: #d22323;
-  --dark-red-6: #cd2828;
-  --dark-yellow-1: #e9b96e;
-  --dark-yellow-2: orange;
-  --dark-orange: #d2691e;
-  --dark-white: #fff;
-  --dark-green-1: #589819;
-  --dark-green-2: #6ab825;
-  --dark-green-3: #4ca;
-  --light-bg: #fff;
-  --light-gray-1: #f8f8f8;
-  --light-gray-2: #27272a;
-  --light-gray-3: #ccc;
-  --light-gray-4: #888;
-  --light-gray-5: #999;
-  --light-gray-6: #555;
-  --light-gray-7: #bbb;
-  --light-yellow-1: #998;
-  --light-red-1: #a61717;
-  --light-red-2: #e3d2d2;
-  --light-red-3: #d14;
-  --light-red-4: #fdd;
-  --light-red-5: #a00;
-  --light-red-6: #900;
-  --light-purple-1: purple;
-  --light-purple-2: #990073;
-  --light-black: #000;
-  --light-green-1: #dfd;
-  --light-green-2: #009926;
-  --light-blue-1: #458;
-  --light-blue-2: #099;
-  --light-blue-3: teal;
-  --light-blue-4: #0086b3;
-  --light-blue-5: #3c5d5d;
-  --light-blue-6: navy;
-  --hl-bg: var(--light-bg);
-  --hl-hll-bg: var(--light-gray-1);
-  --hl-border: var(--light-gray-3);
-  --hl-line-number: var(--light-gray-2);
-  --hl-comment: var(--light-yellow-1);
-  --hl-comment-preproc: var(--light-gray-5);
-  --hl-comment-special-fg: var(--light-gray-5);
-  --hl-comment-special-bg: transparent;
-  --hl-error-fg: var(--light-red-1);
-  --hl-error-bg: var(--light-red-2);
-  --hl-subtle-fg: var(--light-gray-2);
-  --hl-entity: var(--light-purple-1);
-  --hl-keyword: var(--light-black);
-  --hl-output: var(--light-gray-4);
-  --hl-operator: var(--light-black);
-  --hl-punctuation: var(--light-gray-6);
-  --hl-string: var(--light-red-3);
-  --hl-string-other: var(--light-red-3);
-  --hl-string-regex: var(--light-green-2);
-  --hl-string-symbol: var(--light-purple-2);
-  --hl-deleted-fg: var(--light-black);
-  --hl-deleted-bg: var(--light-red-4);
-  --hl-danger: var(--light-red-5);
-  --hl-heading: var(--light-gray-5);
-  --hl-inserted-fg: var(--light-black);
-  --hl-inserted-bg: var(--light-green-1);
-  --hl-prompt: var(--light-gray-6);
-  --hl-subheading: var(--light-purple-1);
-  --hl-keyword-crude: var(--light-black);
-  --hl-keyword-subtle: var(--light-blue-1);
-  --hl-number: var(--light-blue-2);
-  --hl-attribute: var(--light-blue-3);
-  --hl-builtin: var(--light-blue-4);
-  --hl-builtin-pseudo: var(--light-gray-5);
-  --hl-class: var(--light-blue-1);
-  --hl-variable: var(--light-blue-3);
-  --hl-decorator: var(--light-blue-5);
-  --hl-exception: var(--light-red-6);
-  --hl-function: var(--light-red-6);
-  --hl-namespace: var(--light-gray-6);
-  --hl-tag: var(--light-blue-6);
-  --hl-word: var(--light-black);
-  --hl-whitespace: var(--light-gray-7);
-}
-
-.theme-github.dark {
-  --hl-bg: var(--dark-bg);
-  --hl-hll-bg: var(--dark-gray-1);
-  --hl-border: var(--dark-gray-4);
-  --hl-line-number: var(--dark-gray-2);
-  --hl-comment: var(--dark-blue-1);
-  --hl-comment-preproc: var(--dark-orange);
-  --hl-comment-special-fg: var(--dark-red-3);
-  --hl-comment-special-bg: var(--dark-red-4);
-  --hl-error-fg: var(--dark-red-1);
-  --hl-error-bg: var(--dark-red-2);
-  --hl-subtle-fg: var(--dark-gray-2);
-  --hl-entity: var(--dark-gray-2);
-  --hl-keyword: var(--dark-gray-3);
-  --hl-output: var(--dark-gray-3);
-  --hl-operator: var(--dark-gray-4);
-  --hl-punctuation: var(--dark-yellow-1);
-  --hl-string: var(--dark-orange);
-  --hl-string-other: var(--dark-yellow-2);
-  --hl-string-regex: var(--dark-red-6);
-  --hl-string-symbol: var(--dark-orange);
-  --hl-deleted-fg: var(--dark-red-5);
-  --hl-deleted-bg: transparent;
-  --hl-danger: var(--dark-red-5);
-  --hl-heading: var(--dark-white);
-  --hl-inserted-fg: var(--dark-green-1);
-  --hl-inserted-bg: transparent;
-  --hl-prompt: var(--dark-gray-5);
-  --hl-subheading: var(--dark-white);
-  --hl-keyword-crude: var(--dark-green-2);
-  --hl-keyword-subtle: var(--dark-green-2);
-  --hl-number: var(--dark-red-6);
-  --hl-attribute: var(--dark-gray-6);
-  --hl-builtin: var(--dark-blue-2);
-  --hl-builtin-pseudo: var(--dark-blue-2);
-  --hl-class: var(--dark-blue-3);
-  --hl-variable: var(--dark-green-3);
-  --hl-decorator: var(--dark-yellow-2);
-  --hl-exception: var(--dark-gray-6);
-  --hl-function: var(--dark-blue-4);
-  --hl-namespace: var(--dark-blue-3);
-  --hl-tag: var(--dark-green-2);
-  --hl-word: var(--dark-green-2);
-  --hl-whitespace: var(--dark-gray-7);
-}
-
-.theme-github {
-  background-color: var(--hl-bg);
-}
-
-.theme-github .line-numbers {
-  background-color: var(--hl-bg);
-  border-color: var(--hl-border);
-  color: var(--hl-line-number);
-}
-
-.theme-github .highlight .hll {
-  background-color: var(--hl-hll-bg);
-}
-
-.theme-github .highlight .c {
-  color: var(--hl-comment);
-  font-style: italic;
-}
-
-.theme-github .highlight .err {
-  color: var(--hl-error-fg);
-}
-
-.theme-github .highlight .g {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .k {
-  color: var(--hl-keyword);
-  font-weight: 600;
-}
-
-.theme-github .highlight .l {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .n, .theme-github .highlight .h {
-  color: var(--hl-keyword);
-}
-
-.theme-github .highlight .o {
-  color: var(--hl-operator);
-  font-weight: 600;
-}
-
-.theme-github .highlight .x {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .p {
-  color: var(--hl-punctuation);
-}
-
-.theme-github .highlight .cm {
-  color: var(--hl-comment);
-  font-style: italic;
-}
-
-.theme-github .highlight .cp {
-  color: var(--hl-comment-preproc);
-  font-weight: 600;
-}
-
-.theme-github .highlight .c1 {
-  color: var(--hl-comment);
-  font-style: italic;
-}
-
-.theme-github .highlight .cs {
-  color: var(--hl-comment-special-fg);
-  background-color: var(--hl-comment-special-bg);
-  font-style: italic;
-  font-weight: 600;
-}
-
-.theme-github .highlight .gd {
-  color: var(--hl-deleted-fg);
-  background-color: var(--hl-deleted-bg);
-}
-
-.theme-github .highlight .ge {
-  color: var(--hl-subtle-fg);
-  font-style: italic;
-}
-
-.theme-github .highlight .gr {
-  color: var(--hl-danger);
-}
-
-.theme-github .highlight .gh {
-  color: var(--hl-heading);
-}
-
-.theme-github .highlight .gi {
-  color: var(--hl-inserted-fg);
-  background-color: var(--hl-inserted-bg);
-}
-
-.theme-github .highlight .go {
-  color: var(--hl-output);
-}
-
-.theme-github .highlight .gp {
-  color: var(--hl-prompt);
-}
-
-.theme-github .highlight .gs {
-  color: var(--hl-subtle-fg);
-  font-weight: 600;
-}
-
-.theme-github .highlight .gu {
-  color: var(--hl-subheading);
-  font-weight: 600;
-}
-
-.theme-github .highlight .gt {
-  color: var(--hl-danger);
-}
-
-.theme-github .highlight .kc, .theme-github .highlight .kd, .theme-github .highlight .kn, .theme-github .highlight .kp, .theme-github .highlight .kr {
-  color: var(--hl-keyword-crude);
-  font-weight: 600;
-}
-
-.theme-github .highlight .kt {
-  color: var(--hl-keyword-subtle);
-  font-weight: 600;
-}
-
-.theme-github .highlight .ld {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .m {
-  color: var(--hl-number);
-}
-
-.theme-github .highlight .s {
-  color: var(--hl-string);
-}
-
-.theme-github .highlight .na {
-  color: var(--hl-attribute);
-}
-
-.theme-github .highlight .nb {
-  color: var(--hl-builtin);
-}
-
-.theme-github .highlight .nc {
-  color: var(--hl-class);
-  font-weight: 600;
-}
-
-.theme-github .highlight .no {
-  color: var(--hl-variable);
-}
-
-.theme-github .highlight .nd {
-  color: var(--hl-decorator);
-}
-
-.theme-github .highlight .ni {
-  color: var(--hl-entity);
-}
-
-.theme-github .highlight .ne {
-  color: var(--hl-exception);
-  font-weight: 600;
-}
-
-.theme-github .highlight .nf {
-  color: var(--hl-function);
-  font-weight: 600;
-}
-
-.theme-github .highlight .nl {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .nn {
-  color: var(--hl-namespace);
-}
-
-.theme-github .highlight .nx, .theme-github .highlight .py {
-  color: var(--hl-subtle-fg);
-}
-
-.theme-github .highlight .nt {
-  color: var(--hl-tag);
-}
-
-.theme-github .highlight .nv {
-  color: var(--hl-variable);
-}
-
-.theme-github .highlight .ow {
-  color: var(--hl-word);
-  font-weight: 600;
-}
-
-.theme-github .highlight .w {
-  color: var(--hl-whitespace);
-}
-
-.theme-github .highlight .mf, .theme-github .highlight .mh, .theme-github .highlight .mi, .theme-github .highlight .mo {
-  color: var(--hl-number);
-}
-
-.theme-github .highlight .sb, .theme-github .highlight .sc, .theme-github .highlight .sd, .theme-github .highlight .s2, .theme-github .highlight .se, .theme-github .highlight .sh, .theme-github .highlight .si {
-  color: var(--hl-string);
-}
-
-.theme-github .highlight .sx {
-  color: var(--hl-string-other);
-}
-
-.theme-github .highlight .sr {
-  color: var(--hl-string-regex);
-}
-
-.theme-github .highlight .s1 {
-  color: var(--hl-string);
-}
-
-.theme-github .highlight .ss {
-  color: var(--hl-string-symbol);
-}
-
-.theme-github .highlight .bp {
-  color: var(--hl-builtin-pseudo);
-}
-
-.theme-github .highlight .vc, .theme-github .highlight .vg, .theme-github .highlight .vi {
-  color: var(--hl-variable);
-}
-
-.theme-github .highlight .il {
-  color: var(--hl-number);
-}
-
-.theme-github .highlight .line-number {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-}
-
-.theme-github .highlight .line-number::selection {
-  background-color: #0000;
-}
-
-@media (width >= 1024px) {
-  .lg\:prose-base {
-    font-size: 1rem;
-    line-height: 1.75;
-  }
-
-  .lg\:prose-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.2em;
-    margin-bottom: 1.2em;
-    font-size: 1.25em;
-    line-height: 1.6;
-  }
-
-  .lg\:prose-base :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.6em;
-    margin-bottom: 1.6em;
-    padding-inline-start: 1em;
-  }
-
-  .lg\:prose-base :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: .888889em;
-    font-size: 2.25em;
-    line-height: 1.11111;
-  }
-
-  .lg\:prose-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 1em;
-    font-size: 1.5em;
-    line-height: 1.33333;
-  }
-
-  .lg\:prose-base :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.6em;
-    margin-bottom: .6em;
-    font-size: 1.25em;
-    line-height: 1.6;
-  }
-
-  .lg\:prose-base :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.5em;
-    margin-bottom: .5em;
-    line-height: 1.5;
-  }
-
-  .lg\:prose-base :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-base :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-base :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-base :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-top: .1875em;
-    padding-inline-end: .375em;
-    padding-bottom: .1875em;
-    border-radius: .3125rem;
-    padding-inline-start: .375em;
-    font-size: .875em;
-  }
-
-  .lg\:prose-base :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    font-size: .875em;
-  }
-
-  .lg\:prose-base :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    font-size: .9em;
-  }
-
-  .lg\:prose-base :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-top: .857143em;
-    padding-inline-end: 1.14286em;
-    padding-bottom: .857143em;
-    border-radius: .375rem;
-    margin-top: 1.71429em;
-    margin-bottom: 1.71429em;
-    padding-inline-start: 1.14286em;
-    font-size: .875em;
-    line-height: 1.71429;
-  }
-
-  .lg\:prose-base :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-    padding-inline-start: 1.625em;
-  }
-
-  .lg\:prose-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .5em;
-    margin-bottom: .5em;
-  }
-
-  .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: .375em;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .75em;
-    margin-bottom: .75em;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > ul > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > ul > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > ol > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > ol > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .75em;
-    margin-bottom: .75em;
-  }
-
-  .lg\:prose-base :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-    margin-bottom: 1.25em;
-  }
-
-  .lg\:prose-base :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 1.25em;
-  }
-
-  .lg\:prose-base :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .5em;
-    padding-inline-start: 1.625em;
-  }
-
-  .lg\:prose-base :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 3em;
-    margin-bottom: 3em;
-  }
-
-  .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-  }
-
-  .lg\:prose-base :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    font-size: .875em;
-    line-height: 1.71429;
-  }
-
-  .lg\:prose-base :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-end: .571429em;
-    padding-bottom: .571429em;
-    padding-inline-start: .571429em;
-  }
-
-  .lg\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: 0;
-  }
-
-  .lg\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-end: 0;
-  }
-
-  .lg\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-top: .571429em;
-    padding-inline-end: .571429em;
-    padding-bottom: .571429em;
-    padding-inline-start: .571429em;
-  }
-
-  .lg\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-start: 0;
-  }
-
-  .lg\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    padding-inline-end: 0;
-  }
-
-  .lg\:prose-base :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 2em;
-    margin-bottom: 2em;
-  }
-
-  .lg\:prose-base :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  .lg\:prose-base :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: .857143em;
-    font-size: .875em;
-    line-height: 1.42857;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0;
-  }
-
-  .lg\:prose-base :where(.lg\:prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-bottom: 0;
-  }
-}
-
-.hover\:\!bg-lookbook-button-bg-hover:hover {
-  background-color: var(--lookbook-button-bg-hover) !important;
-}
-
-.hover\:bg-lookbook-button-bg-hover:hover {
-  background-color: var(--lookbook-button-bg-hover);
-}
-
-.hover\:bg-lookbook-draggable-hint:hover {
-  background-color: var(--lookbook-draggable-hint);
-}
-
-.hover\:text-gray-900:hover {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
-
-.hover\:text-indigo-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(55 48 163 / var(--tw-text-opacity));
-}
-
-.hover\:text-lookbook-icon-button-stroke-hover:hover {
-  color: var(--lookbook-icon-button-stroke-hover);
-}
-
-.hover\:text-lookbook-tabs-text-hover:hover {
-  color: var(--lookbook-tabs-text-hover);
-}
-
-.hover\:underline:hover {
-  text-decoration-line: underline;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.focus\:outline-none:focus {
-  outline-offset: 2px;
-  outline: 2px solid #0000;
-}
-
-.focus\:ring-0:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
-
-.focus-visible\:outline-none:focus-visible {
-  outline-offset: 2px;
-  outline: 2px solid #0000;
-}
-
-.group:hover .group-hover\:opacity-100 {
-  opacity: 1;
-}
-
-.prose-headings\:font-semibold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-weight: 600;
-}
-
-.prose-h1\:font-bold :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  font-weight: 700;
-}
-
-.prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-  color: var(--lookbook-prose-link);
-}
-
-@media (width >= 480px) {
-  .xs\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .xs\:w-auto {
-    width: auto;
-  }
-
-  .xs\:min-w-\[440px\] {
-    min-width: 440px;
-  }
-
-  .xs\:max-w-\[680px\] {
-    max-width: 680px;
-  }
-
-  .xs\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-}
-
-@media (width >= 640px) {
-  .sm\:p-8 {
-    padding: 2rem;
-  }
-}
-
-@media (width >= 768px) {
-  .md\:-mr-\[2px\] {
-    margin-right: -2px;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0;
-  }
-
-  .md\:scale-100 {
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-
-  .md\:p-12 {
-    padding: 3rem;
-  }
-
-  .md\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-
-  .md\:pt-10 {
-    padding-top: 2.5rem;
-  }
-}
-
-@media (width >= 1024px) {
-  .lg\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .lg\:mb-9 {
-    margin-bottom: 2.25rem;
-  }
-
-  .lg\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .lg\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .lg\:pb-8 {
-    padding-bottom: 2rem;
-  }
-
-  .lg\:pt-12 {
-    padding-top: 3rem;
-  }
-}
-
-/*# sourceMappingURL=lookbook.css.map */