/* Top Tasks masking image */
.top-tasks-background:not(.top-tasks-background--half) .top-tasks-background__image {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' xml:space='preserve' viewBox='0 0 980 240'%3E%3Cpath d='M0 0h980v240L0 142z' style='fill:%23010202'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' xml:space='preserve' viewBox='0 0 980 240'%3E%3Cpath d='M0 0h980v240L0 142z' style='fill:%23010202'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 15rem;
    mask-size: 100% 15rem;
    -webkit-mask-position: top right;
    mask-position: top right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/*
  - Rectangle image above footer
  - Adjust enough padding for footer content
  - Reposition scroll to top button
*/
.page-footer {
    z-index: 2;
    position: relative;
}

.page-footer:after {
    z-index: -1;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    height: 3rem;
    background-color: var(--root-color--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 48' preserveAspectRatio='none'%3E%3Cpath fill='%23106e61' d='M0 48h375V0z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.page-footer__container {
    padding-top: 6rem;
}

.scroll-button__up {
    z-index: 3;
    transform: translate(-50%, 3rem);
}

@media (min-width: 42rem) {
    .page-footer:after {
        height: 6rem;
    }

    .page-footer__container {
        padding-top: 9rem;
    }

    .scroll-button__up {
        transform: translate(-50%, 4.438rem);
    }
}

/* Social share */
.social-share__header {
    --font-weight: var(--root-font-weight--semi-bold);
}