/* Simple Theme */

/* Simple Theme */

/* Blocks */

.block-content__content {
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.block-content__content :is(:where(h1):not(:where([class~="not-prose"] *))) {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
}

.block-content__content :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / 1);
}

@supports (color: rgb(0 0 0 / 0)) {
.block-content__content :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
}

.block-title {
  padding-bottom: 1rem;
}

.block-title::before {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: block;
  height: 0.25rem;
  width: 4rem;
  background-color: var(--block-button-color);
  --tw-content: '';
  content: '';
  content: var(--tw-content);
}

.block-title__title {
  display: block;
  text-align: center;
}

/* Simple Theme */

.btn-main,
.btn-cancel {
  border-radius: 9999px !important;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
}

/* Simple Theme */

.simple--landing-page .landing-page-content__page-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
  text-align: center;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.025em;
}

@media (min-width: 640px) {
  .simple--landing-page .landing-page-content__page-title {
    font-size: 3rem;
    line-height: 1;
  }
}

.simple--landing-page .landing-page-content__page-description {
  color: rgba(var(--theme-content-color) / 0.7);
}

.simple--landing-page .landing-page-item {
  border-width: 1px;
  border-color: rgb(203 213 225 / 0.8);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.simple--landing-page .landing-page-item__price {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 800;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / 1);
}

@supports (color: rgb(0 0 0 / 0)) {
.simple--landing-page .landing-page-item__price {
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
}

.simple--landing-page .landing-page-item__title h1 {
  margin-bottom: 1.5rem;
  display: inline-block;
  border-radius: 9999px;
  background-color: rgb(var(--theme-accent-color) / 0.05);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--theme-accent-color) / 1);
  color: rgb(var(--theme-accent-color) / var(--tw-text-opacity));
}

.simple--landing-page .landing-page-item__button {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
  font-weight: 500;
}

.simple--landing-page .landing-page-item__interval {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / 1);
}

@supports (color: rgb(0 0 0 / 0)) {
.simple--landing-page .landing-page-item__interval {
  color: rgb(71 85 105 / var(--tw-text-opacity));
}
}

.simple--landing-page .landing-page-item__description {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / 1);
}

@supports (color: rgb(0 0 0 / 0)) {
.simple--landing-page .landing-page-item__description {
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
}

/* Simple Theme */

/* Title block */

.blocks-layout--posts-index .blocks-layout__block:has(.block-title) {
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / 1);
  padding-left: 0px;
  padding-right: 0px;
}

@supports (color: rgb(0 0 0 / 0)) {
.blocks-layout--posts-index .blocks-layout__block:has(.block-title) {
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
}

.blocks-layout--posts-index .blocks-layout__block .block-title {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Featured post */

.blocks-layout__block:has(.block-posts-featured) {
  padding-bottom: 0px;
}

.block-posts-featured__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  max-width: var(--block-content-max-width-narrow);
}

.block-posts-featured__post {
  padding-bottom: 4rem;
}

/* Block Posts List */

.block-posts-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  max-width: var(--block-content-max-width-narrow);
}

@media (min-width: 768px) {
  .block-posts-list .post:has(.post__media) {
    -moz-column-gap: min(2rem, 4vw);
         column-gap: min(2rem, 4vw);
    -moz-column-gap: var(--block-posts-list-gap);
         column-gap: var(--block-posts-list-gap);
    grid-template-columns: 1fr 2fr;
    grid-template-areas:
      "post-media post-body";
  }
}

@media (min-width: 1024px) {
  .block-posts-list .post:has(.post__media) {
    grid-template-columns: 1fr 3fr;
  }
}

:root {
  /* Some theme variables are defined in app/views/layouts/member/_style.html.erb */
  --theme-border-radius: 1.2rem;
  --theme-padding-x: min(2rem, 4vw);
  /* Trix content */
  --trix-content-attachment-border-radius: var(--theme-border-radius);
  --trix-content-attachment-width: 120%;
  --trix-content-attachment-margin-y: 1.5rem;
  /* Archive */
  --posts-archive-max-width: 48rem;
  --posts-archive-list-gap: 4rem;
  --posts-archive-list-media-aspect-ratio: 1.5;
  --posts-archive-list-media-border-radius: var(--theme-border-radius);
  /* Blocks: Typography and Colors */
  --block-background-color: transparent;
  --block-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --block-text-color: #383f4a;
  --block-text-color-muted: #5a5a5a;
  --block-text-color-accent: rgb(var(--theme-accent-color));
  /* Blocks: Layout */
  --block-max-width: 1200px;
  --block-content-max-width: calc(var(--block-content-max-width-narrow) * 1.15);
  --block-content-max-width-narrow: 48rem;
  --block-padding-top: min(4rem, 6vw);
  --block-padding-bottom: min(4rem, 6vw);
  --block-padding-left: min(2rem, 4vw);
  --block-padding-right: min(2rem, 4vw);
  /* Blocks: Block-specific variables */
  --block-posts-featured-media-border-radius: var(--theme-border-radius);
  --block-posts-featured-media-aspect-ratio: 2;
  --block-posts-featured-gap: min(2rem, 4vw);
  --block-posts-featured-list-cols: 1;
  --block-posts-featured-list-cols-md: 1;
  --block-posts-featured-list-cols-lg: 1;
  --block-posts-featured-list-cols-xl: 1;
  --block-posts-list-media-border-radius: var(--theme-border-radius);
  --block-posts-list-media-aspect-ratio: 1.5;
  --block-posts-list-gap: min(2rem, 4vw);
  --block-posts-list-cols: 1;
  --block-posts-list-cols-md: 1;
  --block-posts-list-cols-lg: 1;
  --block-posts-list-cols-xl: 1;
  --block-posts-full-media-border-radius: var(--theme-border-radius);
  --block-posts-full-video-padding-left: 1rem;
  --block-posts-full-video-padding-right: 1rem;
  --block-posts-full-featured-image-aspect-ratio: 2;
  --block-divider-color: rgb(var(--theme-accent-color));
  --block-button-color: rgb(var(--theme-accent-color));
  --block-button-text-color: rgb(var(--theme-accent-content-color));
  --block-image-tint-color: transparent;
  --block-image-tint-opacity: 0;
}