._section_1rriv_1[data-style=filled] ._panels-container_1rriv_1 {
  --max-item-width: 14.4rem;
  gap: var(--osdc-size-10);
}
._section_1rriv_1[data-style=outline] ._panels-container_1rriv_1 {
  --max-item-width: calc((var(--content-max-width) - (var(--section-padding-inline) * 2)) / 4);
  row-gap: var(--osdc-size-30);
  margin-inline: 0.05rem;
}
._section_1rriv_1[data-variant=grid] ._panels-container_1rriv_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--max-item-width), 1fr));
}

._panelHoverContainer_1rriv_15 {
  padding: var(--osdc-size-20);
  background-color: inherit;
}
:where(._panelHoverContainer_1rriv_15) {
  font-family: var(--osdc-font-primary);
  font-weight: 400;
  line-height: 1.5;
  font-size: 1rem;
}
@media (min-width: 480px) {
  :where(._panelHoverContainer_1rriv_15) {
    font-size: clamp(0.8rem, 1.1rem + -0.4166666667vw, 1rem);
  }
}
:where(._panelHoverContainer_1rriv_15) {
  /* stylelint-disable-next-line order/order */
}
@media (min-width: 1440px) {
  :where(._panelHoverContainer_1rriv_15) {
    font-size: 0.8rem;
  }
}

._panel_1rriv_1 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: min(var(--max-item-width), 100%);
}
._panel_1rriv_1 ._panelHoverContainer_1rriv_15 {
  cursor: pointer;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
._panel_1rriv_1:hover ._panelHoverContainer_1rriv_15 {
  opacity: 1;
}
._section_1rriv_1[data-style=filled] ._panel_1rriv_1 {
  padding: var(--osdc-size-20);
  /* stylelint-disable order/order */
  --surface-foreground: var(--osdc-surface-secondary-foreground);
  --surface-background: var(--osdc-surface-secondary-background);
  --surface-accent: var(--osdc-surface-secondary-accent);
  --surface-focus-color: var(--surface-foreground);
  --surface-accent-secondary: var(--osdc-surface-secondary-accent-secondary, var(--surface-accent));
  --surface-button: var(--osdc-surface-secondary-button, var(--surface-accent));
}
:where(._section_1rriv_1[data-style=filled] ._panel_1rriv_1) {
  color: var(--surface-foreground);
  background-color: var(--surface-background);
}
._section_1rriv_1[data-style=filled] ._panel_1rriv_1 {
  /* stylelint-enable order/order */
}
._section_1rriv_1[data-style=outline] ._panel_1rriv_1 {
  margin-left: calc(var(--osdc-size-1) * 0.75 * -1);
  padding-bottom: var(--osdc-size-10);
  padding-inline: var(--osdc-size-30);
  border-right: var(--osdc-size-1) solid var(--surface-accent-secondary);
  border-left: var(--osdc-size-1) solid var(--surface-accent-secondary);
}
._section_1rriv_1[data-variant=scroll] ._panel_1rriv_1 {
  max-width: calc((var(--content-max-width) - var(--section-padding-inline) * 2) / 4);
}

._content_1rriv_84 {
  padding-block: var(--osdc-size-20);
}
._content_1rriv_84:empty {
  display: none;
}

._media_1rriv_91 {
  overflow: hidden;
  aspect-ratio: 4/5;
}

:where(._title_1rriv_96,
._subtitle_1rriv_97) {
  font-family: var(--osdc-font-primary);
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.9rem;
}

._title_1rriv_96 {
  font-weight: 600;
  text-wrap: balance;
}