.cards[data-variant=masonry] {
  padding-bottom: var(--grid_gutter);
}
.cards[data-variant=masonry] > .grid_item {
  transform: translateZ(0);
}
.cards[data-variant=masonry] .card_icon {
  padding-bottom: 0;
}

.notice {
  --text_base: 0.8rem;
  font-size: var(--text_base);
  position: relative;
  --surface_bg: var(--surface_fill);
  --surface_line_block: 0;
  --surface_line_inline: 0;
  --surface_radius: 0;
  --surface_shadow: none;
  --surface_pad: var(--surface_space);
  background-color: var(--surface_bg, transparent);
  border-style: solid;
  border-color: var(--surface_line, var(--line_color_light));
  border-block-width: var(--surface_line_block, 0);
  border-inline-width: var(--surface_line_inline, 0);
  border-radius: var(--surface_radius, 0);
  box-shadow: var(--surface_shadow, none);
  padding: var(--surface_pad, 0);
  --surface_pad: 0;
  color: var(--text_color);
}
.notice.hide {
  display: none;
}
.notice.show {
  display: block;
}
.notice_content {
  padding: 1rem;
}
.notice:is([data-signal], .signal_success, .signal_warning, .signal_error) {
  --surface_bg: var(--signal_color);
  --text_color: var(--signal_contrast);
}
.notice.flash {
  overflow: hidden;
  display: block;
}
.notice.flash::after {
  content: "";
  display: block;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  background: #76c5bc;
  width: 100%;
  height: 3px;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-name: shrinkWidth;
  animation-play-state: var(--notice_flash_play, running);
}
@keyframes shrinkWidth {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

.notification {
  container-type: inline-size;
}
.notification_group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.notification_center {
  position: fixed;
  z-index: 5;
  inset-inline-end: var(--control_gap);
  bottom: var(--control_gap);
  inset-inline-start: var(--control_gap);
}
@media (min-width: 480px) {
  .notification_center {
    inset-inline-start: auto;
    max-width: 460px;
    min-width: 300px;
    width: 45%;
  }
}

.slider {
  --slider_mode: track;
  --slider_slides_to_show: 1;
  --slider_slides_to_scroll: 1;
  --slider_slide_gap: 30px;
  --slider_autoplay: 0;
  --slider_autoplay_interval: 4000;
  --slider_transition_duration: 500;
  --slider_loop: 1;
  --slider_pagination: 1;
  --slider_draggable: 1;
  --slider_transition_timing: ease;
  direction: ltr;
}
.slider .slide {
  position: relative;
}
.slider_container {
  position: relative;
}
.slider_track_container {
  overflow: hidden;
}
.slider_track {
  --slider_slide_width: calc((100% - (var(--slider_slides_to_show) - 1) * var(--slider_slide_gap)) / var(--slider_slides_to_show));
  width: 100%;
  will-change: transform;
  touch-action: pan-y;
  display: flex;
  gap: var(--slider_slide_gap);
  transform: translate3d(var(--slider_x, 0px), 0px, 0px);
  transition-timing-function: var(--slider_transition_timing);
}
.slider_track > * {
  width: var(--slider_slide_width);
  flex-shrink: 0;
}
.slider_nav {
  --control_size: 28px;
  --control_bg: var(--button_color_bg);
  --control_bg_hover: var(--button_hover_color_bg);
  --control_color: var(--button_color_text);
  --control_color_hover: var(--button_hover_color_text);
  --pager_dot_size: 10px;
  --pager_color: var(--button_color_bg);
  --pager_color_hover: var(--button_hover_color_bg);
  --pager_color_current: var(--button_color_bg);
  position: var(--slider_nav_position, static);
  inset-inline: 0;
  bottom: 0;
  width: 100%;
  padding: var(--slider_nav_padding, var(--space_s) 0 0);
  justify-content: var(--slider_nav_justify, normal);
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (min-width: 1020px) {
  .slider_nav {
    gap: var(--space_s);
  }
}
.slider:where([data-slider-nav=over], .slider_nav_over) {
  --slider_nav_position: absolute;
  --slider_nav_padding: var(--space_s) var(--space_m);
  --slider_nav_justify: center;
}
.slider:where([data-slider-nav=wide], .slider_nav_wide) {
  --slider_nav_justify: space-around;
}
.slider:where([data-slider-nav=wide], .slider_nav_wide) [data-slider-prev] {
  margin-inline-start: auto;
}
.slider.static .slider_nav {
  display: none;
}
.slider_toggle[hidden] {
  display: none;
}
.slider:where(.slider_fade) {
  --slider_mode: fade;
}
.slider:where(.slider_irregular) {
  --slider_mode: irregular;
}
.slider:is(.fade, .slider_fade, [data-variant=fade]) {
  --slider_slides_to_show: 1;
}
.slider:is(.fade, .slider_fade, [data-variant=fade]) .slider_track {
  display: grid;
  transform: none;
}
.slider:is(.fade, .slider_fade, [data-variant=fade]) .slider_track > * {
  width: 100%;
  grid-area: 1/1;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--slider_fade_duration, 300ms) linear;
}
.slider:is(.fade, .slider_fade, [data-variant=fade]) .slider_track > *[data-slider-current] {
  opacity: 1;
  pointer-events: auto;
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) {
  --slider_loop: 0;
  --slider_slides_to_show: 1;
  --slider_height: 14rem;
  --reel_gap: var(--slider_slide_gap);
}
@media (min-width: 760px) {
  .slider:is(.irregular, .slider_irregular, [data-variant=irregular]) {
    --slider_height: 20rem;
  }
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track_container {
  overflow: visible;
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular])[data-slider-dragging] .slider_track {
  cursor: grabbing;
  user-select: none;
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track {
  width: 100%;
  transform: none;
  will-change: auto;
  touch-action: auto;
  cursor: grab;
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track > * {
  flex: 0 0 auto;
  width: auto;
  height: var(--slider_height);
  aspect-ratio: var(--slider_slide_ratio, auto);
}
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track > * > :is(img, video),
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track > * > :is(a, picture, .media) > :is(img, video),
.slider:is(.irregular, .slider_irregular, [data-variant=irregular]) .slider_track > * > :is(a, .media) > picture > img {
  height: 100%;
  width: auto;
  max-width: none;
  aspect-ratio: var(--slider_slide_ratio, auto);
  object-fit: cover;
}
.slider:is([data-column=full], .column_full) {
  --slider_slides_to_show: 1;
}
.slider:where([data-slider-per-view=flex], .slider_flex) .slide {
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
}
.slider:where([data-slider-per-view=flex], .slider_flex) .slider_track {
  align-items: center;
}
@media (min-width: 720px) {
  .slider:where([data-slider-per-view=flex], .slider_flex), .slider:is([data-column=half], .column_half, [data-column=third], .column_third, [data-column=quarter], .column_quarter, [data-column=sixth], .column_sixth) {
    --slider_slides_to_show: 2;
  }
}
@media (min-width: 1240px) {
  .slider:where([data-slider-per-view=flex], .slider_flex), .slider:is([data-column=third], .column_third, [data-column=quarter], .column_quarter) {
    --slider_slides_to_show: 3;
  }
}
@media (min-width: 1340px) {
  .slider:where([data-slider-per-view=flex], .slider_flex), .slider:is([data-column=quarter], .column_quarter) {
    --slider_slides_to_show: 4;
  }
}
.slider:is([data-column=sixth], .column_sixth) {
  --slider_slides_to_show: 2;
}
@media (min-width: 720px) {
  .slider:is([data-column=sixth], .column_sixth) {
    --slider_slides_to_show: 3;
  }
}
@media (min-width: 1040px) {
  .slider:is([data-column=sixth], .column_sixth) {
    --slider_slides_to_show: 4;
  }
}
@media (min-width: 1240px) {
  .slider:is([data-column=sixth], .column_sixth) {
    --slider_slides_to_show: 6;
  }
}
@media (min-width: 900px) {
  .slider:is([data-column=twothird], .column_twothird) {
    --slider_slides_to_show: 1.5;
  }
}