(function () {
        if (document.getElementById("reforestation-app-load") !== null) {
            return;
        }
        document.querySelector("body").insertAdjacentHTML('beforeend', '<span id="reforestation-app-load"></span>');
        var hash = 'vsu6Fw7ibq';
        var sessionId = 'e894eca7d72c972cc8919094420a37c8';
        var variantId = '40759466033267';
        var checkout = window.Shopify && window.Shopify.checkout;
        var oneTreePlanted = function (jQuery) {
            jQuery('body').prepend('');
            jQuery('[data-selector="one-tree-planted-tree-counter"]').html('0');
            var hasProductInCart = false;
            if (typeof checkout !== "undefined") {
                checkout['line_items'].forEach(lineItem => {
                    if(parseInt(lineItem.variant_id) === parseInt(variantId) || lineItem.title === 'Tree to be Planted' || lineItem.vendor === 'One Tree Planted' || lineItem.title === 'Donation of a Tree' || lineItem.vendor === 'Donation of a Tree') {
                        hasProductInCart = true;
                    }
                });
                if(hasProductInCart === false){
                    if(jQuery('[data-variant-id="' + variantId + '"]').length > 0) {
                        hasProductInCart = true;
                    }
                }
                        
    
                        
    
            } else if(typeof window.Shopify.Checkout == "undefined") {
                jQuery.ajax({
                    url: "/cart.json?onetree=1",
                    type: "GET",
                    success: function (result) {
                        if (result.items != undefined) {
                            for (var i = 0; i < result.items.length; i++) {
                                if(parseInt(result.items[i].variant_id) === parseInt(variantId) || result.items[i].product_title === 'Tree to be Planted' || result.items[i].vendor === 'One Tree Planted' || result.items[i].product_title === 'Donation of a Tree' || result.items[i].vendor === 'Donation of a Tree') {
                                    hasProductInCart = true;
                                    break;
                                }
                            }
                        }
                                
    
                                
    
                                    
        var cartPage = {

            init: function () {
                if(jQuery('.one-tree-checkbox-container').length > 0){
                    return;
                }
                this.prepareContent();
                this.eventListener();
            },

            prepareContent: function () {
                var content;
                var css;
                if(!hasProductInCart){
                    css = '\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Clink\u0020href\u003D\u0022https\u003A\/\/fonts.googleapis.com\/css2\u003Ffamily\u003DLato\u003Awght\u0040300\u003B400\u003B500\u003B600\u003B700\u0026display\u003Dswap\u0022\u0020rel\u003D\u0022stylesheet\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cstyle\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020justify\u002Dcontent\u003A\u0020flex\u002Dend\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dfamily\u003A\u0020\u0027Lato\u0027,\u0020serif\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020color\u003A\u0020\u0023000000\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u002015px\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020margin\u002Dtop\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0040media\u0020all\u0020and\u0020\u0028max\u002Dwidth\u003A\u0020540px\u0029\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020justify\u002Dcontent\u003A\u0020center\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u00202rem\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020margin\u002Dleft\u003A\u00205px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020cursor\u003A\u0020pointer\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__control\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020inline\u002Dgrid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020\u002393c24f\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__control\u0020svg\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transition\u003A\u0020transform\u00200.1s\u0020ease\u002Din\u002025ms\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u00280\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u002Dorigin\u003A\u0020bottom\u0020left\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020grid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020grid\u002Dtemplate\u002Dareas\u003A\u0020\u0022checkbox\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020\u003E\u0020\u002A\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020grid\u002Darea\u003A\u0020checkbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020input\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020opacity\u003A\u00200\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020cursor\u003Apointer\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020input\u003Afocus\u0020\u002B\u0020.checkbox__control\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dshadow\u003A\u00200\u00200\u00200\u00200.05em\u0020\u0023fff,\u00200\u00200\u00200.15em\u00200.1em\u0020currentColor\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.checkbox__input\u0020input\u003Achecked\u0020\u002B\u0020.checkbox__control\u0020svg\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u00281\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dlearn\u002Dmore\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020align\u002Ditems\u003A\u0020center\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dlearn\u002Dmore\u002Dcontent\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u0020200px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020text\u002Dalign\u003A\u0020left\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dweight\u003A\u0020normal\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u002013px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Ddown\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020relative\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u0028var\u0028\u002D\u002Dggs,1\u0029\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020transparent\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dradius\u003A\u0020100px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Ddown\u003A\u003Aafter\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020content\u003A\u0020\u0022\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020absolute\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dbottom\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dright\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020rotate\u002845deg\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020left\u003A\u00204px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020top\u003A\u00202px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Dup\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020relative\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u0028var\u0028\u002D\u002Dggs,1\u0029\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020transparent\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dradius\u003A\u0020100px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Dup\u003A\u003Aafter\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020content\u003A\u0020\u0022\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020absolute\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dtop\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dright\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020rotate\u0028\u002D45deg\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020left\u003A\u00204px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020bottom\u003A\u00202px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u003C\/style\u003E\n';
                    content = '\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020Plant\u0020trees\u0020with\u0020One\u0020Tree\u0020Planted\u0020for\u0020\u0024\u00201.00\u0020each\u003F\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Clabel\u0020class\u003D\u0022checkbox\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u0020class\u003D\u0022checkbox__input\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cinput\u0020type\u003D\u0022checkbox\u0022\u0020name\u003D\u0022checkbox\u0022\u0020data\u002Dselector\u003D\u0022one\u002Dtree\u002Dcheckbox\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u0020class\u003D\u0022checkbox__control\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0027http\u003A\/\/www.w3.org\/2000\/svg\u0027\u0020viewBox\u003D\u00270\u00200\u002024\u002024\u0027\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020focusable\u003D\u0022false\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u003D\u0027none\u0027\u0020stroke\u003D\u0027currentColor\u0027\u0020stroke\u002Dwidth\u003D\u00273\u0027\u0020d\u003D\u0027M1.73\u002012.91l6.37\u00206.37L22.79\u00204.59\u0027\u0020\/\u003E\u003C\/svg\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/label\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/div\u003E\n';
                }else{
                    css = '\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Clink\u0020href\u003D\u0022https\u003A\/\/fonts.googleapis.com\/css2\u003Ffamily\u003DLato\u003Awght\u0040300\u003B400\u003B500\u003B600\u003B700\u0026display\u003Dswap\u0022\u0020rel\u003D\u0022stylesheet\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cstyle\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020justify\u002Dcontent\u003A\u0020flex\u002Dend\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dfamily\u003A\u0020\u0027Lato\u0027,\u0020serif\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020color\u003A\u0020\u0023000000\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u002015px\u0020\u0021important\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020margin\u002Dtop\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0040media\u0020all\u0020and\u0020\u0028max\u002Dwidth\u003A\u0020540px\u0029\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020justify\u002Dcontent\u003A\u0020center\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u00202rem\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020margin\u002Dleft\u003A\u00205px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020cursor\u003A\u0020pointer\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__control\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020inline\u002Dgrid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020\u002393c24f\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__control\u0020svg\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transition\u003A\u0020transform\u00200.1s\u0020ease\u002Din\u002025ms\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u00280\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u002Dorigin\u003A\u0020bottom\u0020left\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020grid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020grid\u002Dtemplate\u002Dareas\u003A\u0020\u0022checkbox\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020\u003E\u0020\u002A\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020grid\u002Darea\u003A\u0020checkbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020input\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020opacity\u003A\u00200\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002020px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020cursor\u003Apointer\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0020.checkbox__input\u0020input\u003Afocus\u0020\u002B\u0020.checkbox__control\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dshadow\u003A\u00200\u00200\u00200\u00200.05em\u0020\u0023fff,\u00200\u00200\u00200.15em\u00200.1em\u0020currentColor\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.checkbox__input\u0020input\u003Achecked\u0020\u002B\u0020.checkbox__control\u0020svg\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u00281\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dlearn\u002Dmore\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020flex\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020align\u002Ditems\u003A\u0020center\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dlearn\u002Dmore\u002Dcontent\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u0020200px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020text\u002Dalign\u003A\u0020left\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dweight\u003A\u0020normal\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020font\u002Dsize\u003A\u002013px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Ddown\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020relative\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u0028var\u0028\u002D\u002Dggs,1\u0029\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020transparent\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dradius\u003A\u0020100px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Ddown\u003A\u003Aafter\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020content\u003A\u0020\u0022\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020absolute\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dbottom\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dright\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020rotate\u002845deg\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020left\u003A\u00204px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020top\u003A\u00202px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Dup\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020relative\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020scale\u0028var\u0028\u002D\u002Dggs,1\u0029\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002022px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u003A\u00202px\u0020solid\u0020transparent\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dradius\u003A\u0020100px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020.one\u002Dtree\u002Dchevron\u002Dup\u003A\u003Aafter\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020content\u003A\u0020\u0022\u0022\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020display\u003A\u0020block\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020box\u002Dsizing\u003A\u0020border\u002Dbox\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020position\u003A\u0020absolute\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020width\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020height\u003A\u002010px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dtop\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u002Dright\u003A\u00202px\u0020solid\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020transform\u003A\u0020rotate\u0028\u002D45deg\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020left\u003A\u00204px\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020bottom\u003A\u00202px\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\n\u0020\u0020\u0020\u0020\u003C\/style\u003E\n';
                    content = '\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022one\u002Dtree\u002Dcheckbox\u002Dcontainer\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020Plant\u0020trees\u0020with\u0020One\u0020Tree\u0020Planted\u0020for\u0020\u0024\u00201.00\u0020each\u003F\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Clabel\u0020class\u003D\u0022checkbox\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u0020class\u003D\u0022checkbox__input\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cinput\u0020type\u003D\u0022checkbox\u0022\u0020name\u003D\u0022checkbox\u0022\u0020data\u002Dselector\u003D\u0022one\u002Dtree\u002Dcheckbox\u0022\u0020checked\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u0020class\u003D\u0022checkbox__control\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0027http\u003A\/\/www.w3.org\/2000\/svg\u0027\u0020viewBox\u003D\u00270\u00200\u002024\u002024\u0027\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020focusable\u003D\u0022false\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u003D\u0027none\u0027\u0020stroke\u003D\u0027currentColor\u0027\u0020stroke\u002Dwidth\u003D\u00273\u0027\u0020d\u003D\u0027M1.73\u002012.91l6.37\u00206.37L22.79\u00204.59\u0027\u0020\/\u003E\u003C\/svg\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/label\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/div\u003E\n';
                }
                global.appendContent(css);
                if(jQuery('.one-tree-planted-wrapper').length > 0){
                    jQuery('.one-tree-planted-wrapper').append(content);
                }else{
                    jQuery('form[action*="/cart"]').append(content);
                }
                console.log('One tree cart page initialize');
            },

            changeSwitch: function (element) {
                if(hasProductInCart){
                    if(element.attr('id') === "one-tree-toggle"){
                        jQuery('[data-selector="one-tree-switch"]').removeAttr('checked');
                    }
                    global.deleteProductInCart();
                    (function waitForIt() {
                        setTimeout(function () {
                            global.checkHasProductInCart(function (result) {
                                if(!result){
                                    window.location = window.location.pathname;
                                }else{
                                    waitForIt();
                                }
                            });
                        }, 1000);
                    })();
                }else{
                    if(element.attr('id') === "one-tree-toggle"){
                        jQuery('[data-selector="one-tree-switch"]').attr('checked', '');
                    }
                    if(variantId.length === 0){
                        return;
                    }
                    global.addProductToCart();
                    (function waitForIt() {
                        setTimeout(function () {
                            global.checkHasProductInCart(function (result) {
                                if(result){
                                    window.location = window.location.pathname;
                                }else{
                                    waitForIt();
                                }
                            });
                        }, 1000);
                    })();
                }
            },

            toggleLearnMore: function () {
                jQuery('.one-tree-learn-more-content').toggle();
                if(jQuery('.one-tree-learn-more i').hasClass('one-tree-chevron-up')){
                    jQuery('.one-tree-learn-more i').removeClass('one-tree-chevron-up');
                    jQuery('.one-tree-learn-more i').addClass('one-tree-chevron-down');
                }else{
                    jQuery('.one-tree-learn-more i').removeClass('one-tree-chevron-down');
                    jQuery('.one-tree-learn-more i').addClass('one-tree-chevron-up');
                }
            },

            eventListener: function () {
                var self = this;
                jQuery(document).on('click', '[data-selector="one-tree-switch"], [data-selector="one-tree-checkbox"]', function () {
                    self.changeSwitch(jQuery(this));
                });

                jQuery(document).on('click', '.one-tree-learn-more', function (){
                   self.toggleLearnMore();
                });
            }
        };
        if (window.location.pathname.indexOf('/cart') !== -1 || jQuery('.one-tree-planted-wrapper').length > 0) {
            cartPage.init();
        }
    

    
                                            }
                });
            }
        };
                
    var global = {

        jq: null,

        init: function () {
            this.eventListener();
        },

        loadScript: function (url, callback) {
            var script = document.createElement("script");
            script.type = "text/javascript";
            if (script.readyState) {
                script.onreadystatechange = function () {
                    if (script.readyState === "loaded" || script.readyState === "complete") {
                        script.onreadystatechange = null;
                        callback();
                    }
                };
            } else {
                script.onload = function () {
                    callback();
                };
            }
            script.src = url;
            document.getElementsByTagName("head")[0].appendChild(script);
        },

        appendContent: function (content) {
            this.jq(document.body).prepend(content);
        },

        checkHasProductInCart: function (callback) {
            var self = this;
            self.jq.ajax({
                url: "/cart.json?onetree=1",
                type: "GET",
                success: function (result) {
                    var items = result.items;
                    var hasProductInCart = false;
                    if (items !== undefined) {
                        for (var i = 0; i < items.length; i++) {
                            if (parseInt(items[i].variant_id) === parseInt(variantId) || items[i].product_title === 'Tree to be Planted' || items[i].vendor === 'One Tree Planted' || items[i].product_title === 'Donation of a Tree' || items[i].vendor === 'Donation of a Tree') {
                                hasProductInCart = true;
                                break;
                            }
                        }
                    }
                    setTimeout(function () {
                        callback(hasProductInCart)
                    }, 0);
                }
            });
        },

        addProductToCart: function (callback) {
            let quantity = 1;
                        const http = new XMLHttpRequest();
            http.open('POST', '/cart/add.js', false);
            http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            http.onreadystatechange = function () {
                if (http.readyState === 4) {
                    if (typeof callback === "function") {
                        callback();
                    }
                }
            };
            http.send("id=" + variantId + "&quantity=" + quantity);
        },

        addProductToCartFromThankYouPage: function () {
            const http = new XMLHttpRequest();
            http.open('POST', 'https://shopify.onetreeplanted.app/thank-you-page-add-to-cart', false);
            http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            http.onreadystatechange = function () {
                if (http.readyState === 4) {
                    if (http.status === 200) {
                        const response = JSON.parse(http.responseText);
                        if (response.success === true) {
                            window.location.href = response.redirectUrl;
                        } else {
                            if (response.message.length > 0) {
                                alert(response.message);
                            }
                        }
                    }
                }
            };
            http.send("shop=supernaturestore.myshopify.com&date=" + new Date() + "&sessionId=" + sessionId + "&hash=" + hash + "&checkoutToken=" + checkout["token"] + "&orderId=" + checkout["order_id"]);
        },

        deleteProductInCart: function () {
            this.jq.post('/cart/change.js', {
                quantity: 0,
                id: variantId,
                async: true
            });
        },

        eventListener: function () {
            var self = this;
            if ((typeof jQuery === 'undefined') || (typeof jQuery.ajax === 'undefined') || (parseFloat(jQuery.fn.jquery) < 1.7)) {
                self.loadScript('//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', function () {
                    var jQuery311 = jQuery.noConflict(true);
                    self.jq = jQuery311;
                    oneTreePlanted(jQuery311);
                });
            } else {
                self.jq = jQuery;
                oneTreePlanted(jQuery);
            }
        }
    };

    global.init();

    
    })();