.wp-block-samsic-sticky-panels.block-sticky-panels {
  --sticky-panels-offset: 75px;
  --sticky-panel-height: min(620px, calc(100svh - var(--sticky-panels-offset)));
  --sticky-panels-anchor: max(var(--sticky-panels-offset), calc(100svh - var(--sticky-panel-height)));
  --sticky-panel-peek: 72px;
  margin: 0 !important;
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel {
  position: sticky;
  top: var(--sticky-panels-anchor);
  height: var(--sticky-panel-height);
  overflow: hidden;
  background: var(--wp--preset--color--secondary, #25303b);
  isolation: isolate;
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__image,
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__image {
  object-fit: cover;
  object-position: var(--sticky-panel-object-position, 50% 50%);
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(52.8889deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 59.841%);
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__content {
  position: absolute;
  z-index: 2;
  top: 64px;
  left: 64px;
  width: min(372px, 100% - 128px);
  color: var(--wp--preset--color--light, #fff);
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__title {
  margin: 0;
  color: inherit;
  font-size: clamp(36px, 3.334vw, 48px);
  font-weight: 500;
  line-height: 1.08;
}
.wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__description {
  margin: 8px 0 0;
  font-size: clamp(17px, 1.389vw, 20px);
  font-weight: 500;
}
.wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  color: var(--wp--preset--color--light, #fff);
  cursor: pointer;
}
.wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link svg {
  position: absolute;
  top: 50%;
  right: clamp(64px, 22.85vw, 329px);
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  padding: 17px;
  background: rgba(0, 153, 213, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50%);
  backdrop-filter: blur(8px);
  transition: background-color 180ms ease, opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}
.wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link:focus-visible {
  outline: 3px solid var(--wp--preset--color--primary, #0099d5);
  outline-offset: -3px;
}
.wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link:hover svg, .wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link:focus-visible svg {
  background: var(--wp--preset--color--primary, #0099d5);
  opacity: 1;
  visibility: visible;
  transform: translate(2px, -50%);
}
.wp-block-samsic-sticky-panels.block-sticky-panels.is-enhanced .block-sticky-panels__track {
  position: relative;
  display: grid;
  height: var(--sticky-panels-track-height);
  grid-template: var(--sticky-panel-height)/minmax(0, 1fr);
  align-content: start;
}
.wp-block-samsic-sticky-panels.block-sticky-panels.is-enhanced .block-sticky-panel {
  position: sticky;
  top: var(--sticky-panels-anchor);
  z-index: calc(var(--sticky-panel-index) + 1);
  grid-area: 1/1;
  align-self: start;
  margin: 0;
  will-change: transform;
}
.wp-block-samsic-sticky-panels.block-sticky-panels.is-enhanced .block-sticky-panel__content,
.wp-block-samsic-sticky-panels.block-sticky-panels.is-enhanced .block-sticky-panel__description {
  will-change: transform, opacity;
}
.wp-block-samsic-sticky-panels.block-sticky-panels.is-enhanced a.block-sticky-panel__link svg {
  top: calc(50% - var(--sticky-panel-arrow-shift, 0px));
}

@media (max-width: 768px) {
  .wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__content {
    top: 32px;
    left: 24px;
    width: calc(100% - 48px);
  }
  .wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__title {
    font-size: clamp(30px, 9vw, 40px);
  }
  .wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__description {
    font-size: clamp(16px, 4.6vw, 19px);
  }
  .wp-block-samsic-sticky-panels.block-sticky-panels a.block-sticky-panel__link svg {
    right: 24px;
    width: 52px;
    height: 52px;
    padding: 14px;
  }
  .wp-block-samsic-sticky-panels.block-sticky-panels .block-sticky-panel__gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(0, 0, 0, 0.24) 100%);
  }
}
@keyframes samsic-sticky-panel-content-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@supports (animation-timeline: view()) {
  .wp-block-samsic-sticky-panels.block-sticky-panels:not(.is-enhanced) .block-sticky-panel {
    view-timeline-name: --sticky-panel-reveal;
    view-timeline-axis: block;
  }
  .wp-block-samsic-sticky-panels.block-sticky-panels:not(.is-enhanced) .block-sticky-panel__content {
    animation: samsic-sticky-panel-content-in ease-out both;
    animation-duration: 1ms;
    animation-timeline: --sticky-panel-reveal;
    animation-range: entry 30% entry 60%;
  }
}