@layer properties;
:root, :host {
  --kit-color-red-500: oklch(63.7% 0.237 25.331);
  --kit-color-yellow-400: oklch(85.2% 0.199 91.936);
  --kit-color-green-500: oklch(72.3% 0.219 149.579);
  --kit-color-blue-500: oklch(62.3% 0.214 259.815);
  --kit-spacing: 0.25rem;
  --kit-container-md: 28rem;
  --kit-container-2xl: 42rem;
  --kit-container-5xl: 64rem;
  --kit-text-sm: 0.875rem;
  --kit-text-sm--line-height: calc(1.25 / 0.875);
  --kit-text-base: 1rem;
  --kit-text-base--line-height: calc(1.5 / 1);
  --kit-text-lg: 1.125rem;
  --kit-text-lg--line-height: calc(1.75 / 1.125);
  --kit-text-xl: 1.25rem;
  --kit-text-xl--line-height: calc(1.75 / 1.25);
  --kit-text-2xl: 1.5rem;
  --kit-text-2xl--line-height: calc(2 / 1.5);
  --kit-text-3xl: 1.875rem;
  --kit-text-3xl--line-height: calc(2.25 / 1.875);
  --kit-text-4xl: 2.25rem;
  --kit-text-4xl--line-height: calc(2.5 / 2.25);
  --kit-font-weight-normal: 400;
  --kit-font-weight-medium: 500;
  --kit-leading-relaxed: 1.625;
  --kit-radius-sm: 0.25rem;
  --kit-default-transition-duration: 150ms;
  --kit-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.kit\:absolute {
  position: absolute;
}
.kit\:relative {
  position: relative;
}
.kit\:inset-0 {
  inset: 0px;
}
.kit\:col-span-2 {
  grid-column: span 2 / span 2;
}
.kit\:col-span-3 {
  grid-column: span 3 / span 3;
}
.kit\:col-span-5 {
  grid-column: span 5 / span 5;
}
.kit\:mx-auto {
  margin-inline: auto;
}
.kit\:mt-1 {
  margin-top: var(--kit-spacing);
}
.kit\:mt-2 {
  margin-top: calc(var(--kit-spacing) * 2);
}
.kit\:mt-3 {
  margin-top: calc(var(--kit-spacing) * 3);
}
.kit\:mt-4 {
  margin-top: calc(var(--kit-spacing) * 4);
}
.kit\:mt-8 {
  margin-top: calc(var(--kit-spacing) * 8);
}
.kit\:mt-10 {
  margin-top: calc(var(--kit-spacing) * 10);
}
.kit\:mt-12 {
  margin-top: calc(var(--kit-spacing) * 12);
}
.kit\:block {
  display: block;
}
.kit\:flex {
  display: flex;
}
.kit\:grid {
  display: grid;
}
.kit\:hidden {
  display: none;
}
.kit\:inline-block {
  display: inline-block;
}
.kit\:aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.kit\:aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.kit\:aspect-square {
  aspect-ratio: 1 / 1;
}
.kit\:size-2 {
  width: calc(var(--kit-spacing) * 2);
  height: calc(var(--kit-spacing) * 2);
}
.kit\:size-3 {
  width: calc(var(--kit-spacing) * 3);
  height: calc(var(--kit-spacing) * 3);
}
.kit\:size-full {
  width: 100%;
  height: 100%;
}
.kit\:h-10 {
  height: calc(var(--kit-spacing) * 10);
}
.kit\:h-\[360px\] {
  height: 360px;
}
.kit\:w-full {
  width: 100%;
}
.kit\:max-w-2xl {
  max-width: var(--kit-container-2xl);
}
.kit\:max-w-5xl {
  max-width: var(--kit-container-5xl);
}
.kit\:max-w-content {
  max-width: var(--look-width, 1200px);
}
.kit\:max-w-md {
  max-width: var(--kit-container-md);
}
.kit\:shrink-0 {
  flex-shrink: 0;
}
.kit\:list-disc {
  list-style-type: disc;
}
.kit\:grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.kit\:grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto;
}
.kit\:flex-col {
  flex-direction: column;
}
.kit\:items-center {
  align-items: center;
}
.kit\:items-start {
  align-items: flex-start;
}
.kit\:justify-between {
  justify-content: space-between;
}
.kit\:justify-end {
  justify-content: flex-end;
}
.kit\:gap-1 {
  gap: var(--kit-spacing);
}
.kit\:gap-1\.5 {
  gap: calc(var(--kit-spacing) * 1.5);
}
.kit\:gap-2 {
  gap: calc(var(--kit-spacing) * 2);
}
.kit\:gap-3 {
  gap: calc(var(--kit-spacing) * 3);
}
.kit\:gap-4 {
  gap: calc(var(--kit-spacing) * 4);
}
.kit\:gap-8 {
  gap: calc(var(--kit-spacing) * 8);
}
.kit\:gap-10 {
  gap: calc(var(--kit-spacing) * 10);
}
.kit\:gap-12 {
  gap: calc(var(--kit-spacing) * 12);
}
.kit\:gap-x-12 {
  column-gap: calc(var(--kit-spacing) * 12);
}
.kit\:self-start {
  align-self: flex-start;
}
.kit\:overflow-hidden {
  overflow: hidden;
}
.kit\:rounded-button {
  border-radius: var(--look-button-radius, 6px);
}
.kit\:rounded-card {
  border-radius: var(--look-radius, 8px);
}
.kit\:rounded-full {
  border-radius: calc(infinity * 1px);
}
.kit\:rounded-sm {
  border-radius: var(--kit-radius-sm);
}
.kit\:border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.kit\:border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.kit\:border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.kit\:border-ink\/15 {
  border-color: var(--look-ink, #111);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--look-ink, #111) 15%, transparent);
  }
}
.kit\:border-ink\/20 {
  border-color: var(--look-ink, #111);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--look-ink, #111) 20%, transparent);
  }
}
.kit\:border-line {
  border-color: var(--look-line, #ddd);
}
.kit\:bg-accent {
  background-color: var(--look-accent, currentColor);
}
.kit\:bg-blue-500 {
  background-color: var(--kit-color-blue-500);
}
.kit\:bg-green-500 {
  background-color: var(--kit-color-green-500);
}
.kit\:bg-page {
  background-color: var(--look-page, #fff);
}
.kit\:bg-red-500 {
  background-color: var(--kit-color-red-500);
}
.kit\:bg-yellow-400 {
  background-color: var(--kit-color-yellow-400);
}
.kit\:object-cover {
  object-fit: cover;
}
.kit\:object-\[center_70\%\] {
  object-position: center 70%;
}
.kit\:p-4 {
  padding: calc(var(--kit-spacing) * 4);
}
.kit\:px-3 {
  padding-inline: calc(var(--kit-spacing) * 3);
}
.kit\:px-6 {
  padding-inline: calc(var(--kit-spacing) * 6);
}
.kit\:px-gutter {
  padding-inline: var(--look-gutter, 20px);
}
.kit\:py-2 {
  padding-block: calc(var(--kit-spacing) * 2);
}
.kit\:py-3 {
  padding-block: calc(var(--kit-spacing) * 3);
}
.kit\:py-5 {
  padding-block: calc(var(--kit-spacing) * 5);
}
.kit\:py-6 {
  padding-block: calc(var(--kit-spacing) * 6);
}
.kit\:py-16 {
  padding-block: calc(var(--kit-spacing) * 16);
}
.kit\:py-20 {
  padding-block: calc(var(--kit-spacing) * 20);
}
.kit\:pt-16 {
  padding-top: calc(var(--kit-spacing) * 16);
}
.kit\:pb-2 {
  padding-bottom: calc(var(--kit-spacing) * 2);
}
.kit\:pl-5 {
  padding-left: calc(var(--kit-spacing) * 5);
}
.kit\:font-display {
  font-family: var(--look-heading-font, inherit);
}
.kit\:text-2xl {
  font-size: var(--kit-text-2xl);
  line-height: var(--tw-leading, var(--kit-text-2xl--line-height));
}
.kit\:text-3xl {
  font-size: var(--kit-text-3xl);
  line-height: var(--tw-leading, var(--kit-text-3xl--line-height));
}
.kit\:text-4xl {
  font-size: var(--kit-text-4xl);
  line-height: var(--tw-leading, var(--kit-text-4xl--line-height));
}
.kit\:text-base {
  font-size: var(--kit-text-base);
  line-height: var(--tw-leading, var(--kit-text-base--line-height));
}
.kit\:text-lg {
  font-size: var(--kit-text-lg);
  line-height: var(--tw-leading, var(--kit-text-lg--line-height));
}
.kit\:text-sm {
  font-size: var(--kit-text-sm);
  line-height: var(--tw-leading, var(--kit-text-sm--line-height));
}
.kit\:text-xl {
  font-size: var(--kit-text-xl);
  line-height: var(--tw-leading, var(--kit-text-xl--line-height));
}
.kit\:leading-relaxed {
  --tw-leading: var(--kit-leading-relaxed);
  line-height: var(--kit-leading-relaxed);
}
.kit\:font-medium {
  --tw-font-weight: var(--kit-font-weight-medium);
  font-weight: var(--kit-font-weight-medium);
}
.kit\:font-normal {
  --tw-font-weight: var(--kit-font-weight-normal);
  font-weight: var(--kit-font-weight-normal);
}
.kit\:tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.kit\:text-ink {
  color: var(--look-ink, #111);
}
.kit\:text-ink\/65 {
  color: var(--look-ink, #111);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--look-ink, #111) 65%, transparent);
  }
}
.kit\:text-ink\/80 {
  color: var(--look-ink, #111);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--look-ink, #111) 80%, transparent);
  }
}
.kit\:text-muted {
  color: var(--look-muted, #666);
}
.kit\:text-on-accent {
  color: var(--look-on-accent, #111);
}
.kit\:uppercase {
  text-transform: uppercase;
}
.kit\:tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.kit\:transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--kit-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--kit-default-transition-duration));
}
.kit\:transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--kit-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--kit-default-transition-duration));
}
@media (hover: hover) {
  .kit\:hover\:text-accent:hover {
    color: var(--look-accent, currentColor);
  }
  .kit\:hover\:opacity-90:hover {
    opacity: 90%;
  }
}
@media (width >= 40rem) {
  .kit\:sm\:mt-0 {
    margin-top: 0px;
  }
  .kit\:sm\:grid {
    display: grid;
  }
  .kit\:sm\:hidden {
    display: none;
  }
  .kit\:sm\:h-\[440px\] {
    height: 440px;
  }
  .kit\:sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kit\:sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kit\:sm\:grid-cols-\[1fr_repeat\(4\,6rem\)\] {
    grid-template-columns: 1fr repeat(4,6rem);
  }
  .kit\:sm\:items-center {
    align-items: center;
  }
  .kit\:sm\:justify-end {
    justify-content: flex-end;
  }
  .kit\:sm\:gap-0 {
    gap: 0px;
  }
  .kit\:sm\:rounded-none {
    border-radius: 0;
  }
  .kit\:sm\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .kit\:sm\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .kit\:sm\:border-ink\/10 {
    border-color: var(--look-ink, #111);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .kit\:sm\:border-ink\/10 {
      border-color: color-mix(in oklab, var(--look-ink, #111) 10%, transparent);
    }
  }
  .kit\:sm\:px-0 {
    padding-inline: 0px;
  }
  .kit\:sm\:py-3 {
    padding-block: calc(var(--kit-spacing) * 3);
  }
  .kit\:sm\:font-normal {
    --tw-font-weight: var(--kit-font-weight-normal);
    font-weight: var(--kit-font-weight-normal);
  }
}
@media (width >= 48rem) {
  .kit\:md\:grid-cols-\[1fr_1\.1fr\] {
    grid-template-columns: 1fr 1.1fr;
  }
  .kit\:md\:grid-cols-\[minmax\(0\,1fr\)_260px\] {
    grid-template-columns: minmax(0,1fr) 260px;
  }
  .kit\:md\:grid-cols-\[minmax\(0\,1fr\)_394px\] {
    grid-template-columns: minmax(0,1fr) 394px;
  }
  .kit\:md\:gap-16 {
    gap: calc(var(--kit-spacing) * 16);
  }
  .kit\:md\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .kit\:md\:border-line {
    border-color: var(--look-line, #ddd);
  }
  .kit\:md\:pl-8 {
    padding-left: calc(var(--kit-spacing) * 8);
  }
  .kit\:md\:text-4xl {
    font-size: var(--kit-text-4xl);
    line-height: var(--tw-leading, var(--kit-text-4xl--line-height));
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}