/**
 * MAUP manifest.
 * @maup-path: assets/css/components/bottom-blur.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Stylesheet asset
 */
/* Viewport Bottom Blur: estilos específicos do componente. */
.progressive-blur.is-visible { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
.progressive-blur.is-visible { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
html.is-at-page-end .progressive-blur { opacity:0 !important; transform:translateY(22px); visibility:hidden; transition:opacity .5s ease,transform .6s var(--ease),visibility 0s linear .6s; }
.progressive-blur.is-visible{opacity:1!important;transform:translateY(0)!important}
html.is-at-page-end .progressive-blur{opacity:0!important;transform:translateY(18px)!important;visibility:visible!important}
.progressive-blur,.progressive-blur.is-visible,html.is-at-page-end .progressive-blur,html.is-at-page-end .progressive-blur.is-visible{visibility:visible!important;opacity:var(--blur-end-opacity,0)!important;transform:translateY(var(--blur-end-shift,16px))!important;transition:opacity .78s cubic-bezier(.22,.8,.24,1),transform .9s cubic-bezier(.22,.8,.24,1)!important}
.progressive-blur,
  .progressive-blur.is-visible,
  html.is-at-page-end .progressive-blur,
  html.is-at-page-end .progressive-blur.is-visible{
    visibility:visible!important;
    opacity:var(--blur-end-opacity,0)!important;
    transform:translate3d(0,var(--blur-end-shift,16px),0)!important;
    transition:opacity .72s cubic-bezier(.22,.8,.24,1),transform 1.05s cubic-bezier(.16,1,.3,1)!important;
    will-change:transform,opacity;
  }
.progressive-blur.is-visible{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
html.is-at-page-end .progressive-blur.is-visible{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,calc(100% + 28px),0)!important;
    transition-duration:1.35s!important;
  }
.progressive-blur,
  .progressive-blur.is-visible,
  html.is-at-page-end .progressive-blur,
  html.is-at-page-end .progressive-blur.is-visible{
    display:block!important;
    visibility:visible!important;
    pointer-events:none!important;
    opacity:0!important;
    transform:translate3d(0,18px,0)!important;
    transition:opacity .72s cubic-bezier(.22,.8,.24,1),transform 1.35s cubic-bezier(.16,1,.3,1)!important;
    will-change:transform,opacity;
  }
.progressive-blur.is-visible{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
html.is-at-page-end .progressive-blur.is-visible{
    opacity:1!important;
    transform:translate3d(0,calc(100% + 42px),0)!important;
  }
.progressive-blur.is-visible{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    transition-delay:0s!important;
  }
html.is-at-page-end .progressive-blur.is-visible{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,calc(100% + 30px),0)!important;
    transition:
      opacity .46s ease,
      transform 1.15s cubic-bezier(.16,1,.3,1),
      visibility 0s linear 0s!important;
  }
@media (prefers-reduced-motion:reduce) {
.progressive-blur,
    .progressive-blur.is-visible,
    html.is-at-page-end .progressive-blur.is-visible{
      display:block!important;
      transition-duration:.01ms!important;
    }
}
.progressive-blur,
  .progressive-blur.is-visible,
  html.is-at-page-end .progressive-blur,
  html.is-at-page-end .progressive-blur.is-visible{
    display:block!important;
    visibility:visible!important;
    opacity:var(--blur-end-opacity,0)!important;
    transform:translateY(var(--blur-end-shift,16px))!important;
    transition:opacity .78s cubic-bezier(.22,.8,.24,1),transform .9s cubic-bezier(.22,.8,.24,1)!important;
    pointer-events:none!important;
  }
html.has-scrolled .bottom-focus,
  .bottom-focus.is-visible{
    opacity:1;
    transform:translate3d(0,0,0);
  }
html.is-at-page-end .bottom-focus,
  .bottom-focus.is-at-end{
    opacity:1;
    transform:translate3d(0,calc(100% + 10px),0);
    transition-duration:1.45s;
  }
html.has-scrolled .bottom-focus,.bottom-focus.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important}
html.is-at-page-end .bottom-focus,.bottom-focus.is-at-end{
    opacity:1!important;
    transform:translate3d(0,calc(100% + 12px),0)!important;
    transition:opacity .55s cubic-bezier(.22,.8,.24,1),transform 1.55s cubic-bezier(.16,1,.3,1)!important;
  }
.viewport-bottom-blur{
    --vbb-height:clamp(220px,25vh,320px);
    position:fixed;
    z-index:7000!important;
    left:0;
    right:0;
    bottom:calc(0px - var(--vbb-height) - 18px);
    height:var(--vbb-height);
    pointer-events:none;
    overflow:hidden;
    background:transparent!important;
    transition:bottom 1.15s cubic-bezier(.16,1,.3,1);
    contain:layout paint;
  }
.viewport-bottom-blur.is-active:not(.is-at-end){bottom:0}
.viewport-bottom-blur.is-at-end{
    bottom:calc(0px - var(--vbb-height) - 18px);
    transition-duration:1.45s;
  }
.viewport-bottom-blur-layer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    pointer-events:none;
    background:rgba(255,255,255,.001);
    -webkit-mask-image:linear-gradient(0deg,#000 0%,#000 34%,transparent 100%);
    mask-image:linear-gradient(0deg,#000 0%,#000 34%,transparent 100%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    will-change:backdrop-filter;
  }
.viewport-bottom-blur-layer--1{height:100%;backdrop-filter:blur(1.2px);-webkit-backdrop-filter:blur(1.2px);opacity:.86}
.viewport-bottom-blur-layer--2{height:90%;backdrop-filter:blur(2.2px);-webkit-backdrop-filter:blur(2.2px);opacity:.84}
.viewport-bottom-blur-layer--3{height:79%;backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);opacity:.81}
.viewport-bottom-blur-layer--4{height:68%;backdrop-filter:blur(5.8px);-webkit-backdrop-filter:blur(5.8px);opacity:.78}
.viewport-bottom-blur-layer--5{height:56%;backdrop-filter:blur(8.4px);-webkit-backdrop-filter:blur(8.4px);opacity:.74}
.viewport-bottom-blur-layer--6{height:44%;backdrop-filter:blur(11.8px);-webkit-backdrop-filter:blur(11.8px);opacity:.70}
.viewport-bottom-blur-layer--7{height:32%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:.66}
.viewport-bottom-blur-layer--8{height:20%;backdrop-filter:blur(21px);-webkit-backdrop-filter:blur(21px);opacity:.62}
@media (max-width:1024px) {
.viewport-bottom-blur{--vbb-height:190px}
.viewport-bottom-blur-layer{
      -webkit-mask-image:linear-gradient(0deg,#000 0%,#000 30%,transparent 100%);
      mask-image:linear-gradient(0deg,#000 0%,#000 30%,transparent 100%);
    }
}
@media (prefers-reduced-motion:reduce) {
.viewport-bottom-blur{transition-duration:.01ms}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) {
.viewport-bottom-blur{display:none}
}
.viewport-bottom-blur{
    z-index:var(--z-bottom-blur)!important;
  }
.viewport-bottom-blur-layer--9{
    height:12%;
    opacity:.62;
    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);
    -webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.94) 38%,transparent 100%);
    mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.94) 38%,transparent 100%);
  }
@media (max-width:1024px) {
.viewport-bottom-blur-layer--9{
      height:14%;
      backdrop-filter:blur(28px);
      -webkit-backdrop-filter:blur(28px);
    }
}
.viewport-bottom-blur{
    z-index:3200!important;
  }
.viewport-bottom-blur{--vbb-height:clamp(190px,21vh,270px)!important}
@media (max-width:1024px) {
.viewport-bottom-blur{--vbb-height:164px!important}
}
#viewport-bottom-blur{z-index:var(--z-bottom-blur)!important}