extract all the mp4 links in this html using plain javascript. Don't retype my input and just give me code. Thanks. 

"<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Download - SavePin</title>
        <meta itemprop="name" content="Download - SavePin">
        <meta name="description" content="At SavePin, open from https://www.savepin.com, one of our fundamental needs is the protection of our guests. ">
        <meta name="author" content="Admin">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="Download - SavePin">
        <meta name="twitter:description" content="At SavePin, open from https://www.savepin.com, one of our fundamental needs is the protection of our guests. ">
        <meta property="og:title" content="Download - SavePin">
        <meta property="og:type" content="article">
        <meta property="og:url" content="https://www.savepin.app/download">
        <meta property="og:description" content="At SavePin, open from https://www.savepin.com, one of our fundamental needs is the protection of our guests. ">
        <meta property="og:site_name" content="Download - SavePin">
        <link rel="canonical" href="https://www.savepin.app/download"/>
        <meta name="robots" content="noindex">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="revisit-after" content="1 days">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, shrink-to-fit=no">
        <meta name="theme-color" content="#FD221E">
        <meta itemprop="image" content="https://www.savepin.app/images/savepin.png">
        <meta name="twitter:image:src" content="https://www.savepin.app/images/savepin.png">
        <meta property="og:site_name" content="SavePin"/>
        <meta property="og:image" content="https://www.savepin.app/images/savepin.png">
        <link rel="apple-touch-icon" sizes="192x192" href="https://www.savepin.app/images/favicon.png">
        <link rel="shortcut icon" href="https://www.savepin.app/images/favicon.png">
        <meta name="google-site-verification" content="FROxm6O1MOKr7gfJLSANw3eYkmV6fRlcM-T2UaIXiZQ"/>
        <meta name="ahrefs-site-verification" content="da5c9733e7872dd888681bd5257261086aa50e5ad1dc4e59b27869bd7db6e543">
        <link rel="preload" as="image" href="https://www.savepin.app/images/logo.webp">
        <!--adsence-->
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9452189616392028" crossorigin="anonymous"></script>
        <!--adsence-->
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-DWDF1FCMD1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'G-DWDF1FCMD1');
        </script>
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Organization",
                "url": "https://www.savepin.app/",
                "logo": "https://www.savepin.app/images/logo.webp"
            }</script>
        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Organization",
                "name": "SavePin",
                "url": "https://www.savepin.app/",
                "logo": "https://www.savepin.app/images/savepin.png",
                "contactPoint": {
                    "@type": "ContactPoint",
                    "telephone": "+918708781736",
                    "contactType": "customer service",
                    "contactOption": "HearingImpairedSupported",
                    "areaServed": "In",
                    "availableLanguage": "India"
                },
                "sameAs": [
                    "https://about.me/savepin",
                    "https://www.flickr.com/people/savepin/",
                    "https://github.com/savepin",
                    "https://in.pinterest.com/savefasttool/"
                ]
            }</script>
        <script>
            function loadVideo() {
                var container = document.querySelector('.video-container');
                var iframe = document.createElement('iframe');
                iframe.setAttribute('src', 'https://www.youtube.com/embed/VY3BVRbWpwE?autoplay=1');
                iframe.setAttribute('allowfullscreen', '');
                iframe.setAttribute('allow', 'autoplay');
                container.appendChild(iframe);
                container.removeChild(document.querySelector('.play-button'));
            }
        </script>
        <style>
            .app-launch-section {
                padding: 20px;
                font-family: Arial, sans-serif;
                text-align: center;
                background: rgb(253,74,57);
                background: radial-gradient(circle, rgba(253,74,57,1) 0%, rgba(252,197,68,1) 100%);
                color: white;
            }

            .h2app {
                color: white;
                font-size: 33px;
                font-weight: 600;
            }

            @media (max-width: 768px) {
                .h2app {
                    font-size: 18px;
                    /* Set heading size to 18px for mobile */
                }
            }

            .center-image {
                display: block;
                /* Make it a block element */
                margin: 0 auto;
                /* Center horizontally */
                max-width: 300px;
                /* Set max width to 300px */
                height: auto;
            }

            .review {
                background-color: #fff;
                border: 1px solid #ddd;
                margin: 20px;
                padding: 20px;
                border-radius: 5px;
            }

            .rating {
                color: #FFD700;
                /* Gold color for stars */
            }

            .stats-module-wrapper {
                padding: 42px 0px;
            }

            .stats-module-wrapper .stats-container {
                max-width: 1310px;
                margin: 0 auto;
            }

            .stats-module-wrapper .headings {
                text-align: center;
                margin-bottom: 50px;
            }

            .stats-module-wrapper .stats-wrapper {
                max-width: 1470px;
                margin: 0 auto;
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            .stats-module-wrapper span.stat-number {
                color: #f03a57;
                display: block;
                font-size: 48px;
                font-weight: 600;
                line-height: 60px;
                font-family: proxima-nova !important;
            }

            .stats-module-wrapper span.stat-heading {
                display: block;
                padding-top: 2px;
            }

            .stats-module-wrapper .stat-block {
                text-align: center;
                padding: 28.5px 15px;
                width: 25%;
            }

            .stats-module-wrapper .stat-block + .stat-block {
                border-left: 1px solid #D9D9D9;
            }

            @media screen and (max-width: 1150px) {
                .stats-module-wrapper .stat-block + .stat-block {
                    padding-left: 0px;
                }

                .stats-module-wrapper .stat-block {
                    width: 25%;
                }
            }

            @media screen and (max-width: 991px) {
                .stats-module-wrapper .stats-wrapper {
                    row-gap:40px;
                    justify-content: space-evenly;
                }

                .stats-module-wrapper .stat-block {
                    width: 50%;
                    padding: 0px;
                }

                .stats-module-wrapper .stat-block + .stat-block {
                    border-left: none;
                }

                .stats-module-wrapper {
                    padding: 40px 0;
                }
            }

            @media screen and (max-width: 767px) {
                .stats-module-wrapper span.stat-number {
                    font-size: 39px;
                    line-height: 30px;
                    padding-bottom: 10px;
                }

                .stats-module-wrapper span.stat-heading {
                    font-size: 14px;
                    line-height: 16px;
                    max-width: 85%;
                    margin: 0 auto;
                }
            }

            @media screen and (max-width: 567px) {
                .stats-module-wrapper .headings .sh2 {
                    display:none;
                }
            }

            .mobile-section {
                display: none;
            }

            @media (max-width: 767px) {
                .mobile-section {
                    display: block;
                }

                .desktop-section {
                    display: none;
                }
            }

            table {
                font-family: arial, sans-serif;
                border-collapse: collapse;
                width: 100%;
            }

            td, th {
                border: 1px solid #dddddd;
                text-align: left;
                padding: 8px;
            }

            tr:nth-child(even) {
                background-color: #dddddd;
            }

            .button-container {
                display: flex;
                justify-content: center;
            }

            .box-button {
                display: inline-block;
                padding: 2px 17px;
                border: 2px solid #0A5731;
                color: #0A5731;
                text-decoration: none;
                font-size: 14px;
                margin: 0 10px;
                cursor: pointer;
                transition: color 0.3s ease;
            }

            .box-button:hover {
                color: white;
                background-color: #28b76b;
                border-color: #28b76b;
            }

            .rate {
                float: left;
                height: 46px;
                padding: 0 10px;
            }

            .rate:not(:checked) > input {
                position: absolute;
                top: -9999px;
            }

            .rate:not(:checked) > label {
                float: right;
                width: 1em;
                overflow: hidden;
                white-space: nowrap;
                cursor: pointer;
                font-size: 30px;
                color: #ccc;
            }

            .rate:not(:checked) > label:before {
                content: '★ ';
            }

            .rate > input:checked ~ label {
                color: #ffc700;
            }

            .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {
                color: #deb217;
            }

            .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label {
                color: #c59b08;
            }

            .side {
                float: left;
                width: 15%;
                margin-top: 10px;
            }

            .middle {
                margin-top: 10px;
                float: left;
                width: 70%;
            }

            .right {
                text-align: right;
            }

            .row:after {
                content: "";
                display: table;
                clear: both;
            }

            .bar-container {
                width: 100%;
                background-color: #f1f1f1;
                text-align: center;
                color: white;
            }

            .bar-5 {
                width: 57%;
                height: 18px;
                background-color: #04AA6D;
            }

            .bar-4 {
                width: 19%;
                height: 18px;
                background-color: #2196F3;
            }

            .bar-3 {
                width: 9%;
                height: 18px;
                background-color: #00bcd4;
            }

            .bar-2 {
                width: 5%;
                height: 18px;
                background-color: #ff9800;
            }

            .bar-1 {
                width: 10%;
                height: 18px;
                background-color: #f44336;
            }

            @media (max-width: 400px) {
                .side, .middle {
                    width: 100%;
                }

                .right {
                    display: none;
                }
            }

            .video-container {
                position: relative;
                height: 400px;
                width: 280px;
                background-color: #f2f2f2;
            }

            .video-container img, .video-container iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .video-container img {
                object-fit: cover;
            }

            .play-button {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 68px;
                height: 48px;
                transform: translate(-50%,-50%);
                z-index: 99;
                background: transparent;
                border: 0;
            }

            .about-us {
                position: relative;
                background-image: none;
                padding: 0px;
            }

            .about-us .left-image {
                margin-right: 0px;
                position: absolute;
                right: 0;
            }

            .about-us .services {
                text-align: center;
            }

            .about-us .services .item {
                border-radius: 20px;
                display: inline-block;
            }

            .about-us .services .item .right-text {
                text-align: left;
            }

            .about-us {
                background-repeat: no-repeat;
                background: linear-gradient(90deg, rgba(180,58,58,0.9922093837535014) 0%, rgba(253,29,29,1) 0%, rgba(252,201,69,1) 100%);
                background-position: center center;
                background-size: cover;
            }

            .about-us .left-image {
                margin-right: 45px;
            }

            .about-us .services .item {
                margin-bottom: 30px;
            }

            .about-us .services .item .icon {
                float: left;
                margin-right: 25px;
            }

            .about-us .services .item .icon img {
                max-width: 70px;
            }

            .about-us .services .item h4 {
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 12px;
            }

            .about-us .services .item p {
                color: #fff;
            }

            .loader {
                border: 16px solid #f3f3f3;
                border-radius: 50%;
                border-top: 16px solid #3498db;
                width: 16px;
                height: 16px;
                -webkit-animation: spin 2s linear infinite;
                animation: spin 2s linear infinite;
            }

            @-webkit-keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
                }

                100% {
                    -webkit-transform: rotate(360deg);
                }
            }

            @keyframes spin {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            .guide {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            .step {
                width: 300px;
                margin: 20px;
                border-radius: 30px;
                box-shadow: 0 3px 10px rgb(0 0 0 / 4%);
                padding: 10px;
            }

            img {
                max-width: 100%;
                height: auto;
                display: block;
            }

            h2 {
                font-size: 1.2em;
                margin: 10px 0;
            }
        </style>
        <style>
            .button,.file-cta,.file-name,.input,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.select select,.textarea {
                -moz-appearance: none;
                -webkit-appearance: none;
                align-items: center;
                border: 1px solid transparent;
                border-radius: 4px;
                box-shadow: none;
                display: inline-flex;
                font-size: 1rem;
                height: 2.5em;
                justify-content: flex-start;
                line-height: 1.5;
                padding-bottom: calc(.5em - 1px);
                padding-left: calc(.75em - 1px);
                padding-right: calc(.75em - 1px);
                padding-top: calc(.5em - 1px);
                position: relative;
                vertical-align: top
            }

            .button:active,.button:focus,.file-cta:active,.file-cta:focus,.file-name:active,.file-name:focus,.input:active,.input:focus,.is-active.button,.is-active.file-cta,.is-active.file-name,.is-active.input,.is-active.pagination-ellipsis,.is-active.pagination-link,.is-active.pagination-next,.is-active.pagination-previous,.is-active.textarea,.is-focused.button,.is-focused.file-cta,.is-focused.file-name,.is-focused.input,.is-focused.pagination-ellipsis,.is-focused.pagination-link,.is-focused.pagination-next,.is-focused.pagination-previous,.is-focused.textarea,.pagination-ellipsis:active,.pagination-ellipsis:focus,.pagination-link:active,.pagination-link:focus,.pagination-next:active,.pagination-next:focus,.pagination-previous:active,.pagination-previous:focus,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus {
                outline: 0
            }

            .breadcrumb,.button,.file,.is-unselectable,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.tabs {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

            .navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after {
                border: 3px solid transparent;
                border-radius: 2px;
                border-right: 0;
                border-top: 0;
                content: " ";
                display: block;
                height: .625em;
                margin-top: -.4375em;
                pointer-events: none;
                position: absolute;
                top: 50%;
                transform: rotate(-45deg);
                transform-origin: center;
                width: .625em
            }

            .block:not(:last-child),.box:not(:last-child),.breadcrumb:not(:last-child),.content:not(:last-child),.highlight:not(:last-child),.level:not(:last-child),.message:not(:last-child),.notification:not(:last-child),.pagination:not(:last-child),.progress:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.tabs:not(:last-child),.title {
                margin-top: 1.5rem
            }

            .hero-video,.image.is-16by9 .has-ratio,.image.is-16by9 img,.image.is-1by1 .has-ratio,.image.is-1by1 img,.image.is-1by2 .has-ratio,.image.is-1by2 img,.image.is-1by3 .has-ratio,.image.is-1by3 img,.image.is-2by1 .has-ratio,.image.is-2by1 img,.image.is-2by3 .has-ratio,.image.is-2by3 img,.image.is-3by1 .has-ratio,.image.is-3by1 img,.image.is-3by2 .has-ratio,.image.is-3by2 img,.image.is-3by4 .has-ratio,.image.is-3by4 img,.image.is-3by5 .has-ratio,.image.is-3by5 img,.image.is-4by3 .has-ratio,.image.is-4by3 img,.image.is-4by5 .has-ratio,.image.is-4by5 img,.image.is-5by3 .has-ratio,.image.is-5by3 img,.image.is-5by4 .has-ratio,.image.is-5by4 img,.image.is-9by16 .has-ratio,.image.is-9by16 img,.image.is-square .has-ratio,.image.is-square img,.is-overlay,.modal,.modal-background {
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

            /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
            blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
                margin: 0;
                padding: 0
            }

            h1,h2,h3,h4,h5,h6 {
                font-size: 100%;
                font-weight: 600
            }

            ul {
                list-style: none
            }

            button,input,select,textarea {
                margin: 0
            }

            html {
                box-sizing: border-box
            }

            *,::after,::before {
                box-sizing: inherit
            }

            img,video {
                height: auto;
                max-width: 100%
            }

            iframe {
                border: 0
            }

            table {
                border-collapse: collapse;
                border-spacing: 0
            }

            td,th {
                padding: 0
            }

            td:not([align]),th:not([align]) {
                text-align: inherit
            }

            html {
                background-color: #fff;
                font-size: 16px;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                min-width: 300px;
                text-rendering: optimizeLegibility;
                -webkit-text-size-adjust: 100%;
                -moz-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
                text-size-adjust: 100%
            }

            article,aside,figure,footer,header,hgroup,section {
                display: block
            }

            body,button,input,optgroup,select,textarea {
                font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif
            }

            body {
                color: #4a4a4a;
                font-size: 1.2em;
                font-weight: 400;
                line-height: 1.8
            }

            a {
                color: #0073e6;
                font-weight: 500;
                cursor: pointer;
                text-decoration: none
            }

            a:hover {
                color: #363636
            }

            img {
                height: auto;
                max-width: 100%
            }

            span {
                font-style: inherit;
                font-weight: inherit
            }

            table td,table th {
                vertical-align: top
            }

            table td:not([align]),table th:not([align]) {
                text-align: inherit
            }

            .button {
                background-color: #fff;
                border-color: #dbdbdb;
                border-width: 1px;
                color: #363636;
                cursor: pointer;
                justify-content: center;
                padding-bottom: calc(.5em - 1px);
                padding-left: 1em;
                padding-right: 1em;
                padding-top: calc(.5em - 1px);
                text-align: center;
                white-space: nowrap
            }

            .button .icon,.button .icon.is-large,.button .icon.is-medium,.button .icon.is-small {
                height: 1.5em;
                width: 1.5em
            }

            .button .icon:first-child:last-child {
                margin-left: calc(-.5em - 1px);
                margin-right: calc(-.5em - 1px)
            }

            .button.is-hovered,.button:hover {
                border-color: #b5b5b5;
                color: #363636
            }

            .button.is-focused,.button:focus {
                border-color: #3273dc;
                color: #363636
            }

            .button.is-focused:not(:active),.button:focus:not(:active) {
                box-shadow: 0 0 0 .125em rgba(50,115,220,.25)
            }

            .button.is-active,.button:active {
                border-color: #4a4a4a;
                color: #363636
            }

            .container {
                flex-grow: 1;
                margin: 0 auto;
                position: relative;
                width: auto
            }

            @media screen and (min-width: 1024px) {
                .container {
                    max-width:960px
                }
            }

            @media screen and (min-width: 1216px) {
                .container:not(.is-max-desktop) {
                    max-width:1152px
                }
            }

            @media screen and (min-width: 1408px) {
                .container:not(.is-max-desktop):not(.is-max-widescreen) {
                    max-width:1200px
                }
            }

            .icon {
                align-items: center;
                display: inline-flex;
                justify-content: center;
                height: 1.5rem;
                width: 1.5rem
            }

            .notification {
                background-color: #f5f5f5;
                border-radius: 4px;
                position: relative;
                padding: 1.25rem 2.5rem 1.25rem 1.5rem
            }

            .notification a:not(.button):not(.dropdown-item) {
                color: currentColor;
                text-decoration: underline
            }

            .notification.is-warning {
                background-color: #ffdd57;
                color: rgba(0,0,0,.7)
            }

            .progress {
                -moz-appearance: none;
                -webkit-appearance: none;
                border: none;
                border-radius: 290486px;
                display: block;
                height: 1rem;
                overflow: hidden;
                padding: 0;
                width: 100%
            }

            .progress::-webkit-progress-bar {
                background-color: #ededed
            }

            .progress::-webkit-progress-value {
                background-color: #4a4a4a
            }

            .progress::-moz-progress-bar {
                background-color: #4a4a4a
            }

            .progress::-ms-fill {
                background-color: #4a4a4a;
                border: none
            }

            .progress.is-success::-webkit-progress-value {
                background-color: #48c774
            }

            .progress:indeterminate {
                -webkit-animation-duration: 1.5s;
                animation-duration: 1.5s;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-name: moveIndeterminate;
                animation-name: moveIndeterminate;
                -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
                background-color: #ededed;
                background-image: linear-gradient(to right,#4a4a4a 30%,#ededed 30%);
                background-position: top left;
                background-repeat: no-repeat;
                background-size: 150% 150%
            }

            @-webkit-keyframes moveIndeterminate {
                from {
                    background-position: 200% 0
                }

                to {
                    background-position: -200% 0
                }
            }

            @keyframes moveIndeterminate {
                from {
                    background-position: 200% 0
                }

                to {
                    background-position: -200% 0
                }
            }

            .progress:indeterminate::-webkit-progress-bar {
                background-color: transparent
            }

            .progress:indeterminate::-moz-progress-bar {
                background-color: transparent
            }

            .progress:indeterminate::-ms-fill {
                animation-name: none
            }

            .subtitle,.title {
                word-break: break-word
            }

            .title {
                color: #363636;
                font-size: 2rem;
                font-weight: 600;
                line-height: 1.125
            }

            .input,.select select,.textarea {
                background-color: #fff;
                border-color: #dbdbdb;
                border-radius: 4px;
                color: #363636
            }

            .input::-moz-placeholder,.select select::-moz-placeholder,.textarea::-moz-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input::-webkit-input-placeholder,.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:-moz-placeholder,.select select:-moz-placeholder,.textarea:-moz-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:-ms-input-placeholder,.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder {
                color: rgba(54,54,54,.3)
            }

            .input:hover,.is-hovered.input,.is-hovered.textarea,.select select.is-hovered,.select select:hover,.textarea:hover {
                border-color: #b5b5b5
            }

            .input:active,.input:focus,.is-active.input,.is-active.textarea,.is-focused.input,.is-focused.textarea,.select select.is-active,.select select.is-focused,.select select:active,.select select:focus,.textarea:active,.textarea:focus {
                border-color: #3273dc;
                box-shadow: 0 0 0 .125em rgba(50,115,220,.25)
            }

            .input[disabled],.select fieldset[disabled] select,.select select[disabled],.textarea[disabled],fieldset[disabled] .input,fieldset[disabled] .select select,fieldset[disabled] .textarea {
                background-color: #f5f5f5;
                border-color: #f5f5f5;
                box-shadow: none;
                color: #7a7a7a
            }

            .input[disabled]::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,.select select[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,.select select[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,.select select[disabled]:-moz-placeholder,.textarea[disabled]:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input[disabled]:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,.select select[disabled]:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder {
                color: rgba(122,122,122,.3)
            }

            .input,.textarea {
                box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
                max-width: 100%;
                width: 100%
            }

            .modal {
                align-items: center;
                display: none;
                flex-direction: column;
                justify-content: center;
                overflow: hidden;
                position: fixed;
                z-index: 40
            }

            .delete,.modal-close {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background-color: rgba(10,10,10,.2);
                border: none;
                border-radius: 9999px;
                cursor: pointer;
                pointer-events: auto;
                display: inline-block;
                flex-grow: 0;
                flex-shrink: 0;
                font-size: 0;
                height: 20px;
                max-height: 20px;
                max-width: 20px;
                min-height: 20px;
                min-width: 20px;
                outline: 0;
                position: relative;
                vertical-align: top;
                width: 20px
            }

            .modal-close {
                background: 0 0;
                height: 40px;
                position: fixed;
                right: 20px;
                top: 20px;
                width: 40px
            }

            .is-large.delete,.is-large.modal-close {
                height: 32px;
                max-height: 32px;
                max-width: 32px;
                min-height: 32px;
                min-width: 32px;
                width: 32px
            }

            .delete::after,.delete::before,.modal-close::after,.modal-close::before {
                background-color: #fff;
                content: "";
                display: block;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translateX(-50%) translateY(-50%) rotate(45deg);
                transform-origin: center center
            }

            .delete::before,.modal-close::before {
                height: 2px;
                width: 75%
            }

            .delete::after,.modal-close::after {
                height: 75%;
                width: 2px
            }

            .modal.is-active {
                display: flex
            }

            .navbar {
                background-color: #fff;
                min-height: 3rem;
                position: relative
            }

            .navbar>.container {
                align-items: stretch;
                display: flex;
                min-height: 3rem;
                width: 100%
            }

            .navbar.has-shadow {
                box-shadow: 0 2px 0 0 #f5f5f5
            }

            .navbar-brand,.navbar-tabs {
                align-items: stretch;
                display: flex;
                flex-shrink: 0;
                min-height: 3rem
            }

            .navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover {
                background-color: transparent
            }

            .navbar-burger {
                color: #4a4a4a;
                cursor: pointer;
                display: block;
                height: 3rem;
                position: relative;
                width: 3.25rem;
                margin-left: auto
            }

            .navbar-burger span {
                background-color: currentColor;
                display: block;
                height: 3px;
                left: calc(50% - 10px);
                position: absolute;
                transform-origin: center;
                transition-duration: 86ms;
                transition-property: background-color,opacity,transform;
                transition-timing-function: ease-out;
                width: 24px
            }

            .navbar-burger span:nth-child(1) {
                top: calc(50% - 9px)
            }

            .navbar-burger span:nth-child(2) {
                top: calc(50% - 1px)
            }

            .navbar-burger span:nth-child(3) {
                top: calc(50% + 7px)
            }

            .navbar-burger:hover {
                background-color: rgba(0,0,0,.05)
            }

            .navbar-burger.is-active span:nth-child(1) {
                transform: translateY(6px) rotate(45deg)
            }

            .navbar-burger.is-active span:nth-child(2) {
                opacity: 0
            }

            .navbar-burger.is-active span:nth-child(3) {
                transform: translateY(-10px) rotate(-45deg)
            }

            .navbar-menu {
                display: none
            }

            .navbar-item,.navbar-link {
                color: #4a4a4a;
                display: block;
                line-height: 1.5;
                padding: .5rem .75rem;
                position: relative
            }

            .navbar-link,a.navbar-item {
                cursor: pointer
            }

            .navbar-item.active,.navbar-item:hover,.navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within {
                background-color: #fafafa;
                color: #3273dc
            }

            .navbar-item {
                flex-grow: 0;
                flex-shrink: 0
            }

            .navbar-item.has-dropdown {
                padding: 0
            }

            .navbar-link:not(.is-arrowless) {
                padding-right: 2.5em
            }

            .navbar-link:not(.is-arrowless)::after {
                border-color: #3273dc;
                margin-top: -.375em;
                right: 1.125em
            }

            .navbar-dropdown {
                font-size: .875rem;
                padding-bottom: .5rem;
                padding-top: .5rem
            }

            .navbar-dropdown .navbar-item {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                cursor: pointer
            }

            @media screen and (max-width: 1023px) {
                .navbar>.container {
                    display:block
                }

                .navbar-brand .navbar-item,.navbar-tabs .navbar-item {
                    align-items: center;
                    display: flex
                }

                .navbar-link::after {
                    display: none
                }

                .navbar-menu {
                    background-color: #fff;
                    box-shadow: 0 8px 16px rgba(10,10,10,.1);
                    padding: .5rem 0
                }

                .navbar-menu.is-active {
                    display: block
                }
            }

            @media screen and (min-width: 1024px) {
                .navbar,.navbar-end,.navbar-menu,.navbar-start {
                    align-items:stretch;
                    display: flex
                }

                .navbar {
                    min-height: 3.25rem
                }

                .navbar-dropdown .navbar-item.active,.navbar.is-transparent .navbar-dropdown .navbar-item:hover,.navbar.is-transparent .navbar-dropdown a.navbar-item:focus {
                    background-color: #f5f5f5;
                    color: #0a0a0a
                }

                .navbar-burger {
                    display: none
                }

                .navbar-item,.navbar-link {
                    align-items: center;
                    display: flex
                }

                .navbar-item.has-dropdown {
                    align-items: stretch
                }

                .navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown {
                    display: block
                }

                .navbar-menu {
                    flex-grow: 1;
                    flex-shrink: 0
                }

                .navbar-start {
                    justify-content: flex-start;
                    margin-right: auto
                }

                .navbar-end {
                    justify-content: flex-end;
                    margin-left: auto
                }

                .navbar-dropdown {
                    background-color: #fff;
                    border-bottom-left-radius: 6px;
                    border-bottom-right-radius: 6px;
                    border-top: 2px solid #dbdbdb;
                    box-shadow: 0 8px 8px rgba(10,10,10,.1);
                    display: none;
                    font-size: .875rem;
                    right: 0;
                    min-width: 100%;
                    position: absolute;
                    top: 100%;
                    z-index: 20;
                    width: 320px
                }

                .navbar-dropdown .navbar-item {
                    padding: .375rem 1rem;
                    white-space: nowrap
                }

                .navbar-dropdown a.navbar-item {
                    padding-right: 3rem
                }

                .navbar-dropdown .navbar-item:hover,.navbar-dropdown a.navbar-item:focus {
                    background-color: #f5f5f5;
                    color: #0a0a0a
                }

                .container>.navbar .navbar-brand,.navbar>.container .navbar-brand {
                    margin-left: -.75rem
                }

                .container>.navbar .navbar-menu,.navbar>.container .navbar-menu {
                    margin-right: -.75rem
                }

                .navbar-item.has-dropdown.is-active .navbar-link,.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link {
                    background-color: #fafafa
                }
            }

            .column {
                display: block;
                flex-basis: 0;
                flex-grow: 1;
                flex-shrink: 1;
            }

            @media screen and (min-width: 769px),print {
                .column.is-12,.column.is-12-tablet {
                    flex:none;
                    width: 100%
                }
            }

            .columns {
                margin-left: -.75rem;
                margin-right: -.75rem;
                margin-top: -.75rem
            }

            .columns:last-child {
                margin-bottom: -.75rem
            }

            .columns:not(:last-child) {
                margin-bottom: calc(1.5rem - .75rem)
            }

            @media screen and (min-width: 769px),print {
                .columns:not(.is-desktop) {
                    display:flex
                }
            }

            .mb-0 {
                margin-bottom: 0!important
            }

            .section {
                padding: 0.2rem
            }

            :root {
                --snap-primary: #3072e2;
                --snap-secondary: #20bf6b
            }

            .navbar-item span {
                color: #e23030
            }

            .navbar-brand .navbar-item {
                font-weight: 700;
                font-size: 1.4rem
            }

            .title.h1,.title.h2,.title.h3,.title.h4,.title.h5 {
                margin-top: 1rem;
                margin-bottom: .5em
            }

            .title.h1 {
                font-size: 2em
            }

            .title.h2 {
                font-size: 1.8em
            }

            .title.h3 {
                font-size: 1.6em
            }

            .title.h4 {
                font-size: 1.4em
            }

            .title.h5 {
                font-size: 1.2em
            }

            main ul {
                list-style: circle;
                margin-left: 30px
            }

            i.icon {
                display: table-cell;
                height: 1em;
                width: 1em
            }

            i.icon-link {
                background: url(https://www.savepin.app/images/link.svg) no-repeat center
            }

            .pd-0 {
                padding: 0 .75rem
            }

            .snapx-app {
                background-color: #ecf0f1;
                height: auto;
                padding: 0;
                text-align: center;
                line-height: initial
            }

            .snapx-app img {
                max-height: 70px;
                max-width: 100%
            }

            @media (min-width: 768px) {
                .snapx-app {
                    display:none!important
                }
            }

            .app-btn-view,.app-close,.app-img {
                display: flex;
                align-items: center;
                text-align: center
            }

            .svg-inline--fa {
                display: inline-block;
                font-size: inherit;
                height: 1em;
                overflow: visible;
                vertical-align: -.125em
            }

            svg:not(:root).svg-inline--fa {
                overflow: visible
            }

            .snapx-app a {
                color: #3172e2;
                display: flex
            }

            .app-info-box {
                display: grid;
                grid-template-columns: 50px auto
            }

            .app-btn-view,.app-close,.app-img {
                display: flex;
                align-items: center;
                text-align: center
            }

            picture.app {
                width: 50px;
                height: 50px
            }

            .app-info-box .app-info_info {
                margin-left: 8px
            }

            .app-info-title {
                color: #000;
                font-size: 16px;
                font-weight: 300;
                line-height: 1rem
            }

            .app-info-dev {
                color: #6c757d;
                font-weight: 300;
                font-size: 12px;
                line-height: 1rem
            }

            .app-info-get {
                font-size: 12px;
                line-height: 1rem;
                color: #6c757d;
                font-weight: 400
            }

            .app-btn-view {
                justify-content: flex-end
            }

            .navbar-dropdown ul li {
                width: 50%;
                display: inline-block
            }

            .section.inputurl-box {
                background-color: #white;
                overflow: hidden;
                position: relative
            }

            .inputurl-box .column {
                text-align: center;
                padding: 21px;
                margin: 0 auto
            }

            .inputurl-box .title {
                color: #fff
            }

            .inputurl-box .title.h1 {
                margin-top: 2rem;
                font-size: 1.6rem;
                margin-bottom: .5rem
            }

            .inputurl-box .title.h2 {
                margin-top: 0;
                margin-bottom: 1.5rem;
                font-size: 1.1rem;
                color: #ecf0f1;
                font-weight: 400
            }

            #msg-error {
                display: block
            }

            .inputurl-box form {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                position: relative;
                margin-top: 1rem
            }

            .button.button-go {
                background-color: #0C6439;
                border: none;
                color: #fff
            }

            .input.url-input {
                padding-left: 2.5em
            }

            .inputurl-box .icon-link {
                color: #dbdbdb;
                height: 2.5em;
                pointer-events: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 2.5em
            }

            .inputurl-btn__dlbox {
                box-sizing: border-box;
                overflow: hidden;
                position: relative
            }

            .paste {
                height: 2.1em;
                pointer-events: unset;
                position: absolute;
                top: 0;
                right: 2px;
                z-index: 0;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .paste.disabled {
                display: none
            }

            .paste span {
                display: flex;
                cursor: pointer;
                padding: .25rem 1rem;
                font-size: 14px;
                color: #4a4a4a;
                background-color: #fff;
                align-items: center
            }

            .icon.icon-clear,.icon.icon-paste {
                background: url(https://www.savepin.app/images/paste.svg) no-repeat center;
                margin-right: 3px;
                width: 14px;
                height: 14px
            }

            i.icon-clear {
                background: url('images/times.svg') no-repeat center!important
            }

            .icon.icon-back,.icon.icon-download {
                background: url('https://www.savepin.app/images/download.svg') no-repeat center;
                margin-right: 3px!important;
                margin-left: 0!important;
                width: 16px;
                height: 16px
            }

            .instructions ,.icon.icon-loading {
                background: url('https://www.savepin.app/images/spinner.svg') no-repeat center;
                margin-right: 3px!important;
                margin-left: 0!important;
                width: 16px;
                height: 16px
            }

            .instructions p {
                margin-bottom: .5rem
            }

            .alert-instruc {
                color: #000;
                font-weight: 500
            }

            .inputurl-container span {
                display: flex;
                align-items: center;
                justify-content: center
            }

            .notification.is-warning.warning-input {
                position: absolute;
                top: 0;
                right: 0;
                transform: translateY(calc(-100% - 5px));
                left: 0;
                margin: 0;
                padding: 8px;
                padding-right: 16px;
                display: none
            }

            .notification.is-warning.warning-input.active {
                display: block
            }

            .notification.is-warning.warning-input:after {
                content: '';
                position: absolute;
                left: 1px;
                bottom: -5px;
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #ffdd57;
                clear: both
            }

            .notification.warning-input>.delete {
                right: .2rem;
                top: .2rem
            }

            .progress-bar {
                position: center;
                top: 0;
                left: 0;
                width: 100%;
                height: 30px;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                z-index: 100;
                color: #fff;
                display: none
            }

            .progress-bar.active {
                display: flex
            }

            .spinner-grow {
                display: inline-block;
                width: 1rem;
                height: 1rem;
                vertical-align: -.125em;
                background-color: currentColor;
                border-radius: 50%;
                opacity: 0;
                -webkit-animation: .75s linear infinite spinner-grow;
                animation: .75s linear infinite spinner-grow;
                color: #f8f9fa!important
            }

            .visually-hidden {
                position: absolute!important;
                width: 1px!important;
                height: 1px!important;
                padding: 0!important;
                margin: -1px!important;
                overflow: hidden!important;
                clip: rect(0,0,0,0)!important;
                white-space: nowrap!important;
                border: 0!important
            }

            @keyframes spinner-grow {
                0% {
                    transform: scale(0)
                }

                50% {
                    opacity: 1;
                    transform: none
                }
            }

            .example span {
                word-break: break-all;
                color: #6c757d!important;
                font-size: .875rem;
                color: #d63384!important
            }

            .ol-decorated {
                counter-reset: zone-counter;
                margin: 0;
                text-align: left;
                list-style: none
            }

            .ol-decorated li {
                position: relative;
                line-height: 24px;
                margin-bottom: 20px;
                padding-left: 32px
            }

            .ol-decorated li:before {
                border: 1px solid #337efe;
                box-sizing: border-box;
                color: #337efe;
                content: counter(zone-counter);
                counter-increment: zone-counter;
                display: block;
                height: 25px;
                line-height: 24px;
                left: 0;
                position: absolute;
                text-align: center;
                width: 25px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%
            }

            .btn-click {
                color: #262b30;
                font-weight: 500
            }

            .section.download {
                padding-top: 0
            }

            .snaptikvid {
                overflow: hidden;
                margin-bottom: 10px;
                margin-top: 15px
            }

            .snaptik-left {
                padding: 0;
                margin: 0;
                width: 120px;
                position: relative;
                float: left
            }

            .snaptik-left img {
                width: 120px;
                height: 120px;
                border-radius: 16px;
                display: block;
                object-fit: cover
            }

            .snaptik-right {
                float: right;
                width: 250px;
                display: none
            }

            .abuttons {
                margin-bottom: 1em;
                align-items: center;
                display: block
            }

            .abutton {
                display: inline-flex;
                border: 1px solid #ddd;
                border-radius: 4px;
                font-size: 14px;
                padding: 5px .75em;
                cursor: pointer;
                justify-content: center;
                text-align: center;
                vertical-align: top;
                align-items: center;
                -webkit-appearance: none;
                white-space: nowrap;
                background-color: #fff;
                display: block;
                width: 100%
            }

            .abutton.is-success {
                background-color: #007bff;
                color: #fff;
                border-color: transparent;
                box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 1px 5px 0 rgb(0 0 0 / 12%)
            }

            .btn-secondary {
                color: #fff;
                background-color: #6c757d;
                border-color: #6c757d
            }

            .btn-secondary:hover {
                color: #fff;
                background-color: #5c636a;
                border-color: #565e64
            }

            .abuttons .abutton {
                margin-bottom: .75rem;
                display: inline-block
            }

            .span-icon {
                display: flex;
                justify-content: center;
                align-items: center
            }

            .snaptik-middle {
                height: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .snaptik-middle h3 {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 7px;
                margin-left: 7px;
                margin-top: 0
            }

            .snaptikvid .snaptik-middle>* {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .snaptik-middle p {
                display: inline;
                vertical-align: top;
                margin-left: 7px;
                margin-top: -3px;
                color: #333
            }

            .snaptik-middle .blur {
                color: #707570;
                font-size: 14px;
                font-weight: 400
            }

            .snaptik-middle .video-time {
                display: block
            }

            .download-block {
                margin-top: 16px
            }

            .columns.footer-link {
                display: flex;
                flex-wrap: wrap;
                font-size: .875rem;
                margin-bottom: .5rem
            }

            .col-heading {
                font-size: 1rem;
                margin-bottom: 1rem;
                color: #5d6778;
                font-weight: 700;
                line-height: 1.2
            }

            ul.list-unstyled {
                list-style: none;
                margin-left: 0
            }

            footer .footer-link li {
                margin-bottom: .5rem;
                background-color: transparent
            }

            footer .footer-link a {
                color: #5d6778
            }

            .columns.footer-link .column {
                flex: 0 0 auto;
                width: 50%
            }

            footer .hr {
                border-top: 1px solid rgba(0,0,0,.1);
                margin-top: 2rem;
                margin-bottom: 1rem
            }

            .follow_us li {
                display: inline-block
            }

            .follow_us li a {
                display: inline-block;
                width: 28px;
                height: 28px
            }

            .follow_us li:not(:last-child) a {
                margin-right: 8px
            }

            .copyright-text {
                text-align: center;
                padding: 1.5rem;
                border-top: 1px solid rgba(0,0,0,.1)
            }

            .only-mobile {
                display: none
            }

            .ad-sticky {
                position: -webkit-sticky;
                position: -moz-sticky;
                position: -o-sticky;
                position: -ms-sticky;
                position: sticky;
                bottom: 0;
                height: 50px;
                width: 100%;
                left: 0;
                text-align: center;
                background-color: #f8f6fb
            }

            .ad-close {
                position: absolute;
                top: -24px;
                right: 0;
                width: 24px;
                height: 24px;
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg role='img' width='16px' height='16px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23555' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' class=''%3E%3C/path%3E%3C/svg%3E");
                background-repeat: no-repeat;
                transition: transform .2s ease-in-out;
                box-sizing: border-box;
                border-bottom: none;
                border-right: none;
                background-size: cover;
                border: 1px solid rgba(0,0,0,.1);
                background-color: #fff;
                border-bottom: none;
                border-right: 0;
                border-top-left-radius: 4px;
                z-index: 10000
            }

            .hidden {
                display: none
            }

            .share-dialog svg {
                width: 20px;
                height: 20px;
                margin-right: 7px
            }

            .copy-link {
                padding-left: 30px;
                padding-right: 30px;
                margin-left: 7px
            }

            .share-button {
                position: fixed;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                line-height: 40px;
                border: none;
                background-color: #29b76b;
                bottom: 80px;
                right: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 100
            }

            .box {
                background-color: #fff;
                border-radius: 6px;
                box-shadow: 0 .5em 1em -.125em rgb(10 10 10 / 10%),0 0 0 1px rgb(10 10 10 / 2%);
                color: #4a4a4a;
                display: block;
                padding: 1.25rem
            }

            .share-dialog header {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px
            }

            .targets {
                display: grid;
                grid-template-rows: 1fr 1fr;
                grid-template-columns: 1fr 1fr;
                grid-gap: 20px;
                margin-bottom: 20px
            }

            .close-button {
                background-color: transparent;
                border: none;
                padding: 0
            }

            .close-button svg {
                margin-right: 0
            }

            .link {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 10px;
                border-radius: 4px;
                background-color: #eee
            }

            .snap-url {
                margin-right: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            @media only screen and (max-width: 479px) {
                .inputurl-box .center {
                    width:100%
                }

                .button.button-go {
                    order: 2;
                    width: 100%;
                    margin-top: .5rem;
                    margin-bottom: .2rem
                }

                .section.ad-main {
                    padding: 0;
                    margin: 0
                }

                .title.h3 {
                    font-size: 1.4em;
                    margin-bottom: .3rem
                }

                .only-mobile {
                    display: block
                }
            }

            @media only screen and (max-width: 320px) {
                .inputurl-box .title.h2 {
                    font-size:1rem;
                    margin-bottom: .5rem
                }

                .inputurl-box .title.h1 {
                    margin-top: 1rem;
                    font-size: 1.4rem
                }

                .title.h3 {
                    font-size: 1.2rem
                }
            }

            @media only screen and (min-width: 480px) {
                .button.button-go {
                    margin:0 -1px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                    box-shadow: none;
                    float: right
                }

                .inputurl-box .title.h1 {
                    margin-top: 3rem;
                    margin-bottom: .5rem;
                    font-size: 2rem
                }

                .inputurl-box .title.h2 {
                    margin-top: .2rem;
                    margin-bottom: 1rem;
                    font-size: 1rem
                }

                .input.url-input {
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

                .inputurl-box form {
                    max-width: 560px;
                    display: inline-block
                }

                .is-main .title.h3 {
                    font-size: 1.4em;
                    margin-bottom: .2rem
                }

                .shapes-right::before {
                    content: "";
                    width: 300px;
                    height: 150px;
                    background: rgba(255,255,255,.1);
                    position: absolute;
                    right: -60px;
                    top: 0;
                    border-radius: 4px;
                    -moz-transform: skew(25deg,-10deg);
                    -o-transform: skew(25deg,-10deg);
                    -ms-transform: skew(25deg,-10deg);
                    -webkit-transform: skew(25deg ,-10deg);
                    transform: skew(25deg ,-10deg);
                    moz-transform-origin: top left;
                    -o-transform-origin: top left;
                    -ms-transform-origin: top left;
                    -webkit-transform-origin: top left;
                    transform-origin: top left
                }

                .shapes-right::after {
                    content: "";
                    width: 150px;
                    height: 600px;
                    background: rgba(255,255,255,.15);
                    position: absolute;
                    right: 0;
                    top: 30px;
                    border-radius: 6px;
                    -moz-transform: skew(25deg,10deg);
                    -o-transform: skew(25deg,10deg);
                    -ms-transform: skew(25deg,10deg);
                    -webkit-transform: skew(25deg ,10deg);
                    transform: skew(25deg ,10deg);
                    moz-transform-origin: top left;
                    -o-transform-origin: top left;
                    -ms-transform-origin: top left;
                    -webkit-transform-origin: top left;
                    transform-origin: top left
                }

                .shapes-left::before {
                    content: "";
                    width: 300px;
                    height: 150px;
                    background: rgba(255,255,255,.1);
                    position: absolute;
                    left: -90px;
                    top: 0;
                    border-radius: 6px;
                    -moz-transform: skew(25deg,-12deg);
                    -o-transform: skew(25deg,-12deg);
                    -ms-transform: skew(25deg,-12deg);
                    -webkit-transform: skew(25deg ,-12deg);
                    transform: skew(25deg ,-12deg);
                    moz-transform-origin: top left;
                    -o-transform-origin: top left;
                    -ms-transform-origin: top left;
                    -webkit-transform-origin: top left;
                    transform-origin: top left
                }

                .shapes-left::after {
                    content: "";
                    width: 150px;
                    height: 600px;
                    background: rgba(255,255,255,.15);
                    position: absolute;
                    left: 0;
                    top: 30px;
                    border-radius: 4px;
                    -moz-transform: skew(-25deg,10deg);
                    -o-transform: skew(-25deg,10deg);
                    -ms-transform: skew(-25deg,10deg);
                    -webkit-transform: skew(-25deg ,10deg);
                    transform: skew(-25deg ,10deg);
                    moz-transform-origin: top left;
                    -o-transform-origin: top left;
                    -ms-transform-origin: top left;
                    -webkit-transform-origin: top left;
                    transform-origin: top left
                }

                .columns.footer-link .column {
                    width: 25%
                }

                footer .hr {
                    margin-top: 3rem;
                    margin-bottom: 2rem
                }
            }

            @media only screen and (min-width: 1024px) {
                .snaptik-right {
                    display:block
                }

                .download-block {
                    display: none
                }

                .inputurl-box form {
                    max-width: 630px;
                    display: inline-block
                }

                .inputurl-box .title.h1 {
                    margin-top: 6rem;
                    font-size: 3rem
                }

                .inputurl-box .title.h2 {
                    margin-top: 1rem;
                    margin-bottom: 1rem;
                }

                .inputurl-box .columns {
                    margin-bottom: 2rem
                }
            }

            a.abutton.is-success.abutton-app {
                background-color: #48c78e
            }

            .notification.is-success {
                background-color: #d1e7dd;
                color: #0f5132;
                padding: .5rem 1rem;
                border: 1px solid #badbcc;
                margin-top: 1.5rem;
                text-align: center
            }

            .ad-main.active {
                display: flex;
                align-items: center;
                position: fixed;
                z-index: 1;
                left: 0;
                top: 0;
                width: 100%;
                height: 100vh;
                overflow: auto;
                background-color: #000;
                background-color: rgba(10,10,10,.86);
                padding-right: 0;
                padding-left: 0
            }

            .ad-main.active .container {
                background-color: #fefefe;
                padding-bottom: 1.5rem;
                margin-top: 51px
            }

            .mb-3 {
                margin-bottom: 1rem
            }

            .ad-main hr {
                margin-bottom: .5rem;
                border: none;
                border-bottom: 1px solid rgba(0,0,0,.1)
            }

            .hr-ad.hr-bottom {
                margin-bottom: 1rem
            }

            .ad-main .abutton,.ad-main .notification,.ad-main hr {
                display: none
            }

            .ad-main.active .abutton,.ad-main.active .notification,.ad-main.active hr {
                display: block
            }

            .ad-main.active .ad-boxcontent {
                padding-left: 15px;
                padding-right: 15px
            }

            .modalothervideo {
                margin-top: 1rem
            }

            .ad-main .modal-close {
                display: none
            }

            .ad-main.active .modal-close {
                display: block
            }
        </style>
        <!--<link rel="preload" as="style" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
        <script>
            function myFunction() {
                var x = document.getElementById("savepin-menu");
                if (x.style.display === "block") {
                    x.style.display = "none";
                } else {
                    x.style.display = "block";
                }
            }
        </script>
        <!--paste id-->
        <!--<link rel="preload" as="script" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css" integrity="sha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->
        <style>
            #promo-stripe {
                display: flex;
                flex-direction: column;
                background-color: #FC753D;
                color: #fff;
                padding: 15px;
                box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
            }

            #promo-stripe p {
                font-size: 18px;
                margin: 0;
                text-align: center;
                line-height: 1.5;
            }

            #install-button {
                background-color: #000000;
                color: white;
                padding: 10px 20px;
                font-size: 16px;
                border: none;
                cursor: pointer;
                border-radius: 5px;
                margin-top: 10px;
                text-decoration: none;
                text-align: center;
            }

            #install-button:hover {
                background-color: #363636;
            }

            @media (min-width: 768px) {
                #promo-stripe {
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                }

                #promo-stripe p {
                    text-align: left;
                }
            }

            .column {
                display: block;
                flex-basis: 0;
                flex-grow: 1;
                flex-shrink: 1;
                padding: 0.75rem;
            }

            .media {
                align-items: flex-start;
                display: flex;
                text-align: inherit;
            }

            .media-left {
                position: relative;
                overflow: hidden;
                border-radius: 0.25rem;
            }

            .media-content {
                flex-basis: auto;
                flex-grow: 1;
                flex-shrink: 1;
                text-align: inherit;
                padding-left: 20px;
            }

            .video-des {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            @media screen and (min-width: 769px), print {
                .columns:not(.is-desktop) {
                    display: flex;
                    /* flex-wrap: wrap; */
                    flex-direction: column-reverse;
                }
            }

            .table.is-fullwidth {
                width: 100%;
            }

            .table td, .table th {
                border: 1px solid #dbdbdb;
                border-width: 0 0 1px;
                padding: 0.5em 0.75em;
                vertical-align: top;
            }

            .button.is-success {
                background-color: #48c774;
                border-color: transparent;
                color: #fff;
            }

            .button.is-small:not(.is-rounded) {
                border-radius: 2px;
            }

            .button.is-small {
                font-size: .75rem;
            }

            .button {
                background-color: #fff;
                border-color: #dbdbdb;
                border-width: 1px;
                color: #363636;
                cursor: pointer;
                justify-content: center;
                padding-bottom: calc(0.5em - 1px);
                padding-left: 1em;
                padding-right: 1em;
                padding-top: calc(0.5em - 1px);
                text-align: center;
                white-space: nowrap;
            }

            .image.is-64x64 {
                height: 264px;
                width: 76%;
            }

            .table td, .table th {
                border: 1px solid #dbdbdb;
                border-width: 0 0 1px;
                padding: 0.5em 0.75em;
                vertical-align: top;
            }

            abbr[title] {
                text-decoration: none;
                text-decoration-line: none;
                text-decoration-thickness: none;
                text-decoration-style: none;
                text-decoration-color: none;
            }
        </style>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>
        <header>
            <div id="navbar">
                <nav class="navbar has-shadow is-small" role="navigation" aria-label="main navigation">
                    <div class="container">
                        <div class="navbar-brand">
                            <a class="navbar-item" href="https://www.savepin.app" title="Pinterest Video Downloader">
                                <img src="../images/logo.webp" height="55px" width="190px" alt="Pinterest video downloader online - savepin">
                            </a>
                            <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="savepin-menu" onclick="this.classList.toggle('is-active');
                    document.getElementById('savepin-menu').classList.toggle('is-active');">
                                <span aria-hidden="true"></span>
                                <span aria-hidden="true"></span>
                                <span aria-hidden="true"></span>
                            </a>
                        </div>
                        <div id="savepin-menu" class="navbar-menu">
                            <div class="navbar-start"></div>
                            <div class="navbar-end">
                                <a href="https://play.google.com/store/apps/details?id=com.savepin.pinterestvideodownload" target="_blank" style="display: flex;text-align: center; align-self: center;font-weight: 600;margin-right: 10px;margin-left: 10px">
                                    <img data-cfsrc="images/android.png" width="30px" height="30px" src="https://www.savepin.app/images/android.png" alt="SavePin Android app">Install App
                        
                                </a>
                                <div class="navbar-item has-dropdown is-hoverable">
                                    <div class="navbar-link" style="font-weight: 600">DOWNLOADER
                            </div>
                                    <div class="navbar-dropdown">
                                        <ul>
                                            <li>
                                                <div class="navbar-item">
                                                    <a href="https://www.savepin.app/pinterest-gif-download">Pinterest GIF Downloader</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item">
                                                    <a href="https://www.savepin.app/pinterest-image-download">Pinterest Image Downloader</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="navbar-item has-dropdown is-hoverable">
                                    <div class="navbar-link" style="font-weight: 600">LANGUAGE
                            </div>
                                    <div class="navbar-dropdown">
                                        <ul>
                                            <li>
                                                <div class="navbar-item" data-lang="en">
                                                    <a href="https://www.savepin.app">English</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="id">
                                                    <a href="/id/">Bahasa Indonesia</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="tr">
                                                    <a href="/tr/">Turkish (Turkey)</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="es">
                                                    <a href="/es/">Espa &ntilde;ol</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="fr">
                                                    <a href="https://www.savepin.app/fr/">Fran &ccedil;ais</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ru">
                                                    <a href="https://www.savepin.app/ru/">Русский</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="vi">
                                                    <a href="https://www.savepin.app/vi/">Tiếng Việt</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ms">
                                                    <a href="https://www.savepin.app/ms/">Bahasa Malaysia</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="jw">
                                                    <a href="https://www.savepin.app/jv/">Basa Jawa</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="jw">
                                                    <a href="https://www.savepin.app/de/">German</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="jw">
                                                    <a href="https://www.savepin.app/it/">Italian</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="jw">
                                                    <a href="https://www.savepin.app/pt/">Português</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="hi">
                                                    <a href="#">हिंदी</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="hi">
                                                    <a href="https://www.savepin.app/th/">Thai</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="zh">
                                                    <a href="https://www.savepin.app/zh/">中文(简体)</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ja">
                                                    <a href="https://www.savepin.app/ja/">日本語</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ar">
                                                    <a href="https://www.savepin.app/ar/">عربى</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ar">
                                                    <a href="https://www.savepin.app/af/">Afrikaans</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="navbar-item" data-lang="ar">
                                                    <a href="https://www.savepin.app/ne/">नेपाली</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
        </header>
        <main>
            <section class="container p-5" id="instructions"></section>
            <section class="section" id="content">
                <a class="button is-dark is-small is-fullwidth" onclick="sendEvent('Click_dl_more_videos')" href="/" style="margin-top: 1rem">
                    <i class="fa fa-angle-left" style="font-size:15px"></i>
                    &nbsp;Back to Download Page
                </a>
                <!--vid download form-->
                <!--adx-->
                <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9452189616392028" crossorigin="anonymous"></script>
                <!-- download page top - savepin -->
                <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9452189616392028" data-ad-slot="8286276759" data-ad-format="auto" data-full-width-responsive="true"></ins>
                <script>
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
                <section class="section">
                    <div class="container download-box">
                        <div class="download-link">
                            <div class="columns">
                                <div class="column">
                                    <article class="media">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="https://i.pinimg.com/originals/fe/de/43/fede43b2208eb8427c0b9668e1f9dfcb.jpg">
                                            </p>
                                            <div class="play-preview" id="previewBtn" onclick="document.getElementById('preview-video').classList.add('is-active');">
                                                <i class="img-sprites icon-preview_play"></i>
                                            </div>
                                        </figure>
                                        <div class="media-content">
                                            <div class="content">
                                                <p>
                                                    <strong>Sad quotes</strong>
                                                    <span class="video-des"></span>
                                                </p>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                            </div>
                            <div class="columns">
                                <div class="column is-12">
                                    <table class="table is-fullwidth">
                                        <thead style=" background-color: #3f4244; color: white; ">
                                            <tr>
                                                <th>
                                                    <abbr title="Quality">Quality</abbr>
                                                </th>
                                                <th>
                                                    <abbr title="Processing">Format</abbr>
                                                </th>
                                                <th>
                                                    <abbr title="Download">Download</abbr>
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="video-quality">1080p</td>
                                                <td style="text-transform: uppercase">mp4</td>
                                                <td>
                                                    <a id="submiturl" class="button is-success is-small" onclick="setTimeout(function(){window.location.href='https://www.savepin.app/'}, 10000);" href="force-save.php?url=https%3A%2F%2Fv1.pinimg.com%2Fvideos%2Fmc%2F720p%2F37%2F79%2F96%2F37799646371cb5bbd9724a542343d3f8.mp4" download>Download</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="video-quality">736x[HD]</td>
                                                <td>JPG/PNG</td>
                                                <td>
                                                    <a id="submiturl" class="button is-success is-small" onclick="setTimeout(function(){window.location.href='https://www.savepin.app/'}, 10000);" href="force-save.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Ffe%2Fde%2F43%2Ffede43b2208eb8427c0b9668e1f9dfcb.jpg" download>Download</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!--savepin app prommtion-->
                            <div id="promo-stripe">
                                <p>Enhance video downloading with our 🚀 Ads-Free Pinterest Downloader App! 🎉</p>
                                <a href="https://play.google.com/store/apps/details?id=com.savepin.pinterestvideodownload" id="install-button" target="_blank">Install App</a>
                            </div>
                            <!-- end savepin app prommtion-->
                            <!--adsene-->
                            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9452189616392028" crossorigin="anonymous"></script>
                            <!-- Download page bottom savepin -->
                            <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9452189616392028" data-ad-slot="9332830775" data-ad-format="auto" data-full-width-responsive="true"></ins>
                            <script>
                                (adsbygoogle = window.adsbygoogle || []).push({});
                            </script>
                            <!--adsence ad-->
                        </div>
                    </div>
                </section>
            </section>
        </main>
        <footer>
            <section class="section copyright pd-0" style="margin-top:50px;">
                <div class="container">
                    <div class="columns">
                        <div class="column pd-0">
                            <div class="copyright-text">
                                Copyright &copy;2023 <a href="https://www.savepin.app" title="Save Pin">SavePin.APP</a>
                                . All rights reserved. | <a href="/blog/" title="Blog">Blog</a>
                                | <a href="https://www.savepin.app/contact-us" title="Contact Us">Contact Us</a>
                                | <a href="/privacy-policy" title="Privacy Policy">Privacy Policy</a>
                                | <a href="https://www.savepin.app/terms-of-services" title="Terms of Services">Terms of Services</a>
                                | <a href="https://play.google.com/store/apps/details?id=sss.wawbstatussaver" title="Whatsapp Status Download">Whatsapp Status Download App</a>
                            </div>
                            <p style="text-align: center;">Follow us:  </p>
                            <div class="social-buttons">
                                <a href="https://www.facebook.com/savepintool" title="Facebook" style=" padding: 5px; " style=" padding: 5px; ">Facebook</a>
</i></a><a href="https://twitter.com/savepintool" title="Twitter" style=" padding: 5px; ">Twitter
</i></a><a href="https://in.pinterest.com/savefasttool/" title="Pinterest" style=" padding: 5px; ">Pinterest
</i></a><a href="https://www.youtube.com/@savepin" title="Youtube" style=" padding: 5px; ">Youtube
</i></a></div><style>
    .social-buttons {
        display: flex;
        justify-content: center;
    }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #3b5998;
        border-radius: 10px;
        padding: 8px 15px;
        margin: 10px;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    .btn:hover {
        background-color: #2d4373;
    }

    .facebook {
        background-color: #3b5998;
    }

    .twitter {
        background-color: #00acee;
    }

    .instagram {
        background-color: #e4405f;
    }
</style>
</div></div></div></section></footer><script type="text/javascript">
    navigator.clipboard && document.getElementById("paste").classList.remove("disabled");
    function copyLink(e) {
        var n = document.body.appendChild(document.createElement("input"));
        n.value = window.location.href,
        n.focus(),
        n.select(),
        document.execCommand("copy"),
        n.parentNode.removeChild(n),
        document.querySelector(".copy-link").innerText = "URL Copied.",
        sendEvent("share_copy_link")
    }
</script>
<script>
    const pasteButton = document.getElementById('paste');
    const inputBox = document.getElementById('url');

    pasteButton.addEventListener('click', ()=>{
        navigator.clipboard.readText().then(text=>{
            inputBox.value = text;
        }
        ).catch(error=>{
            console.error('Error pasting text: ', error);
        }
        );
    }
    );
</script>
<script>

    const downloadButton = document.getElementById('submiturl');
    const progressBar = document.getElementById('progress-bar');

    downloadButton.addEventListener('click', ()=>{
        // Simulate download process
        let progress = 1;
        const interval = setInterval(()=>{
            progressBar.innerHTML = `${progress}%`;
            progress++;
            if (progress === 100) {
                clearInterval(interval);
                progressBar.innerHTML = 'Downloading';
            }
        }
        , 80);
        // Update progress every 50ms

        // Display progress bar after 500ms
        setTimeout(()=>{
            progressBar.style.display = 'block';
        }
        , 9000);
    }
    );
</script>
</body></html>
"