/* curby-style-assets bundle: blocks fingerprint=20a03d7ceca3d7257936c8c87f00c660ed82a51803b072da215e514e9318fec5 */
/* @source project--aydin/ui-styles/90-blocks/block-0-defaults.css */
@layer blocks {
  :where([class^="block-"]) {
    grid-column-start: 2;
    grid-column-end: -2;

    h2 {
      margin-block-end: var(--semantic-space-vertical);
    }

    margin-block-end: var(--semantic-space-vertical-section-compact);
    @container layout (width >= 64rem) {
      margin-block-end: var(--semantic-space-vertical-section);
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-cta.css */
@layer blocks {
  .block-cta {
    padding: var(--semantic-space-shell-inset);
    border-radius: var(--semantic-ui-radius-compact);

    > h2,
    > div {
      margin-block-end: var(--semantic-space-vertical-compact);
    }

    ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      list-style: none;
      align-items: center;
      gap: var(--semantic-grid-gap-compact);
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-disclosure.css */
@layer blocks {
  .block-disclosure {
    border-radius: var(--semantic-ui-radius-compact);
    display: grid;
    grid-template-columns: subgrid;

    > div:first-child {
      padding: var(--semantic-space-shell-inset);
      grid-column-start: 1;
      grid-column-end: -1;
      border-radius: var(--semantic-ui-radius-compact);
      margin-block-end: var(--semantic-space-vertical);
    }

    > div:last-child {
      grid-column-start: 1;
      grid-column-end: -1;
    }

    @container layout (width > 64rem) {
      > div:first-child {
        grid-column-start: 1;
        grid-column-end: 6;
        border-radius: var(--semantic-ui-radius-compact);
        margin-block-end: 0;
      }
      > div:last-child {
        grid-column-start: 7;
        grid-column-end: -1;
      }
    }

    summary {
      display: flex;
      align-items: center;
      gap: var(--semantic-ui-gap-icon);
      padding-block: var(--semantic-ui-padding-block-relaxed);
      text-wrap: pretty;
      cursor: pointer;

      &:hover {
        color: var(--skin-accent-primary-hover);
      }
    }

    details {
      & + & {
        border-top: var(--raw-border-width-thin) solid
          var(--skin-border-secondary);
      }

      div {
        padding-block-end: var(--semantic-ui-padding-block-relaxed);
      }
    }

    svg {
      width: var(--semantic-icon-small);
      height: var(--semantic-icon-small);
      flex-shrink: 0;

      &:nth-child(1) {
        display: block;
      }

      &:nth-child(2) {
        display: none;
      }
    }

    [open] svg {
      &:nth-child(1) {
        display: none;
      }

      &:nth-child(2) {
        display: block;
      }
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-feature-cards.css */
@layer blocks {
  .block-feature-cards {
    ul {
      align-items: stretch;
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-gallery.css */
@layer blocks {
  .block-gallery {
    figure {
      margin: 0;
    }

    a {
      display: block;
    }

    img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: var(--semantic-ui-radius-compact);
    }

    figcaption {
      color: var(--skin-foreground-secondary);

      div {
        padding-block: var(--semantic-space-vertical-compressed);
      }
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-heading.css */
@layer blocks {
  .block-heading {
    margin-block-end: var(--semantic-space-vertical-compact);
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-highlight.css */
@layer blocks {
  .block-highlight {
    grid-column-start: 1;
    grid-column-end: -1;

    display: grid;
    grid-template-columns: subgrid;
    place-items: start;

    &:has(+ &) {
      margin-block-end: 0;
    }

    &:nth-of-type(even) {
      background-color: var(--skin-background-secondary);
    }

    &:last-of-type {
      margin-block-end: var(--semantic-space-vertical-section-compact);
      @container layout (width >= 64rem) {
        margin-block-end: var(--semantic-space-vertical-section);
      }
    }
    &:first-child {
      margin-block-start: calc(
        var(--semantic-space-vertical-section-compact) * -1
      );
      @container layout (width >= 64rem) {
        margin-block-start: calc(var(--semantic-space-vertical-section) * -1);
      }
    }

    h2 {
      color: var(--skin-accent-secondary);
    }

    figure {
      grid-column-start: 1;
      grid-column-end: -1;

      @container layout (width >= 40rem) {
        margin-block: var(--semantic-space-shell-inset);

        :nth-child(even) > & {
          grid-column-start: 2;
          grid-column-end: 7;
        }
        :nth-child(odd) > & {
          grid-column-start: 13;
          grid-column-end: -2;
        }
      }

      img {
        height: auto;
        width: 100%;
        border-radius: var(--semantic-ui-radius-compact);
      }
    }

    figcaption {
      div {
        padding: var(--semantic-space-vertical);
      }
    }

    > div {
      grid-column-start: 2;
      grid-column-end: -2;
      padding-block: var(--semantic-space-shell-inset);

      @container layout (width >= 40rem) {
        grid-row-start: 1;
        :nth-child(even) > & {
          grid-column-start: 8;
          grid-column-end: -2;
        }
        :nth-child(odd) > & {
          grid-column-start: 2;
          grid-column-end: 12;
        }
      }
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-image-credits.css */
@layer blocks {
  .block-image-credits {
    grid-column-start: 1;
    grid-column-end: -1;

    display: grid;
    grid-template-columns: subgrid;

    padding-block: var(--semantic-space-shell-inset);
    margin-block-end: 0;

    > div {
      grid-column-start: 2;
      grid-column-end: -2;
    }

    ul {
      list-style: none;
      padding: 0;
      display: grid;
      @container layout (width > 40rem) {
        grid-template-columns: 1fr 1fr;
      }
    }

    li {
      display: flex;
      gap: var(--semantic-grid-gap);
      align-items: end;

      & + & {
        margin-block-start: var(--semantic-grid-gap);
      }
    }

    dt > a {
      font-size: 0.875em;
    }

    dl > div {
      display: flex;
    }

    dd + dd {
      &:before {
        content: ", ";
      }
    }
    picture {
      flex-shrink: 0;
    }

    img {
      width: var(--semantic-thumbnail-width);
      height: auto;
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-intro.css */
@layer blocks {
  .block-intro {
    grid-column-start: 2;
    grid-column-end: -4;
    max-width: var(--raw-content-width-prose);
    margin-block-end: var(--semantic-space-vertical-section-compact);

    color: var(--skin-foreground-primary);

    @container layout (width >= 64rem) {
      margin-block-end: var(--semantic-space-vertical-section);
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-list.css */
@layer blocks {
	.block-list {
		 margin-block-start: calc(var(--semantic-space-vertical) * -1);
		& :is(ul, ol) {
      padding-inline-start: 0;
		}
	}
}

/* @source project--aydin/ui-styles/90-blocks/block-logowall.css */
@layer blocks {
  .block-logowall {
    display: grid;

    &:before {
      grid-row: 1;
      grid-column: 1;
      content: "";
      width: 100%;
      height: var(--semantic-ui-border-thin);
      background-color: var(--skin-border-secondary);
      place-self: center;
      align-self: center;
      transform: translateY(-25%);
    }

    .ct-heading-logowall {
      grid-row: 1;
      grid-column: 1;
      text-align: center;
      position: relative;
      place-self: center;
      display: inline-block;
      padding: var(--semantic-ui-padding-block);
      background-color: var(--skin-background-primary);
      color: var(--skin-foreground-secondary);
      margin-block-end: 0;
    }

    > ul {
      list-style: none;
      margin-block-start: var(--semantic-space-vertical-compact);
      margin-inline: 0;
      padding: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--semantic-grid-gap);
      align-items: center;

      @container layout (width >= 40rem) {
        grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
      }
    }

    li {
      color-scheme: light;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity color var(--raw-motion-duration-slow);
      opacity: var(--raw-opacity-70);
      border-radius: var(--semantic-ui-radius-compact);

      &:hover,
      &:has(:focus-visible) {
        background-color: var(--skin-background-secondary);
        opacity: var(--raw-opacity-100);
      }
    }

    a {
      border-radius: var(--semantic-ui-radius-compact);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: var(--semantic-ui-padding-block);
      width: 100%;
      min-height: 5rem;
      object-fit: contain;

      img {
        max-height: 4rem;
        width: auto;
        display: block;
        margin: auto;
      }
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-resources.css */
@layer blocks {
  .block-resources {
    --_icon-size: var(--semantic-icon-normal);

    &:is(ul) {
      list-style: none;
      margin-inline: 0;
      padding: 0;

      li {
        padding-block: var(--semantic-ui-padding-block);
      }

      li + li {
        border-top: var(--semantic-ui-border-thin) solid
          var(--skin-border-secondary);
      }
    }

    a {
      display: inline-flex;
      align-items: center;

      & + div {
        margin-block-start: var(--semantic-space-vertical-compressed);
      }
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-testimonials.css */
@layer blocks {
  .block-testimonials {
    figure > * + * {
      margin-block-start: var(--semantic-space-vertical-compressed);
    }
    [role="img"] {
      width: fit-content;
    }

    cite {
      color: var(--skin-foreground-secondary);
      font-weight: var(--raw-font-weight-semibold);
    }

    small {
      display: block;
    }

    svg {
      color: var(--skin-stars-primary);
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-text.css */
@layer blocks {
  .block-text {
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-toc.css */
@layer blocks {
  .block-toc {
    grid-column-start: 1;
    grid-column-end: -1;

    display: grid;
    grid-template-columns: subgrid;
    padding: var(--semantic-space-vertical);


    &:first-child {
      margin-block-start: calc(
        var(--semantic-space-vertical-section-compact) * -1
      );
      @container layout (width >= 64rem) {
        margin-block-start: calc(var(--semantic-space-vertical-section) * -1);
      }
    }

    h2, ul {
      grid-column-start: 2;
      grid-column-end: -2;
    }

    ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: var(--semantic-space-vertical-compressed);
    }

    a {
      display: flex;
    }
  }
}

/* @source project--aydin/ui-styles/90-blocks/block-usp.css */
@layer blocks {
  .block-usp {
    padding: var(--semantic-space-shell-inset);
    border-radius: var(--semantic-ui-radius-compact);
    margin-block-end: var(--semantic-space-vertical-section);
  }
}
