It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://perindusukma.com

  1.  
  2.  
  3. <!doctype html>
  4. <html class="no-js" lang="en">
  5.  
  6. <head
  7.    <meta charset="utf-8">
  8.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.    <meta name="viewport" content="width=device-width,initial-scale=1">
  10.    <meta name="theme-color" content="0b0318">
  11.    <link rel="canonical" href="https://perindusukma.com/">
  12.    <link rel="preconnect" href="https://fonts.shopifycdn.com/" crossorigin>
  13.    <title>RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan</title>
  14.    <meta name="description"
  15.        content="RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.">
  16.    <meta name="keywords"
  17.        content="rdtoto, rd toto, rdtoto login, rdtoto daftar, situs togel, bandar togel, togel online, agen togel, agen casino online, bandar togel online, bandar togel terpercaya, slot online, togel sydney, togel singapore, togel hongkong, toto macau" />
  18.    <link rel="amphtml" href="https://pub-e0843678acaf4e24a25eb8c568848ff7.r2.dev/perindusukma.html" />
  19.    <link rel="preload" as="script" href="../../../../cdn.ampproject.org/v1.js">
  20. <meta name="google-site-verification" content="PkK8kNK6KuFbGP3WpxHMXpm36IhFp4xwMP2QvLh0DK8" />
  21.    <meta name="robots" content="index, follow" />
  22.    <meta content="true" name="HandheldFriendly">
  23.    <meta content="width" name="MobileOptimized">
  24.    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  25.    <meta name="apple-mobile-web-app-capable" content="yes" />
  26.    <meta name="mobile-web-app-capable" content="yes" />
  27.    <meta name="language" content="ID">
  28.    <meta name="copyright" content="RDTOTO">
  29.    <meta name="author" content="RDTOTO">
  30.    <meta name="distribution" content="global">
  31.    <meta name="publisher" content="RDTOTO">
  32.    <meta name="geo.placename" content="DKI Jakarta">
  33.    <meta name="geo.country" content="ID">
  34.    <meta name="geo.region" content="ID" />
  35.    <meta name="tgn.nation" content="Indonesia">
  36.    <link rel="icon" href="https://i.postimg.cc/nghqsybg/pngtree-red-dragon-vector-png-image-11053312-removebg-preview.png">
  37.    <meta property="og:locale" content="id_ID" />
  38.    <meta property="og:site_name" content="RDTOTO">
  39.    <meta property="og:url" content="https://perindusukma.com/">
  40.    <meta property="og:title" content="RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan">
  41.    <meta property="og:type" content="product">
  42.    <meta property="og:description"
  43.        content="RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.">
  44.    <meta property="og:image" content="https://i.postimg.cc/VNXYKNc1/assss.png">
  45.    <meta property="og:image:secure_url"
  46.        content="https://i.postimg.cc/VNXYKNc1/assss.png">
  47.    <meta property="og:image:width" content="600">
  48.    <meta property="og:image:height" content="600">
  49.    <meta property="og:price:amount" content="10.000,00">
  50.    <meta property="og:price:currency" content="IDR">
  51.    <meta name="twitter:card" content="summary_large_image">
  52.    <meta name="twitter:title" content="RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan">
  53.    <meta name="twitter:description"
  54.        content="RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.">
  55.    <script>
  56.        /** Shopify CDN: Minification failed
  57.    
  58.            Line 7:0 Transforming const to the configured target environment ("es5") is not supported yet
  59.            Line 9:0 Transforming const to the configured target environment ("es5") is not supported yet
  60.            
  61.            **/
  62.        const ON_CHANGE_DEBOUNCE_TIMER = 300;
  63.  
  64.        const PUB_SUB_EVENTS = {
  65.            cartUpdate: 'cart-update',
  66.            quantityUpdate: 'quantity-update',
  67.            variantChange: 'variant-change',
  68.            cartError: 'cart-error',
  69.        };</script>
  70.    <script>
  71.        /** Shopify CDN: Minification failed
  72.    
  73.    Line 7:0 Transforming let to the configured target environment ("es5") is not supported yet
  74.    Line 14:28 Transforming array spread to the configured target environment ("es5") is not supported yet
  75.    
  76.    **/
  77.        let subscribers = {};
  78.  
  79.        function subscribe(eventName, callback) {
  80.            if (subscribers[eventName] === undefined) {
  81.                subscribers[eventName] = [];
  82.            }
  83.  
  84.            subscribers[eventName] = [...subscribers[eventName], callback];
  85.  
  86.            return function unsubscribe() {
  87.                subscribers[eventName] = subscribers[eventName].filter((cb) => {
  88.                    return cb !== callback;
  89.                });
  90.            };
  91.        }
  92.  
  93.        function publish(eventName, data) {
  94.            if (subscribers[eventName]) {
  95.                subscribers[eventName].forEach((callback) => {
  96.                    callback(data);
  97.                });
  98.            }
  99.        }
  100.    </script>
  101.    <script>
  102.        /** Shopify CDN: Minification failed
  103.    
  104.    Line 40:0 Transforming const to the configured target environment ("es5") is not supported yet
  105.    Line 42:45 Transforming default arguments to the configured target environment ("es5") is not supported yet
  106.    Line 96:2 Transforming const to the configured target environment ("es5") is not supported yet
  107.    Line 110:2 Transforming let to the configured target environment ("es5") is not supported yet
  108.    Line 111:2 Transforming let to the configured target environment ("es5") is not supported yet
  109.    Line 150:40 Transforming default arguments to the configured target environment ("es5") is not supported yet
  110.    Line 161:2 Transforming const to the configured target environment ("es5") is not supported yet
  111.    Line 164:2 Transforming const to the configured target environment ("es5") is not supported yet
  112.    Line 170:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  113.    Line 171:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  114.    ... and 187 more hidden warnings
  115.    
  116.    **/
  117.        function getFocusableElements(container) {
  118.            return Array.from(
  119.                container.querySelectorAll(
  120.                    "summary, a[href], button:enabled, [tabindex]:not([tabindex^='-']), [draggable], area, input:not([type=hidden]):enabled, select:enabled, textarea:enabled, object, iframe"
  121.                )
  122.            );
  123.        }
  124.  
  125.        document.querySelectorAll('[id^="Details-"] summary').forEach((summary) => {
  126.            summary.setAttribute('role', 'button');
  127.            summary.setAttribute('aria-expanded', summary.parentNode.hasAttribute('open'));
  128.  
  129.            if (summary.nextElementSibling.getAttribute('id')) {
  130.                summary.setAttribute('aria-controls', summary.nextElementSibling.id);
  131.            }
  132.  
  133.            summary.addEventListener('click', (event) => {
  134.                event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  135.            });
  136.  
  137.            if (summary.closest('header-drawer, menu-drawer')) return;
  138.            summary.parentElement.addEventListener('keyup', onKeyUpEscape);
  139.        });
  140.  
  141.        const trapFocusHandlers = {};
  142.  
  143.        function trapFocus(container, elementToFocus = container) {
  144.            var elements = getFocusableElements(container);
  145.            var first = elements[0];
  146.            var last = elements[elements.length - 1];
  147.  
  148.            removeTrapFocus();
  149.  
  150.            trapFocusHandlers.focusin = (event) => {
  151.                if (event.target !== container && event.target !== last && event.target !== first) return;
  152.  
  153.                document.addEventListener('keydown', trapFocusHandlers.keydown);
  154.            };
  155.  
  156.            trapFocusHandlers.focusout = function () {
  157.                document.removeEventListener('keydown', trapFocusHandlers.keydown);
  158.            };
  159.  
  160.            trapFocusHandlers.keydown = function (event) {
  161.                if (event.code.toUpperCase() !== 'TAB') return; // If not TAB key
  162.                // On the last focusable element and tab forward, focus the first element.
  163.                if (event.target === last && !event.shiftKey) {
  164.                    event.preventDefault();
  165.                    first.focus();
  166.                }
  167.  
  168.                //  On the first focusable element and tab backward, focus the last element.
  169.                if ((event.target === container || event.target === first) && event.shiftKey) {
  170.                    event.preventDefault();
  171.                    last.focus();
  172.                }
  173.            };
  174.  
  175.            document.addEventListener('focusout', trapFocusHandlers.focusout);
  176.            document.addEventListener('focusin', trapFocusHandlers.focusin);
  177.  
  178.            elementToFocus.focus();
  179.  
  180.            if (
  181.                elementToFocus.tagName === 'INPUT' &&
  182.                ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
  183.                elementToFocus.value
  184.            ) {
  185.                elementToFocus.setSelectionRange(0, elementToFocus.value.length);
  186.            }
  187.        }
  188.  
  189.        // Here run the querySelector to figure out if the browser supports :focus-visible or not and run code based on it.
  190.        try {
  191.            document.querySelector(':focus-visible');
  192.        } catch (e) {
  193.            focusVisiblePolyfill();
  194.        }
  195.  
  196.        function focusVisiblePolyfill() {
  197.            const navKeys = [
  198.                'ARROWUP',
  199.                'ARROWDOWN',
  200.                'ARROWLEFT',
  201.                'ARROWRIGHT',
  202.                'TAB',
  203.                'ENTER',
  204.                'SPACE',
  205.                'ESCAPE',
  206.                'HOME',
  207.                'END',
  208.                'PAGEUP',
  209.                'PAGEDOWN',
  210.            ];
  211.            let currentFocusedElement = null;
  212.            let mouseClick = null;
  213.  
  214.            window.addEventListener('keydown', (event) => {
  215.                if (navKeys.includes(event.code.toUpperCase())) {
  216.                    mouseClick = false;
  217.                }
  218.            });
  219.  
  220.            window.addEventListener('mousedown', (event) => {
  221.                mouseClick = true;
  222.            });
  223.  
  224.            window.addEventListener(
  225.                'focus',
  226.                () => {
  227.                    if (currentFocusedElement) currentFocusedElement.classList.remove('focused');
  228.  
  229.                    if (mouseClick) return;
  230.  
  231.                    currentFocusedElement = document.activeElement;
  232.                    currentFocusedElement.classList.add('focused');
  233.                },
  234.                true
  235.            );
  236.        }
  237.  
  238.        function pauseAllMedia() {
  239.            document.querySelectorAll('.js-youtube').forEach((video) => {
  240.                video.contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');
  241.            });
  242.            document.querySelectorAll('.js-vimeo').forEach((video) => {
  243.                video.contentWindow.postMessage('{"method":"pause"}', '*');
  244.            });
  245.            document.querySelectorAll('video').forEach((video) => video.pause());
  246.            document.querySelectorAll('product-model').forEach((model) => {
  247.                if (model.modelViewerUI) model.modelViewerUI.pause();
  248.            });
  249.        }
  250.  
  251.        function removeTrapFocus(elementToFocus = null) {
  252.            document.removeEventListener('focusin', trapFocusHandlers.focusin);
  253.            document.removeEventListener('focusout', trapFocusHandlers.focusout);
  254.            document.removeEventListener('keydown', trapFocusHandlers.keydown);
  255.  
  256.            if (elementToFocus) elementToFocus.focus();
  257.        }
  258.  
  259.        function onKeyUpEscape(event) {
  260.            if (event.code.toUpperCase() !== 'ESCAPE') return;
  261.  
  262.            const openDetailsElement = event.target.closest('details[open]');
  263.            if (!openDetailsElement) return;
  264.  
  265.            const summaryElement = openDetailsElement.querySelector('summary');
  266.            openDetailsElement.removeAttribute('open');
  267.            summaryElement.setAttribute('aria-expanded', false);
  268.            summaryElement.focus();
  269.        }
  270.  
  271.        class QuantityInput extends HTMLElement {
  272.            constructor() {
  273.                super();
  274.                this.input = this.querySelector('input');
  275.                this.changeEvent = new Event('change', { bubbles: true });
  276.                this.input.addEventListener('change', this.onInputChange.bind(this));
  277.                this.querySelectorAll('button').forEach((button) =>
  278.                    button.addEventListener('click', this.onButtonClick.bind(this))
  279.                );
  280.            }
  281.  
  282.            quantityUpdateUnsubscriber = undefined;
  283.  
  284.            connectedCallback() {
  285.                this.validateQtyRules();
  286.                this.quantityUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.quantityUpdate, this.validateQtyRules.bind(this));
  287.            }
  288.  
  289.            disconnectedCallback() {
  290.                if (this.quantityUpdateUnsubscriber) {
  291.                    this.quantityUpdateUnsubscriber();
  292.                }
  293.            }
  294.  
  295.            onInputChange(event) {
  296.                this.validateQtyRules();
  297.            }
  298.  
  299.            onButtonClick(event) {
  300.                event.preventDefault();
  301.                const previousValue = this.input.value;
  302.  
  303.                event.target.name === 'plus' ? this.input.stepUp() : this.input.stepDown();
  304.                if (previousValue !== this.input.value) this.input.dispatchEvent(this.changeEvent);
  305.            }
  306.  
  307.            validateQtyRules() {
  308.                const value = parseInt(this.input.value);
  309.                if (this.input.min) {
  310.                    const min = parseInt(this.input.min);
  311.                    const buttonMinus = this.querySelector(".quantity__button[name='minus']");
  312.                    buttonMinus.classList.toggle('disabled', value <= min);
  313.                }
  314.                if (this.input.max) {
  315.                    const max = parseInt(this.input.max);
  316.                    const buttonPlus = this.querySelector(".quantity__button[name='plus']");
  317.                    buttonPlus.classList.toggle('disabled', value >= max);
  318.                }
  319.            }
  320.        }
  321.  
  322.        customElements.define('quantity-input', QuantityInput);
  323.  
  324.        function debounce(fn, wait) {
  325.            let t;
  326.            return (...args) => {
  327.                clearTimeout(t);
  328.                t = setTimeout(() => fn.apply(this, args), wait);
  329.            };
  330.        }
  331.  
  332.        function throttle(fn, delay) {
  333.            let lastCall = 0;
  334.            return function (...args) {
  335.                const now = new Date().getTime();
  336.                if (now - lastCall < delay) {
  337.                    return;
  338.                }
  339.                lastCall = now;
  340.                return fn(...args);
  341.            };
  342.        }
  343.  
  344.        function fetchConfig(type = 'json') {
  345.            return {
  346.                method: 'POST',
  347.                headers: { 'Content-Type': 'application/json', Accept: `application/${type}` },
  348.            };
  349.        }
  350.  
  351.        /*
  352.         * Shopify Common JS
  353.         *
  354.         */
  355.        if (typeof window.Shopify == 'undefined') {
  356.            window.Shopify = {};
  357.        }
  358.  
  359.        Shopify.bind = function (fn, scope) {
  360.            return function () {
  361.                return fn.apply(scope, arguments);
  362.            };
  363.        };
  364.  
  365.        Shopify.setSelectorByValue = function (selector, value) {
  366.            for (var i = 0, count = selector.options.length; i < count; i++) {
  367.                var option = selector.options[i];
  368.                if (value == option.value || value == option.innerHTML) {
  369.                    selector.selectedIndex = i;
  370.                    return i;
  371.                }
  372.            }
  373.        };
  374.  
  375.        Shopify.addListener = function (target, eventName, callback) {
  376.            target.addEventListener
  377.                ? target.addEventListener(eventName, callback, false)
  378.                : target.attachEvent('on' + eventName, callback);
  379.        };
  380.  
  381.        Shopify.postLink = function (path, options) {
  382.            options = options || {};
  383.            var method = options['method'] || 'post';
  384.            var params = options['parameters'] || {};
  385.  
  386.            var form = document.createElement('form');
  387.            form.setAttribute('method', method);
  388.            form.setAttribute('action', path);
  389.  
  390.            for (var key in params) {
  391.                var hiddenField = document.createElement('input');
  392.                hiddenField.setAttribute('type', 'hidden');
  393.                hiddenField.setAttribute('name', key);
  394.                hiddenField.setAttribute('value', params[key]);
  395.                form.appendChild(hiddenField);
  396.            }
  397.            document.body.appendChild(form);
  398.            form.submit();
  399.            document.body.removeChild(form);
  400.        };
  401.  
  402.        Shopify.CountryProvinceSelector = function (country_domid, province_domid, options) {
  403.            this.countryEl = document.getElementById(country_domid);
  404.            this.provinceEl = document.getElementById(province_domid);
  405.            this.provinceContainer = document.getElementById(options['hideElement'] || province_domid);
  406.  
  407.            Shopify.addListener(this.countryEl, 'change', Shopify.bind(this.countryHandler, this));
  408.  
  409.            this.initCountry();
  410.            this.initProvince();
  411.        };
  412.  
  413.        Shopify.CountryProvinceSelector.prototype = {
  414.            initCountry: function () {
  415.                var value = this.countryEl.getAttribute('data-default');
  416.                Shopify.setSelectorByValue(this.countryEl, value);
  417.                this.countryHandler();
  418.            },
  419.  
  420.            initProvince: function () {
  421.                var value = this.provinceEl.getAttribute('data-default');
  422.                if (value && this.provinceEl.options.length > 0) {
  423.                    Shopify.setSelectorByValue(this.provinceEl, value);
  424.                }
  425.            },
  426.  
  427.            countryHandler: function (e) {
  428.                var opt = this.countryEl.options[this.countryEl.selectedIndex];
  429.                var raw = opt.getAttribute('data-provinces');
  430.                var provinces = JSON.parse(raw);
  431.  
  432.                this.clearOptions(this.provinceEl);
  433.                if (provinces && provinces.length == 0) {
  434.                    this.provinceContainer.style.display = 'none';
  435.                } else {
  436.                    for (var i = 0; i < provinces.length; i++) {
  437.                        var opt = document.createElement('option');
  438.                        opt.value = provinces[i][0];
  439.                        opt.innerHTML = provinces[i][1];
  440.                        this.provinceEl.appendChild(opt);
  441.                    }
  442.  
  443.                    this.provinceContainer.style.display = '';
  444.                }
  445.            },
  446.  
  447.            clearOptions: function (selector) {
  448.                while (selector.firstChild) {
  449.                    selector.removeChild(selector.firstChild);
  450.                }
  451.            },
  452.  
  453.            setOptions: function (selector, values) {
  454.                for (var i = 0, count = values.length; i < values.length; i++) {
  455.                    var opt = document.createElement('option');
  456.                    opt.value = values[i];
  457.                    opt.innerHTML = values[i];
  458.                    selector.appendChild(opt);
  459.                }
  460.            },
  461.        };
  462.  
  463.        class MenuDrawer extends HTMLElement {
  464.            constructor() {
  465.                super();
  466.  
  467.                this.mainDetailsToggle = this.querySelector('details');
  468.  
  469.                this.addEventListener('keyup', this.onKeyUp.bind(this));
  470.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  471.                this.bindEvents();
  472.            }
  473.  
  474.            bindEvents() {
  475.                this.querySelectorAll('summary').forEach((summary) =>
  476.                    summary.addEventListener('click', this.onSummaryClick.bind(this))
  477.                );
  478.                this.querySelectorAll('button:not(.localization-selector)').forEach((button) =>
  479.                    button.addEventListener('click', this.onCloseButtonClick.bind(this))
  480.                );
  481.            }
  482.  
  483.            onKeyUp(event) {
  484.                if (event.code.toUpperCase() !== 'ESCAPE') return;
  485.  
  486.                const openDetailsElement = event.target.closest('details[open]');
  487.                if (!openDetailsElement) return;
  488.  
  489.                openDetailsElement === this.mainDetailsToggle
  490.                    ? this.closeMenuDrawer(event, this.mainDetailsToggle.querySelector('summary'))
  491.                    : this.closeSubmenu(openDetailsElement);
  492.            }
  493.  
  494.            onSummaryClick(event) {
  495.                const summaryElement = event.currentTarget;
  496.                const detailsElement = summaryElement.parentNode;
  497.                const parentMenuElement = detailsElement.closest('.has-submenu');
  498.                const isOpen = detailsElement.hasAttribute('open');
  499.                const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  500.  
  501.                function addTrapFocus() {
  502.                    trapFocus(summaryElement.nextElementSibling, detailsElement.querySelector('button'));
  503.                    summaryElement.nextElementSibling.removeEventListener('transitionend', addTrapFocus);
  504.                }
  505.  
  506.                if (detailsElement === this.mainDetailsToggle) {
  507.                    if (isOpen) event.preventDefault();
  508.                    isOpen ? this.closeMenuDrawer(event, summaryElement) : this.openMenuDrawer(summaryElement);
  509.  
  510.                    if (window.matchMedia('(max-width: 990px)')) {
  511.                        document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  512.                    }
  513.                } else {
  514.                    setTimeout(() => {
  515.                        detailsElement.classList.add('menu-opening');
  516.                        summaryElement.setAttribute('aria-expanded', true);
  517.                        parentMenuElement && parentMenuElement.classList.add('submenu-open');
  518.                        !reducedMotion || reducedMotion.matches
  519.                            ? addTrapFocus()
  520.                            : summaryElement.nextElementSibling.addEventListener('transitionend', addTrapFocus);
  521.                    }, 100);
  522.                }
  523.            }
  524.  
  525.            openMenuDrawer(summaryElement) {
  526.                setTimeout(() => {
  527.                    this.mainDetailsToggle.classList.add('menu-opening');
  528.                });
  529.                summaryElement.setAttribute('aria-expanded', true);
  530.                trapFocus(this.mainDetailsToggle, summaryElement);
  531.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  532.            }
  533.  
  534.            closeMenuDrawer(event, elementToFocus = false) {
  535.                if (event === undefined) return;
  536.  
  537.                this.mainDetailsToggle.classList.remove('menu-opening');
  538.                this.mainDetailsToggle.querySelectorAll('details').forEach((details) => {
  539.                    details.removeAttribute('open');
  540.                    details.classList.remove('menu-opening');
  541.                });
  542.                this.mainDetailsToggle.querySelectorAll('.submenu-open').forEach((submenu) => {
  543.                    submenu.classList.remove('submenu-open');
  544.                });
  545.                document.body.classList.remove(`overflow-hidden-${this.dataset.breakpoint}`);
  546.                removeTrapFocus(elementToFocus);
  547.                this.closeAnimation(this.mainDetailsToggle);
  548.  
  549.                if (event instanceof KeyboardEvent) elementToFocus?.setAttribute('aria-expanded', false);
  550.            }
  551.  
  552.            onFocusOut() {
  553.                setTimeout(() => {
  554.                    if (this.mainDetailsToggle.hasAttribute('open') && !this.mainDetailsToggle.contains(document.activeElement))
  555.                        this.closeMenuDrawer();
  556.                });
  557.            }
  558.  
  559.            onCloseButtonClick(event) {
  560.                const detailsElement = event.currentTarget.closest('details');
  561.                this.closeSubmenu(detailsElement);
  562.            }
  563.  
  564.            closeSubmenu(detailsElement) {
  565.                const parentMenuElement = detailsElement.closest('.submenu-open');
  566.                parentMenuElement && parentMenuElement.classList.remove('submenu-open');
  567.                detailsElement.classList.remove('menu-opening');
  568.                detailsElement.querySelector('summary').setAttribute('aria-expanded', false);
  569.                removeTrapFocus(detailsElement.querySelector('summary'));
  570.                this.closeAnimation(detailsElement);
  571.            }
  572.  
  573.            closeAnimation(detailsElement) {
  574.                let animationStart;
  575.  
  576.                const handleAnimation = (time) => {
  577.                    if (animationStart === undefined) {
  578.                        animationStart = time;
  579.                    }
  580.  
  581.                    const elapsedTime = time - animationStart;
  582.  
  583.                    if (elapsedTime < 400) {
  584.                        window.requestAnimationFrame(handleAnimation);
  585.                    } else {
  586.                        detailsElement.removeAttribute('open');
  587.                        if (detailsElement.closest('details[open]')) {
  588.                            trapFocus(detailsElement.closest('details[open]'), detailsElement.querySelector('summary'));
  589.                        }
  590.                    }
  591.                };
  592.  
  593.                window.requestAnimationFrame(handleAnimation);
  594.            }
  595.        }
  596.  
  597.        customElements.define('menu-drawer', MenuDrawer);
  598.  
  599.        class HeaderDrawer extends MenuDrawer {
  600.            constructor() {
  601.                super();
  602.            }
  603.  
  604.            openMenuDrawer(summaryElement) {
  605.                this.header = this.header || document.querySelector('.section-header');
  606.                this.borderOffset =
  607.                    this.borderOffset || this.closest('.header-wrapper').classList.contains('header-wrapper--border-bottom') ? 1 : 0;
  608.                document.documentElement.style.setProperty(
  609.                    '--header-bottom-position',
  610.                    `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  611.                );
  612.                this.header.classList.add('menu-open');
  613.  
  614.                setTimeout(() => {
  615.                    this.mainDetailsToggle.classList.add('menu-opening');
  616.                });
  617.  
  618.                summaryElement.setAttribute('aria-expanded', true);
  619.                window.addEventListener('resize', this.onResize);
  620.                trapFocus(this.mainDetailsToggle, summaryElement);
  621.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  622.            }
  623.  
  624.            closeMenuDrawer(event, elementToFocus) {
  625.                if (!elementToFocus) return;
  626.                super.closeMenuDrawer(event, elementToFocus);
  627.                this.header.classList.remove('menu-open');
  628.                window.removeEventListener('resize', this.onResize);
  629.            }
  630.  
  631.            onResize = () => {
  632.                this.header &&
  633.                    document.documentElement.style.setProperty(
  634.                        '--header-bottom-position',
  635.                        `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  636.                    );
  637.                document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  638.            };
  639.        }
  640.  
  641.        customElements.define('header-drawer', HeaderDrawer);
  642.  
  643.        class ModalDialog extends HTMLElement {
  644.            constructor() {
  645.                super();
  646.                this.querySelector('[id^="ModalClose-"]').addEventListener('click', this.hide.bind(this, false));
  647.                this.addEventListener('keyup', (event) => {
  648.                    if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  649.                });
  650.                if (this.classList.contains('media-modal')) {
  651.                    this.addEventListener('pointerup', (event) => {
  652.                        if (event.pointerType === 'mouse' && !event.target.closest('deferred-media, product-model')) this.hide();
  653.                    });
  654.                } else {
  655.                    this.addEventListener('click', (event) => {
  656.                        if (event.target === this) this.hide();
  657.                    });
  658.                }
  659.            }
  660.  
  661.            connectedCallback() {
  662.                if (this.moved) return;
  663.                this.moved = true;
  664.                document.body.appendChild(this);
  665.            }
  666.  
  667.            show(opener) {
  668.                this.openedBy = opener;
  669.                const popup = this.querySelector('.template-popup');
  670.                document.body.classList.add('overflow-hidden');
  671.                this.setAttribute('open', '');
  672.                if (popup) popup.loadContent();
  673.                trapFocus(this, this.querySelector('[role="dialog"]'));
  674.                window.pauseAllMedia();
  675.            }
  676.  
  677.            hide() {
  678.                document.body.classList.remove('overflow-hidden');
  679.                document.body.dispatchEvent(new CustomEvent('modalClosed'));
  680.                this.removeAttribute('open');
  681.                removeTrapFocus(this.openedBy);
  682.                window.pauseAllMedia();
  683.            }
  684.        }
  685.        customElements.define('modal-dialog', ModalDialog);
  686.  
  687.        class ModalOpener extends HTMLElement {
  688.            constructor() {
  689.                super();
  690.  
  691.                const button = this.querySelector('button');
  692.  
  693.                if (!button) return;
  694.                button.addEventListener('click', () => {
  695.                    const modal = document.querySelector(this.getAttribute('data-modal'));
  696.                    if (modal) modal.show(button);
  697.                });
  698.            }
  699.        }
  700.        customElements.define('modal-opener', ModalOpener);
  701.  
  702.        class DeferredMedia extends HTMLElement {
  703.            constructor() {
  704.                super();
  705.                const poster = this.querySelector('[id^="Deferred-Poster-"]');
  706.                if (!poster) return;
  707.                poster.addEventListener('click', this.loadContent.bind(this));
  708.            }
  709.  
  710.            loadContent(focus = true) {
  711.                window.pauseAllMedia();
  712.                if (!this.getAttribute('loaded')) {
  713.                    const content = document.createElement('div');
  714.                    content.appendChild(this.querySelector('template').content.firstElementChild.cloneNode(true));
  715.  
  716.                    this.setAttribute('loaded', true);
  717.                    const deferredElement = this.appendChild(content.querySelector('video, model-viewer, iframe'));
  718.                    if (focus) deferredElement.focus();
  719.                    if (deferredElement.nodeName == 'VIDEO' && deferredElement.getAttribute('autoplay')) {
  720.                        // force autoplay for safari
  721.                        deferredElement.play();
  722.                    }
  723.                }
  724.            }
  725.        }
  726.  
  727.        customElements.define('deferred-media', DeferredMedia);
  728.  
  729.        class SliderComponent extends HTMLElement {
  730.            constructor() {
  731.                super();
  732.                this.slider = this.querySelector('[id^="Slider-"]');
  733.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  734.                this.enableSliderLooping = false;
  735.                this.currentPageElement = this.querySelector('.slider-counter--current');
  736.                this.pageTotalElement = this.querySelector('.slider-counter--total');
  737.                this.prevButton = this.querySelector('button[name="previous"]');
  738.                this.nextButton = this.querySelector('button[name="next"]');
  739.  
  740.                if (!this.slider || !this.nextButton) return;
  741.  
  742.                this.initPages();
  743.                const resizeObserver = new ResizeObserver((entries) => this.initPages());
  744.                resizeObserver.observe(this.slider);
  745.  
  746.                this.slider.addEventListener('scroll', this.update.bind(this));
  747.                this.prevButton.addEventListener('click', this.onButtonClick.bind(this));
  748.                this.nextButton.addEventListener('click', this.onButtonClick.bind(this));
  749.            }
  750.  
  751.            initPages() {
  752.                this.sliderItemsToShow = Array.from(this.sliderItems).filter((element) => element.clientWidth > 0);
  753.                if (this.sliderItemsToShow.length < 2) return;
  754.                this.sliderItemOffset = this.sliderItemsToShow[1].offsetLeft - this.sliderItemsToShow[0].offsetLeft;
  755.                this.slidesPerPage = Math.floor(
  756.                    (this.slider.clientWidth - this.sliderItemsToShow[0].offsetLeft) / this.sliderItemOffset
  757.                );
  758.                this.totalPages = this.sliderItemsToShow.length - this.slidesPerPage + 1;
  759.                this.update();
  760.            }
  761.  
  762.            resetPages() {
  763.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  764.                this.initPages();
  765.            }
  766.  
  767.            update() {
  768.                // Temporarily prevents unneeded updates resulting from variant changes
  769.                // This should be refactored as part of https://github.com/Shopify/dawn/issues/2057
  770.                if (!this.slider || !this.nextButton) return;
  771.  
  772.                const previousPage = this.currentPage;
  773.                this.currentPage = Math.round(this.slider.scrollLeft / this.sliderItemOffset) + 1;
  774.  
  775.                if (this.currentPageElement && this.pageTotalElement) {
  776.                    this.currentPageElement.textContent = this.currentPage;
  777.                    this.pageTotalElement.textContent = this.totalPages;
  778.                }
  779.  
  780.                if (this.currentPage != previousPage) {
  781.                    this.dispatchEvent(
  782.                        new CustomEvent('slideChanged', {
  783.                            detail: {
  784.                                currentPage: this.currentPage,
  785.                                currentElement: this.sliderItemsToShow[this.currentPage - 1],
  786.                            },
  787.                        })
  788.                    );
  789.                }
  790.  
  791.                if (this.enableSliderLooping) return;
  792.  
  793.                if (this.isSlideVisible(this.sliderItemsToShow[0]) && this.slider.scrollLeft === 0) {
  794.                    this.prevButton.setAttribute('disabled', 'disabled');
  795.                } else {
  796.                    this.prevButton.removeAttribute('disabled');
  797.                }
  798.  
  799.                if (this.isSlideVisible(this.sliderItemsToShow[this.sliderItemsToShow.length - 1])) {
  800.                    this.nextButton.setAttribute('disabled', 'disabled');
  801.                } else {
  802.                    this.nextButton.removeAttribute('disabled');
  803.                }
  804.            }
  805.  
  806.            isSlideVisible(element, offset = 0) {
  807.                const lastVisibleSlide = this.slider.clientWidth + this.slider.scrollLeft - offset;
  808.                return element.offsetLeft + element.clientWidth <= lastVisibleSlide && element.offsetLeft >= this.slider.scrollLeft;
  809.            }
  810.  
  811.            onButtonClick(event) {
  812.                event.preventDefault();
  813.                const step = event.currentTarget.dataset.step || 1;
  814.                this.slideScrollPosition =
  815.                    event.currentTarget.name === 'next'
  816.                        ? this.slider.scrollLeft + step * this.sliderItemOffset
  817.                        : this.slider.scrollLeft - step * this.sliderItemOffset;
  818.                this.setSlidePosition(this.slideScrollPosition);
  819.            }
  820.  
  821.            setSlidePosition(position) {
  822.                this.slider.scrollTo({
  823.                    left: position,
  824.                });
  825.            }
  826.        }
  827.  
  828.        customElements.define('slider-component', SliderComponent);
  829.  
  830.        class SlideshowComponent extends SliderComponent {
  831.            constructor() {
  832.                super();
  833.                this.sliderControlWrapper = this.querySelector('.slider-buttons');
  834.                this.enableSliderLooping = true;
  835.  
  836.                if (!this.sliderControlWrapper) return;
  837.  
  838.                this.sliderFirstItemNode = this.slider.querySelector('.slideshow__slide');
  839.                if (this.sliderItemsToShow.length > 0) this.currentPage = 1;
  840.  
  841.                this.announcementBarSlider = this.querySelector('.announcement-bar-slider');
  842.                // Value below should match --duration-announcement-bar CSS value
  843.                this.announcerBarAnimationDelay = this.announcementBarSlider ? 250 : 0;
  844.  
  845.                this.sliderControlLinksArray = Array.from(this.sliderControlWrapper.querySelectorAll('.slider-counter__link'));
  846.                this.sliderControlLinksArray.forEach((link) => link.addEventListener('click', this.linkToSlide.bind(this)));
  847.                this.slider.addEventListener('scroll', this.setSlideVisibility.bind(this));
  848.                this.setSlideVisibility();
  849.  
  850.                if (this.announcementBarSlider) {
  851.                    this.announcementBarArrowButtonWasClicked = false;
  852.  
  853.                    this.reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  854.                    this.reducedMotion.addEventListener('change', () => {
  855.                        if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  856.                    });
  857.  
  858.                    [this.prevButton, this.nextButton].forEach((button) => {
  859.                        button.addEventListener(
  860.                            'click',
  861.                            () => {
  862.                                this.announcementBarArrowButtonWasClicked = true;
  863.                            },
  864.                            { once: true }
  865.                        );
  866.                    });
  867.                }
  868.  
  869.                if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  870.            }
  871.  
  872.            setAutoPlay() {
  873.                this.autoplaySpeed = this.slider.dataset.speed * 1000;
  874.                this.addEventListener('mouseover', this.focusInHandling.bind(this));
  875.                this.addEventListener('mouseleave', this.focusOutHandling.bind(this));
  876.                this.addEventListener('focusin', this.focusInHandling.bind(this));
  877.                this.addEventListener('focusout', this.focusOutHandling.bind(this));
  878.  
  879.                if (this.querySelector('.slideshow__autoplay')) {
  880.                    this.sliderAutoplayButton = this.querySelector('.slideshow__autoplay');
  881.                    this.sliderAutoplayButton.addEventListener('click', this.autoPlayToggle.bind(this));
  882.                    this.autoplayButtonIsSetToPlay = true;
  883.                    this.play();
  884.                } else {
  885.                    this.reducedMotion.matches || this.announcementBarArrowButtonWasClicked
  886.                        ? this.pause()
  887.                        : this.play();
  888.                }
  889.            }
  890.  
  891.            onButtonClick(event) {
  892.                super.onButtonClick(event);
  893.                this.wasClicked = true;
  894.  
  895.                const isFirstSlide = this.currentPage === 1;
  896.                const isLastSlide = this.currentPage === this.sliderItemsToShow.length;
  897.  
  898.                if (!isFirstSlide && !isLastSlide) {
  899.                    this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  900.                    return;
  901.                }
  902.  
  903.                if (isFirstSlide && event.currentTarget.name === 'previous') {
  904.                    this.slideScrollPosition =
  905.                        this.slider.scrollLeft + this.sliderFirstItemNode.clientWidth * this.sliderItemsToShow.length;
  906.                } else if (isLastSlide && event.currentTarget.name === 'next') {
  907.                    this.slideScrollPosition = 0;
  908.                }
  909.  
  910.                this.setSlidePosition(this.slideScrollPosition);
  911.  
  912.                this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  913.            }
  914.  
  915.            setSlidePosition(position) {
  916.                if (this.setPositionTimeout) clearTimeout(this.setPositionTimeout);
  917.                this.setPositionTimeout = setTimeout(() => {
  918.                    this.slider.scrollTo({
  919.                        left: position,
  920.                    });
  921.                }, this.announcerBarAnimationDelay);
  922.            }
  923.  
  924.            update() {
  925.                super.update();
  926.                this.sliderControlButtons = this.querySelectorAll('.slider-counter__link');
  927.                this.prevButton.removeAttribute('disabled');
  928.  
  929.                if (!this.sliderControlButtons.length) return;
  930.  
  931.                this.sliderControlButtons.forEach((link) => {
  932.                    link.classList.remove('slider-counter__link--active');
  933.                    link.removeAttribute('aria-current');
  934.                });
  935.                this.sliderControlButtons[this.currentPage - 1].classList.add('slider-counter__link--active');
  936.                this.sliderControlButtons[this.currentPage - 1].setAttribute('aria-current', true);
  937.            }
  938.  
  939.            autoPlayToggle() {
  940.                this.togglePlayButtonState(this.autoplayButtonIsSetToPlay);
  941.                this.autoplayButtonIsSetToPlay ? this.pause() : this.play();
  942.                this.autoplayButtonIsSetToPlay = !this.autoplayButtonIsSetToPlay;
  943.            }
  944.  
  945.            focusOutHandling(event) {
  946.                if (this.sliderAutoplayButton) {
  947.                    const focusedOnAutoplayButton =
  948.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  949.                    if (!this.autoplayButtonIsSetToPlay || focusedOnAutoplayButton) return;
  950.                    this.play();
  951.                } else if (
  952.                    !this.reducedMotion.matches &&
  953.                    !this.announcementBarArrowButtonWasClicked
  954.                ) {
  955.                    this.play();
  956.                }
  957.            }
  958.  
  959.            focusInHandling(event) {
  960.                if (this.sliderAutoplayButton) {
  961.                    const focusedOnAutoplayButton =
  962.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  963.                    if (focusedOnAutoplayButton && this.autoplayButtonIsSetToPlay) {
  964.                        this.play();
  965.                    } else if (this.autoplayButtonIsSetToPlay) {
  966.                        this.pause();
  967.                    }
  968.                } else if (this.announcementBarSlider.contains(event.target)) {
  969.                    this.pause();
  970.                }
  971.            }
  972.  
  973.            play() {
  974.                this.slider.setAttribute('aria-live', 'off');
  975.                clearInterval(this.autoplay);
  976.                this.autoplay = setInterval(this.autoRotateSlides.bind(this), this.autoplaySpeed);
  977.            }
  978.  
  979.            pause() {
  980.                this.slider.setAttribute('aria-live', 'polite');
  981.                clearInterval(this.autoplay);
  982.            }
  983.  
  984.            togglePlayButtonState(pauseAutoplay) {
  985.                if (pauseAutoplay) {
  986.                    this.sliderAutoplayButton.classList.add('slideshow__autoplay--paused');
  987.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.playSlideshow);
  988.                } else {
  989.                    this.sliderAutoplayButton.classList.remove('slideshow__autoplay--paused');
  990.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.pauseSlideshow);
  991.                }
  992.            }
  993.  
  994.            autoRotateSlides() {
  995.                const slideScrollPosition =
  996.                    this.currentPage === this.sliderItems.length
  997.                        ? 0
  998.                        : this.slider.scrollLeft + this.sliderItemOffset;
  999.  
  1000.                this.setSlidePosition(slideScrollPosition);
  1001.                this.applyAnimationToAnnouncementBar();
  1002.            }
  1003.  
  1004.            setSlideVisibility(event) {
  1005.                this.sliderItemsToShow.forEach((item, index) => {
  1006.                    const linkElements = item.querySelectorAll('a');
  1007.                    if (index === this.currentPage - 1) {
  1008.                        if (linkElements.length)
  1009.                            linkElements.forEach((button) => {
  1010.                                button.removeAttribute('tabindex');
  1011.                            });
  1012.                        item.setAttribute('aria-hidden', 'false');
  1013.                        item.removeAttribute('tabindex');
  1014.                    } else {
  1015.                        if (linkElements.length)
  1016.                            linkElements.forEach((button) => {
  1017.                                button.setAttribute('tabindex', '-1');
  1018.                            });
  1019.                        item.setAttribute('aria-hidden', 'true');
  1020.                        item.setAttribute('tabindex', '-1');
  1021.                    }
  1022.                });
  1023.                this.wasClicked = false;
  1024.            }
  1025.  
  1026.            applyAnimationToAnnouncementBar(button = 'next') {
  1027.                if (!this.announcementBarSlider) return;
  1028.  
  1029.                const itemsCount = this.sliderItems.length;
  1030.                const increment = button === 'next' ? 1 : -1;
  1031.  
  1032.                const currentIndex = this.currentPage - 1;
  1033.                let nextIndex = (currentIndex + increment) % itemsCount;
  1034.                nextIndex = nextIndex === -1 ? itemsCount - 1 : nextIndex;
  1035.  
  1036.                const nextSlide = this.sliderItems[nextIndex];
  1037.                const currentSlide = this.sliderItems[currentIndex];
  1038.  
  1039.                const animationClassIn = 'announcement-bar-slider--fade-in';
  1040.                const animationClassOut = 'announcement-bar-slider--fade-out';
  1041.  
  1042.                const isFirstSlide = currentIndex === 0;
  1043.                const isLastSlide = currentIndex === itemsCount - 1;
  1044.  
  1045.                const shouldMoveNext = (button === 'next' && !isLastSlide) || (button === 'previous' && isFirstSlide);
  1046.                const direction = shouldMoveNext ? 'next' : 'previous';
  1047.  
  1048.                currentSlide.classList.add(`${animationClassOut}-${direction}`);
  1049.                nextSlide.classList.add(`${animationClassIn}-${direction}`);
  1050.  
  1051.                setTimeout(() => {
  1052.                    currentSlide.classList.remove(`${animationClassOut}-${direction}`);
  1053.                    nextSlide.classList.remove(`${animationClassIn}-${direction}`);
  1054.                }, this.announcerBarAnimationDelay * 2);
  1055.            }
  1056.  
  1057.            linkToSlide(event) {
  1058.                event.preventDefault();
  1059.                const slideScrollPosition =
  1060.                    this.slider.scrollLeft +
  1061.                    this.sliderFirstItemNode.clientWidth *
  1062.                    (this.sliderControlLinksArray.indexOf(event.currentTarget) + 1 - this.currentPage);
  1063.                this.slider.scrollTo({
  1064.                    left: slideScrollPosition,
  1065.                });
  1066.            }
  1067.        }
  1068.  
  1069.        customElements.define('slideshow-component', SlideshowComponent);
  1070.  
  1071.        class VariantSelects extends HTMLElement {
  1072.            constructor() {
  1073.                super();
  1074.                this.addEventListener('change', this.onVariantChange);
  1075.            }
  1076.  
  1077.            onVariantChange() {
  1078.                this.updateOptions();
  1079.                this.updateMasterId();
  1080.                this.toggleAddButton(true, '', false);
  1081.                this.updatePickupAvailability();
  1082.                this.removeErrorMessage();
  1083.                this.updateVariantStatuses();
  1084.  
  1085.                if (!this.currentVariant) {
  1086.                    this.toggleAddButton(true, '', true);
  1087.                    this.setUnavailable();
  1088.                } else {
  1089.                    this.updateMedia();
  1090.                    this.updateURL();
  1091.                    this.updateVariantInput();
  1092.                    this.renderProductInfo();
  1093.                    this.updateShareUrl();
  1094.                }
  1095.            }
  1096.  
  1097.            updateOptions() {
  1098.                this.options = Array.from(this.querySelectorAll('select'), (select) => select.value);
  1099.            }
  1100.  
  1101.            updateMasterId() {
  1102.                this.currentVariant = this.getVariantData().find((variant) => {
  1103.                    return !variant.options
  1104.                        .map((option, index) => {
  1105.                            return this.options[index] === option;
  1106.                        })
  1107.                        .includes(false);
  1108.                });
  1109.            }
  1110.  
  1111.            updateMedia() {
  1112.                if (!this.currentVariant) return;
  1113.                if (!this.currentVariant.featured_media) return;
  1114.  
  1115.                const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`);
  1116.                mediaGalleries.forEach((mediaGallery) =>
  1117.                    mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true)
  1118.                );
  1119.  
  1120.                const modalContent = document.querySelector(`#ProductModal-${this.dataset.section} .product-media-modal__content`);
  1121.                if (!modalContent) return;
  1122.                const newMediaModal = modalContent.querySelector(`[data-media-id="${this.currentVariant.featured_media.id}"]`);
  1123.                modalContent.prepend(newMediaModal);
  1124.            }
  1125.  
  1126.            updateURL() {
  1127.                if (!this.currentVariant || this.dataset.updateUrl === 'false') return;
  1128.                window.history.replaceState({}, '', `${this.dataset.url}?variant=${this.currentVariant.id}`);
  1129.            }
  1130.  
  1131.            updateShareUrl() {
  1132.                const shareButton = document.getElementById(`Share-${this.dataset.section}`);
  1133.                if (!shareButton || !shareButton.updateUrl) return;
  1134.                shareButton.updateUrl(`${window.shopUrl}${this.dataset.url}?variant=${this.currentVariant.id}`);
  1135.            }
  1136.  
  1137.            updateVariantInput() {
  1138.                const productForms = document.querySelectorAll(
  1139.                    `#product-form-${this.dataset.section}, #product-form-installment-${this.dataset.section}`
  1140.                );
  1141.                productForms.forEach((productForm) => {
  1142.                    const input = productForm.querySelector('input[name="id"]');
  1143.                    input.value = this.currentVariant.id;
  1144.                    input.dispatchEvent(new Event('change', { bubbles: true }));
  1145.                });
  1146.            }
  1147.  
  1148.            updateVariantStatuses() {
  1149.                const selectedOptionOneVariants = this.variantData.filter(
  1150.                    (variant) => this.querySelector(':checked').value === variant.option1
  1151.                );
  1152.                const inputWrappers = [...this.querySelectorAll('.product-form__input')];
  1153.                inputWrappers.forEach((option, index) => {
  1154.                    if (index === 0) return;
  1155.                    const optionInputs = [...option.querySelectorAll('input[type="radio"], option')];
  1156.                    const previousOptionSelected = inputWrappers[index - 1].querySelector(':checked').value;
  1157.                    const availableOptionInputsValue = selectedOptionOneVariants
  1158.                        .filter((variant) => variant.available && variant[`option${index}`] === previousOptionSelected)
  1159.                        .map((variantOption) => variantOption[`option${index + 1}`]);
  1160.                    this.setInputAvailability(optionInputs, availableOptionInputsValue);
  1161.                });
  1162.            }
  1163.  
  1164.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1165.                listOfOptions.forEach((input) => {
  1166.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1167.                        input.innerText = input.getAttribute('value');
  1168.                    } else {
  1169.                        input.innerText = window.variantStrings.unavailable_with_option.replace('[value]', input.getAttribute('value'));
  1170.                    }
  1171.                });
  1172.            }
  1173.  
  1174.            updatePickupAvailability() {
  1175.                const pickUpAvailability = document.querySelector('pickup-availability');
  1176.                if (!pickUpAvailability) return;
  1177.  
  1178.                if (this.currentVariant && this.currentVariant.available) {
  1179.                    pickUpAvailability.fetchAvailability(this.currentVariant.id);
  1180.                } else {
  1181.                    pickUpAvailability.removeAttribute('available');
  1182.                    pickUpAvailability.innerHTML = '';
  1183.                }
  1184.            }
  1185.  
  1186.            removeErrorMessage() {
  1187.                const section = this.closest('section');
  1188.                if (!section) return;
  1189.  
  1190.                const productForm = section.querySelector('product-form');
  1191.                if (productForm) productForm.handleErrorMessage();
  1192.            }
  1193.  
  1194.            renderProductInfo() {
  1195.                const requestedVariantId = this.currentVariant.id;
  1196.                const sectionId = this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section;
  1197.  
  1198.                fetch(
  1199.                    `${this.dataset.url}?variant=${requestedVariantId}&section_id=${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section
  1200.                    }`
  1201.                )
  1202.                    .then((response) => response.text())
  1203.                    .then((responseText) => {
  1204.                        // prevent unnecessary ui changes from abandoned selections
  1205.                        if (this.currentVariant.id !== requestedVariantId) return;
  1206.  
  1207.                        const html = new DOMParser().parseFromString(responseText, 'text/html');
  1208.                        const destination = document.getElementById(`price-${this.dataset.section}`);
  1209.                        const source = html.getElementById(
  1210.                            `price-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1211.                        );
  1212.                        const skuSource = html.getElementById(
  1213.                            `Sku-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1214.                        );
  1215.                        const skuDestination = document.getElementById(`Sku-${this.dataset.section}`);
  1216.                        const inventorySource = html.getElementById(
  1217.                            `Inventory-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1218.                        );
  1219.                        const inventoryDestination = document.getElementById(`Inventory-${this.dataset.section}`);
  1220.  
  1221.                        const volumePricingSource = html.getElementById(
  1222.                            `Volume-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1223.                        );
  1224.  
  1225.                        const pricePerItemDestination = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1226.                        const pricePerItemSource = html.getElementById(`Price-Per-Item-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`);
  1227.  
  1228.                        const volumePricingDestination = document.getElementById(`Volume-${this.dataset.section}`);
  1229.                        const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1230.                        const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1231.  
  1232.                        if (volumeNote) volumeNote.classList.remove('hidden');
  1233.                        if (volumePricingDestination) volumePricingDestination.classList.remove('hidden');
  1234.                        if (qtyRules) qtyRules.classList.remove('hidden');
  1235.  
  1236.                        if (source && destination) destination.innerHTML = source.innerHTML;
  1237.                        if (inventorySource && inventoryDestination) inventoryDestination.innerHTML = inventorySource.innerHTML;
  1238.                        if (skuSource && skuDestination) {
  1239.                            skuDestination.innerHTML = skuSource.innerHTML;
  1240.                            skuDestination.classList.toggle('hidden', skuSource.classList.contains('hidden'));
  1241.                        }
  1242.  
  1243.                        if (volumePricingSource && volumePricingDestination) {
  1244.                            volumePricingDestination.innerHTML = volumePricingSource.innerHTML;
  1245.                        }
  1246.  
  1247.                        if (pricePerItemSource && pricePerItemDestination) {
  1248.                            pricePerItemDestination.innerHTML = pricePerItemSource.innerHTML;
  1249.                            pricePerItemDestination.classList.toggle('hidden', pricePerItemSource.classList.contains('hidden'));
  1250.                        }
  1251.  
  1252.                        const price = document.getElementById(`price-${this.dataset.section}`);
  1253.  
  1254.                        if (price) price.classList.remove('hidden');
  1255.  
  1256.                        if (inventoryDestination)
  1257.                            inventoryDestination.classList.toggle('hidden', inventorySource.innerText === '');
  1258.  
  1259.                        const addButtonUpdated = html.getElementById(`ProductSubmitButton-${sectionId}`);
  1260.                        this.toggleAddButton(
  1261.                            addButtonUpdated ? addButtonUpdated.hasAttribute('disabled') : true,
  1262.                            window.variantStrings.soldOut
  1263.                        );
  1264.  
  1265.                        publish(PUB_SUB_EVENTS.variantChange, {
  1266.                            data: {
  1267.                                sectionId,
  1268.                                html,
  1269.                                variant: this.currentVariant,
  1270.                            },
  1271.                        });
  1272.                    });
  1273.            }
  1274.  
  1275.            toggleAddButton(disable = true, text, modifyClass = true) {
  1276.                const productForm = document.getElementById(`product-form-${this.dataset.section}`);
  1277.                if (!productForm) return;
  1278.                const addButton = productForm.querySelector('[name="add"]');
  1279.                const addButtonText = productForm.querySelector('[name="add"] > span');
  1280.                if (!addButton) return;
  1281.  
  1282.                if (disable) {
  1283.                    addButton.setAttribute('disabled', 'disabled');
  1284.                    if (text) addButtonText.textContent = text;
  1285.                } else {
  1286.                    addButton.removeAttribute('disabled');
  1287.                    addButtonText.textContent = window.variantStrings.addToCart;
  1288.                }
  1289.  
  1290.                if (!modifyClass) return;
  1291.            }
  1292.  
  1293.            setUnavailable() {
  1294.                const button = document.getElementById(`product-form-${this.dataset.section}`);
  1295.                const addButton = button.querySelector('[name="add"]');
  1296.                const addButtonText = button.querySelector('[name="add"] > span');
  1297.                const price = document.getElementById(`price-${this.dataset.section}`);
  1298.                const inventory = document.getElementById(`Inventory-${this.dataset.section}`);
  1299.                const sku = document.getElementById(`Sku-${this.dataset.section}`);
  1300.                const pricePerItem = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1301.                const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1302.                const volumeTable = document.getElementById(`Volume-${this.dataset.section}`);
  1303.                const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1304.  
  1305.                if (!addButton) return;
  1306.                addButtonText.textContent = window.variantStrings.unavailable;
  1307.                if (price) price.classList.add('hidden');
  1308.                if (inventory) inventory.classList.add('hidden');
  1309.                if (sku) sku.classList.add('hidden');
  1310.                if (pricePerItem) pricePerItem.classList.add('hidden');
  1311.                if (volumeNote) volumeNote.classList.add('hidden');
  1312.                if (volumeTable) volumeTable.classList.add('hidden');
  1313.                if (qtyRules) qtyRules.classList.add('hidden');
  1314.            }
  1315.  
  1316.            getVariantData() {
  1317.                this.variantData = this.variantData || JSON.parse(this.querySelector('[type="application/json"]').textContent);
  1318.                return this.variantData;
  1319.            }
  1320.        }
  1321.  
  1322.        customElements.define('variant-selects', VariantSelects);
  1323.  
  1324.        class VariantRadios extends VariantSelects {
  1325.            constructor() {
  1326.                super();
  1327.            }
  1328.  
  1329.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1330.                listOfOptions.forEach((input) => {
  1331.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1332.                        input.classList.remove('disabled');
  1333.                    } else {
  1334.                        input.classList.add('disabled');
  1335.                    }
  1336.                });
  1337.            }
  1338.  
  1339.            updateOptions() {
  1340.                const fieldsets = Array.from(this.querySelectorAll('fieldset'));
  1341.                this.options = fieldsets.map((fieldset) => {
  1342.                    return Array.from(fieldset.querySelectorAll('input')).find((radio) => radio.checked).value;
  1343.                });
  1344.            }
  1345.        }
  1346.  
  1347.        customElements.define('variant-radios', VariantRadios);
  1348.  
  1349.        class ProductRecommendations extends HTMLElement {
  1350.            constructor() {
  1351.                super();
  1352.            }
  1353.  
  1354.            connectedCallback() {
  1355.                const handleIntersection = (entries, observer) => {
  1356.                    if (!entries[0].isIntersecting) return;
  1357.                    observer.unobserve(this);
  1358.  
  1359.                    fetch(this.dataset.url)
  1360.                        .then((response) => response.text())
  1361.                        .then((text) => {
  1362.                            const html = document.createElement('div');
  1363.                            html.innerHTML = text;
  1364.                            const recommendations = html.querySelector('product-recommendations');
  1365.  
  1366.                            if (recommendations && recommendations.innerHTML.trim().length) {
  1367.                                this.innerHTML = recommendations.innerHTML;
  1368.                            }
  1369.  
  1370.                            if (!this.querySelector('slideshow-component') && this.classList.contains('complementary-products')) {
  1371.                                this.remove();
  1372.                            }
  1373.  
  1374.                            if (html.querySelector('.grid__item')) {
  1375.                                this.classList.add('product-recommendations--loaded');
  1376.                            }
  1377.                        })
  1378.                        .catch((e) => {
  1379.                            console.error(e);
  1380.                        });
  1381.                };
  1382.  
  1383.                new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 400px 0px' }).observe(this);
  1384.            }
  1385.        }
  1386.  
  1387.        customElements.define('product-recommendations', ProductRecommendations);
  1388.    </script>
  1389.    <script>
  1390.        /** Shopify CDN: Minification failed
  1391.    
  1392.    Line 16:0 Transforming const to the configured target environment ("es5") is not supported yet
  1393.    Line 17:0 Transforming const to the configured target environment ("es5") is not supported yet
  1394.    Line 18:0 Transforming const to the configured target environment ("es5") is not supported yet
  1395.    Line 19:0 Transforming const to the configured target environment ("es5") is not supported yet
  1396.    Line 25:6 Transforming const to the configured target environment ("es5") is not supported yet
  1397.    Line 39:49 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1398.    Line 39:79 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1399.    Line 40:2 Transforming const to the configured target environment ("es5") is not supported yet
  1400.    Line 50:2 Transforming const to the configured target environment ("es5") is not supported yet
  1401.    Line 60:2 Transforming const to the configured target environment ("es5") is not supported yet
  1402.    ... and 9 more hidden warnings
  1403.    
  1404.    **/
  1405.        const SCROLL_ANIMATION_TRIGGER_CLASSNAME = 'scroll-trigger';
  1406.        const SCROLL_ANIMATION_OFFSCREEN_CLASSNAME = 'scroll-trigger--offscreen';
  1407.        const SCROLL_ZOOM_IN_TRIGGER_CLASSNAME = 'animate--zoom-in';
  1408.        const SCROLL_ANIMATION_CANCEL_CLASSNAME = 'scroll-trigger--cancel';
  1409.  
  1410.        // Scroll in animation logic
  1411.        function onIntersection(elements, observer) {
  1412.            elements.forEach((element, index) => {
  1413.                if (element.isIntersecting) {
  1414.                    const elementTarget = element.target;
  1415.                    if (elementTarget.classList.contains(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME)) {
  1416.                        elementTarget.classList.remove(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1417.                        if (elementTarget.hasAttribute('data-cascade'))
  1418.                            elementTarget.setAttribute('style', `--animation-order: ${index};`);
  1419.                    }
  1420.                    observer.unobserve(elementTarget);
  1421.                } else {
  1422.                    element.target.classList.add(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1423.                    element.target.classList.remove(SCROLL_ANIMATION_CANCEL_CLASSNAME);
  1424.                }
  1425.            });
  1426.        }
  1427.  
  1428.        function initializeScrollAnimationTrigger(rootEl = document, isDesignModeEvent = false) {
  1429.            const animationTriggerElements = Array.from(rootEl.getElementsByClassName(SCROLL_ANIMATION_TRIGGER_CLASSNAME));
  1430.            if (animationTriggerElements.length === 0) return;
  1431.  
  1432.            if (isDesignModeEvent) {
  1433.                animationTriggerElements.forEach((element) => {
  1434.                    element.classList.add('scroll-trigger--design-mode');
  1435.                });
  1436.                return;
  1437.            }
  1438.  
  1439.            const observer = new IntersectionObserver(onIntersection, {
  1440.                rootMargin: '0px 0px -50px 0px',
  1441.            });
  1442.            animationTriggerElements.forEach((element) => observer.observe(element));
  1443.        }
  1444.  
  1445.        // Zoom in animation logic
  1446.        function initializeScrollZoomAnimationTrigger() {
  1447.            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
  1448.  
  1449.            const animationTriggerElements = Array.from(document.getElementsByClassName(SCROLL_ZOOM_IN_TRIGGER_CLASSNAME));
  1450.  
  1451.            if (animationTriggerElements.length === 0) return;
  1452.  
  1453.            const scaleAmount = 0.2 / 100;
  1454.  
  1455.            animationTriggerElements.forEach((element) => {
  1456.                let elementIsVisible = false;
  1457.                const observer = new IntersectionObserver((elements) => {
  1458.                    elements.forEach((entry) => {
  1459.                        elementIsVisible = entry.isIntersecting;
  1460.                    });
  1461.                });
  1462.                observer.observe(element);
  1463.  
  1464.                element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1465.  
  1466.                window.addEventListener(
  1467.                    'scroll',
  1468.                    throttle(() => {
  1469.                        if (!elementIsVisible) return;
  1470.  
  1471.                        element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1472.                    }),
  1473.                    { passive: true }
  1474.                );
  1475.            });
  1476.        }
  1477.  
  1478.        function percentageSeen(element) {
  1479.            const viewportHeight = window.innerHeight;
  1480.            const scrollY = window.scrollY;
  1481.            const elementPositionY = element.getBoundingClientRect().top + scrollY;
  1482.            const elementHeight = element.offsetHeight;
  1483.  
  1484.            if (elementPositionY > scrollY + viewportHeight) {
  1485.                // If we haven't reached the image yet
  1486.                return 0;
  1487.            } else if (elementPositionY + elementHeight < scrollY) {
  1488.                // If we've completely scrolled past the image
  1489.                return 100;
  1490.            }
  1491.  
  1492.            // When the image is in the viewport
  1493.            const distance = scrollY + viewportHeight - elementPositionY;
  1494.            let percentage = distance / ((viewportHeight + elementHeight) / 100);
  1495.            return Math.round(percentage);
  1496.        }
  1497.  
  1498.        window.addEventListener('DOMContentLoaded', () => {
  1499.            initializeScrollAnimationTrigger();
  1500.            initializeScrollZoomAnimationTrigger();
  1501.        });
  1502.  
  1503.        if (Shopify.designMode) {
  1504.            document.addEventListener('shopify:section:load', (event) => initializeScrollAnimationTrigger(event.target, true));
  1505.            document.addEventListener('shopify:section:reorder', () => initializeScrollAnimationTrigger(document, true));
  1506.        }  
  1507.    </script>
  1508.    <script>
  1509.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');
  1510.    </script>
  1511.    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/67119169539/digital_wallets/dialog">
  1512.    <link rel="alternate" type="application/json+oembed" href=".html">
  1513.    <script async="async" src="https://perindusukma.com/"></script>
  1514.    <script id="shopify-features" type="application/json">
  1515.      {
  1516.        "accessToken": "bd35w3423f0855sf383c4483c3cc50a6",
  1517.        "betas": ["rich-media-storefront-analytics"],
  1518.        "domain": "https://perindusukma.com/",
  1519.        "predictiveSearch": true,
  1520.        "shopId": 37356114305,
  1521.        "smart_payment_buttons_url": "https:\/\/allamericanwindowtinting.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
  1522.        "dynamic_checkout_cart_url": "https:\/\/allamericanwindowtinting.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
  1523.        "locale": "en",
  1524.        "optimusEnabled": true,
  1525.        "optimusHidden": false,
  1526.        "betterDynamicCheckoutRecommendationVariant": "control",
  1527.        "shopPromisePDPV3Enabled": false
  1528.      }
  1529.    </script>
  1530.    <script type="application/ld+json">
  1531.      {
  1532.        "@context": "https://schema.org",
  1533.        "@type": "SoftwareApplication",
  1534.        "name": "RDTOTO",
  1535.        "operatingSystem": "ANDROID",
  1536.        "applicationCategory": "GameApplication",
  1537.        "aggregateRating": {
  1538.          "@type": "AggregateRating",
  1539.          "ratingValue": "5",
  1540.          "ratingCount": "2907771"
  1541.        },
  1542.        "offers": {
  1543.          "@type": "Offer",
  1544.          "price": "5000.00",
  1545.          "priceCurrency": "IDR"
  1546.        }
  1547.      }
  1548.    </script>
  1549.    <script>
  1550.        var Shopify = Shopify || {};
  1551.        Shopify.shop = "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan";
  1552.        Shopify.locale = "en";
  1553.        Shopify.currency = {
  1554.            active: "IDR",
  1555.            rate: "1.0"
  1556.        };
  1557.        Shopify.country = "ID";
  1558.        Shopify.theme = {
  1559.            name: "Refresh",
  1560.            id: 138081403093,
  1561.            theme_store_id: 1567,
  1562.            role: "main"
  1563.        };
  1564.        Shopify.theme.handle = "null";
  1565.        Shopify.theme.style = {
  1566.            id: null,
  1567.            handle: null
  1568.        };
  1569.        Shopify.cdnHost = "https://perindusukma.com//cdn";
  1570.        Shopify.routes = Shopify.routes || {};
  1571.        Shopify.routes.root = "https://perindusukma.com/";
  1572.    </script>
  1573.    <script type="module">
  1574.        ! function (o) {
  1575.            (o.Shopify = o.Shopify || {}).modules = !0
  1576.        }(window);
  1577.    </script>
  1578.    <script>
  1579.        ! function (o) {
  1580.            function n() {
  1581.                var o = [];
  1582.  
  1583.                function n() {
  1584.                    o.push(Array.prototype.slice.apply(arguments))
  1585.                }
  1586.                return n.q = o, n
  1587.            }
  1588.            var t = o.Shopify = o.Shopify || {};
  1589.            t.loadFeatures = n(), t.autoloadFeatures = n()
  1590.        }(window);
  1591.    </script>
  1592.    <script id="__st">
  1593.        var __st = {
  1594.            a: 67119169539,
  1595.            offset: 0,
  1596.            reqid: "816b44e4-400f-420d-8784-4bd8093b92b1",
  1597.            pageurl: "https://perindusukma.com/",
  1598.            u: "64d86d143528",
  1599.            p: "product",
  1600.            rtyp: "product",
  1601.            rid: 8226828321669
  1602.        };
  1603.    </script>
  1604.    <script>
  1605.        window.ShopifyPaypalV4VisibilityTracking = true;
  1606.    </script>
  1607.    <script>
  1608.        ! function (o) {
  1609.            o.addEventListener("DOMContentLoaded", function () {
  1610.                window.Shopify = window.Shopify || {}, window.Shopify.recaptchaV3 = window.Shopify.recaptchaV3 || {
  1611.                    siteKey: "6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"
  1612.                };
  1613.                var t = ['form[action*="/contact"] input[name="form_type"][value="contact"]', 'form[action*="/comments"] input[name="form_type"][value="new_comment"]', 'form[action*="/account"] input[name="form_type"][value="customer_login"]', 'form[action*="/account"] input[name="form_type"][value="recover_customer_password"]', 'form[action*="/account"] input[name="form_type"][value="create_customer"]', 'form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");
  1614.  
  1615.                function n(e) {
  1616.                    e = e.target;
  1617.                    null == e || null != (e = function e(t, n) {
  1618.                        if (null == t.parentElement) return null;
  1619.                        if ("FORM" != t.parentElement.tagName) return e(t.parentElement, n);
  1620.                        for (var o = t.parentElement.action, r = 0; r < n.length; r++)
  1621.                            if (-1 !== o.indexOf(n[r])) return t.parentElement;
  1622.                        return null
  1623.                    }(e, ["/contact", "/comments", "/account"])) && null != e.querySelector(t) && ((e = o.createElement("script")).setAttribute("src", "../../../../cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"), o.body.appendChild(e), o.removeEventListener("focus", n, !0), o.removeEventListener("change", n, !0), o.removeEventListener("click", n, !0))
  1624.                }
  1625.                o.addEventListener("click", n, !0), o.addEventListener("change", n, !0), o.addEventListener("focus", n, !0)
  1626.            })
  1627.        }(document);
  1628.    </script>
  1629.    <script>
  1630.        !function () { var e = function (e) { var t = { exports: {} }; return e.call(t.exports, t, t.exports), t.exports }, t = function () { function e(e, t) { var r = [], o = !0, n = !1, a = void 0; try { for (var i, s = e[Symbol.iterator](); !(o = (i = s.next()).done) && (r.push(i.value), !t || r.length !== t); o = !0); } catch (e) { n = !0, a = e } finally { try { !o && s.return && s.return() } finally { if (n) throw a } } return r } return function (t, r) { if (Array.isArray(t)) return t; if (Symbol.iterator in Object(t)) return e(t, r); throw new TypeError("Invalid attempt to destructure non-iterable instance") } }(), r = function (e) { return e && e.__esModule ? e : { default: e } }, o = function (e) { if (Array.isArray(e)) { for (var t = 0, r = Array(e.length); t < e.length; t++)r[t] = e[t]; return r } return Array.from(e) }, n = e((function (e, t) { "use strict"; function r(e) { "loading" !== document.readyState ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", e) : document.attachEvent("onreadystatechange", (function () { "loading" !== document.readyState && e() })) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), a = e((function (e, t) { "use strict"; function r(e) { return new Error('The feature { name: "' + e.name + '", version: "' + e.version + '"} does not exist') } function o(e) { return new Error("Could not create registry entry " + e) } function n() { return new Error("Cannot register a feature with the same selector twice") } function a(e) { return new Error("Features should be an Array. Received: " + JSON.stringify(e)) } function i(e) { return new Error('Features should be defined as `{ name: "name", version: "version" }`. Received: ' + JSON.stringify(e)) } function s(e, t) { return new Error(e + " has already been loaded at version " + t) } Object.defineProperty(t, "__esModule", { value: !0 }), t.featureNotFound = r, t.couldNotCreateEntry = o, t.couldNotAddToQuerySelectors = n, t.invalidFeaturesArray = a, t.invalidFeature = i, t.alreadyLoaded = s })), i = e((function (e, t) { "use strict"; function r() { if (a) return a; var e = document.getElementById("shopify-features"); if (e) try { a = JSON.parse(e.textContent) } catch (e) { } else a = {}; return a } function o() { var e = r(); if (e) try { return e.betas.reduce((function (e, t) { return e[t] = !0, e }), {}) } catch (e) { } return {} } function n() { return r().locale || "en" } Object.defineProperty(t, "__esModule", { value: !0 }), t.getBetas = o, t.getLocale = n; var a = void 0 })), s = e((function (e, t) { "use strict"; function r() { } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), u = e((function (e, t) { "use strict"; function r() { function e(e, t) { r[e] = r[e] || []; for (var o = r[e], n = 0; n < o.length; n++) { var i = o[n], s = i.name, u = i.version; if (t.name === s) { if (t.version !== u) throw (0, a.couldNotAddToQuerySelectors)(e); return } } o.push(t) } function t() { return Object.keys(r).reduce((function (e, t) { if (!document.querySelector(t)) return e; var o = r[t]; return delete r[t], e.concat(o) }), []) } var r = {}; return { add: e, getFeatures: t } } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), l = e((function (e, t) { "use strict"; function r(e) { var t = e.name, r = e.baseName, o = e.version, n = e.betaFlag, s = e.fileName, l = e.fileNames, d = e.legacy, c = e.localized, f = e.localesSupported, h = e.autoLoadSelector, v = e.props, y = void 0 === v ? {} : v, m = t + "@" + (o || "latest"); if (u[m]) throw (0, a.couldNotCreateEntry)(m); h && (Array.isArray(h) ? h : [h]).forEach((function (e) { p.lookup.add(e, { name: t, version: o }) })); u[m] = { props: y, betaFlag: n, scriptId: m, name: t, baseName: r, version: o, locale: (0, i.getLocale)(), localized: c, localesSupported: f, legacy: d, fileName: s, fileNames: l } } function o() { l = {} } function n(e) { window.Shopify.modules ? (e.legacy = !1, e.props = { type: "module" }, r(e)) : e.hasLegacy && (e.legacy = !0, e.props = { nomodule: "" }, r(e)) } function s(e) { var t = e.name + "@" + (e.version || "latest"), r = u[t]; if (!r) throw (0, a.featureNotFound)(e); var o = r.name, n = r.baseName, i = r.version, s = r.localized && r.locale, d = r.legacy, c = r.localesSupported; if (l[o] && l[o] !== i) throw (0, a.alreadyLoaded)(t, l[o]); l[o] = i; var f = []; return (r.fileNames || [r.fileName]).forEach((function (e) { f.push((0, h.urlForFeature)({ name: o, baseName: n, version: i, legacy: d, locale: s, localesSupported: c, fileName: e })) })), 1 === f.length ? r.src = f[0] : f.length > 1 && (r.srcs = f), r } Object.defineProperty(t, "__esModule", { value: !0 }), t.reset = o, t.register = n, t.getEntry = s; var u = {}, l = {} })), d = e((function (e, t) { "use strict"; function r() { n = null } function o(e) { return n ? n[e] : (n = (0, i.getBetas)(), o(e)) } Object.defineProperty(t, "__esModule", { value: !0 }), t.resetBetas = r, t.default = o; var n = null })), c = e((function (e, t) { "use strict"; function r(e) { return a.indexOf(e) > -1 } function o(e) { return i.indexOf(e) > -1 } function n(e, t, n) { function s() { a.push(c), d(), n(null, c) } function u() { i.push(c), d(), n(new Error("load error: " + e)) } function l() { c.addEventListener("load", s), c.addEventListener("error", u) } function d() { c.removeEventListener("load", s), c.removeEventListener("error", u) } var c = document.querySelector('script[src="' + e + '"]'); c && r(c) ? s() : c && o(c) ? u() : c ? l() : (c = document.createElement("script"), Object.keys(t).forEach((function (e) { c.setAttribute(e, t[e]) })), null === c.getAttribute("defer") && c.setAttribute("defer", ""), c.src = e, c.crossorigin = "anonymous", l(), document.head.appendChild(c)) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n; var a = [], i = [] })), f = e((function (e, o) { "use strict"; function n(e, t, r) { return e.reduce((function (e, o) { var n = o.onLoad || v.default; try { var i = (0, l.getEntry)(o), s = i.betaFlag, u = !s || (0, h.default)(s); if (r && !u) throw (0, a.featureNotFound)(o); u && e.push([i, o]) } catch (e) { n(e), t.push(e) } return e }), []) } function i(e, r, o) { var n = e.reduce((function (e, r) { var o = t(r, 1)[0]; return e + (o.srcs ? o.srcs.length : 1) }), 0); 0 !== n ? e.forEach((function (e) { var a = t(e, 2), i = a[0], s = a[1].onLoad || v.default, u = i.srcs || [i.src], l = u.length, d = []; u.forEach((function (e) { (0, y.default)(e, i.props, (function (e) { e && (r.push(e), d.push(e)), 0 === --l && (0 === d.length ? s(null) : 1 === d.length ? s(d[0]) : s(d)), 0 === --n && o(r) })) })) })) : o(r) } function u(e, t, r) { var o = []; i(n(e, o, t), o, (function (e) { var t = 0 === e.length ? null : e; r(t) })) } function f(e, t) { u(e, !0, t) } function p(e, t) { u(e, !1, t) } Object.defineProperty(o, "__esModule", { value: !0 }), o.loadMultiple = u, o.loadMultipleErrorIfNotInBeta = f, o.loadMultipleSilentIfNotInBeta = p; var h = r(d), v = r(s), y = r(c) })), p = e((function (e, t) { "use strict"; function o(e) { var t = e || n.default; (0, f.loadMultipleSilentIfNotInBeta)(a.getFeatures(), t) } Object.defineProperty(t, "__esModule", { value: !0 }), t.lookup = void 0, t.default = o; var n = r(s), a = (0, r(u).default)(); t.lookup = a })), h = e((function (e, t) { "use strict"; function r(e) { var t = e.name, r = e.version, o = e.legacy, n = e.baseName, a = void 0 === n ? null : n, i = e.locale, s = void 0 === i ? null : i, u = e.localesSupported, l = void 0 === u ? [] : u, d = e.fileName, c = a || t, f = (void 0 === d ? null : d) || c; if (f.endsWith(".js") && (f = f.slice(0, -3)), o && (f += "-legacy"), s && (f = f + "." + (s = 0 === l.length || l.includes(s) ? s : "en")), ("shop-js" === t || t.startsWith("shop-js/")) && window.Shopify.spinShopJsUrl) return "https://" + window.Shopify.spinShopJsUrl + "/" + f + ".js"; var p = [window.Shopify && window.Shopify.cdnHost || "cdn.shopify.com", "shopifycloud", c]; return void 0 !== r && p.push("v" + r), p.push(f + ".js"), "https://" + p.join("/") } Object.defineProperty(t, "__esModule", { value: !0 }), t.urlForFeature = r })), v = e((function (e, t) { "use strict"; function r(e) { if (!e || "string" != typeof e.name || "string" != typeof e.version) throw (0, a.invalidFeature)(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), y = e((function (e, t) { "use strict"; function o(e, t) { var r = t || i.default; if (Array.isArray(e)) return e.forEach(n.default), void (0, f.loadMultipleErrorIfNotInBeta)(e, r); throw (0, a.invalidFeaturesArray)(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = o; var n = r(v), i = r(s) })), m = e((function (e, t) { "use strict"; function r(e) { var t = null; return { get isObserving() { return Boolean(t) }, enable: function () { this.isObserving || (t = new MutationObserver((function (t) { for (var r = !1, o = 0; o < t.length; o++)if (t[o].addedNodes.length) { r = !0; break } r && e() }))).observe(document.body, { childList: !0, subtree: !0 }) }, disable: function () { this.isObserving && (t.disconnect(), t = null) } } } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), g = e((function (e, t) { "use strict"; function r(e, t) { var r = window.Shopify[e] && window.Shopify[e].q; r && Array.isArray(r) && r.forEach((function (e) { t.apply(void 0, o(e)) })), window.Shopify[e] = t } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })); e((function (e, t) { "use strict"; Object.defineProperty(t, "__esModule", { value: !0 }), t.resetRegistry = t.resetBetas = t.register = void 0; var o = r(n), a = r(y), i = r(p), s = r(m), u = r(g); t.register = l.register, t.resetBetas = d.resetBetas, t.resetRegistry = l.reset, window.Shopify = window.Shopify || {}, window.Shopify.featureAssets = window.Shopify.featureAssets || {}, window.Shopify.featureAssets["shop-js"] = window.Shopify.featureAssets["shop-js"] || {}, (0, l.register)({ name: "model-viewer", version: "0.6", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.6"]' }), (0, l.register)({ name: "model-viewer", version: "0.7", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.7"]' }), (0, l.register)({ name: "model-viewer", version: "0.8", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.8"]' }), (0, l.register)({ name: "model-viewer", version: "1.2", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.2"]' }), (0, l.register)({ name: "model-viewer", version: "1.7", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.7"]' }), (0, l.register)({ name: "model-viewer", version: "1.9", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.9"]' }), (0, l.register)({ name: "model-viewer", version: "1.10", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.10"]' }), (0, l.register)({ name: "model-viewer", version: "1.11", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.11"]' }), (0, l.register)({ name: "model-viewer", version: "1.12", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.12"]' }), (0, l.register)({ name: "shop-js/shopify-payment-terms", baseName: "shop-js", hasLegacy: !1, localized: !1, fileNames: Shopify.featureAssets["shop-js"]["payment-terms"] || ["client"], autoLoadSelector: ["shopify-payment-terms"] }), (0, l.register)({ name: "shop-js/shop-login-button", baseName: "shop-js", hasLegacy: !1, localized: !1, fileNames: Shopify.featureAssets["shop-js"]["login-button"] || ["client"], autoLoadSelector: ["shop-login-button"] }), (0, l.register)({ name: "model-viewer-ui", version: "1.0", hasLegacy: !0, localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "shopify-xr", version: "1.0", baseName: "shopify-xr-js", fileName: "shopify-xr", localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "shopify-plyr", version: "1.0", hasLegacy: !0, localized: !0, localesSupported: ["cs", "da", "de", "es", "fi", "fr", "hi", "it", "ja", "ko", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "sv", "th", "tr", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "shopify-plyr", version: "1.1", hasLegacy: !0, localized: !0, localesSupported: ["cs", "da", "de", "es", "fi", "fr", "hi", "it", "ja", "ko", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "sv", "th", "tr", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "plyr", version: "2.0", hasLegacy: !0, localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"], fileName: "shopify-plyr" }), (0, l.register)({ name: "media-analytics", version: "0.1", hasLegacy: !0, fileName: "analytics", betaFlag: "rich-media-storefront-analytics", autoLoadSelector: ["video", "model-viewer", 'a[rel="ar"]', 'a[href*="package=com.google.ar.core;action=android.intent.action.VIEW;"]', "[data-shopify-xr]", 'iframe[src^="https://www.youtube.com/embed/"]', 'iframe[src^="https://player.vimeo.com/video/"]'] }), (0, l.register)({ name: "consent-tracking-api", version: "0.1", hasLegacy: !0 }), (0, o.default)((function () { function e() { (0, i.default)((function (e) { if (e) throw e[0] })) } (0, u.default)("loadFeatures", a.default), (0, u.default)("autoloadFeatures", i.default), e(), (0, s.default)(e).enable() })) })) }("undefined" != typeof global ? global : "undefined" != typeof window && window);
  1631.    </script>
  1632.    <script>
  1633.        !function () {
  1634.            var t = function (t) { var n = { exports: {} }; return t.call(n.exports, n, n.exports), n.exports }, n = function (t) { return t && t.__esModule ? t : { default: t } }, e = t((function (t) { var n = {}.toString; t.exports = function (t) { return n.call(t).slice(8, -1) } })), r = t((function (t) { var n = t.exports = "undefined" != typeof window && window.Math == Math ? window : "undefined" != typeof self && self.Math == Math ? self : Function("return this")(); "number" == typeof __g && (__g = n) })), o = t((function (t) { var n = "__core-js_shared__", e = r[n] || (r[n] = {}); t.exports = function (t) { return e[t] || (e[t] = {}) } })), i = t((function (t) { var n = 0, e = Math.random(); t.exports = function (t) { return "Symbol(".concat(void 0 === t ? "" : t, ")_", (++n + e).toString(36)) } })), u = t((function (t) { var n = o("wks"), e = r.Symbol, u = "function" == typeof e; (t.exports = function (t) { return n[t] || (n[t] = u && e[t] || (u ? e : i)("Symbol." + t)) }).store = n })), c = t((function (t) { var n = u("toStringTag"), r = "Arguments" == e(function () { return arguments }()), o = function (t, n) { try { return t[n] } catch (t) { } }; t.exports = function (t) { var i, u, c; return void 0 === t ? "Undefined" : null === t ? "Null" : "string" == typeof (u = o(i = Object(t), n)) ? u : r ? e(i) : "Object" == (c = e(i)) && "function" == typeof i.callee ? "Arguments" : c } })), s = t((function (t) { t.exports = function (t) { return "object" == typeof t ? null !== t : "function" == typeof t } })), a = t((function (t) { t.exports = function (t) { if (!s(t)) throw TypeError(t + " is not an object!"); return t } })), f = t((function (t) { t.exports = function (t) { try { return !!t() } catch (t) { return !0 } } })), l = t((function (t) { t.exports = !f((function () { return 7 != Object.defineProperty({}, "a", { get: function () { return 7 } }).a })) })), p = t((function (t) { var n = r.document, e = s(n) && s(n.createElement); t.exports = function (t) { return e ? n.createElement(t) : {} } })), h = t((function (t) { t.exports = !l && !f((function () { return 7 != Object.defineProperty(p("div"), "a", { get: function () { return 7 } }).a })) })), d = t((function (t) { t.exports = function (t, n) { if (!s(t)) return t; var e, r; if (n && "function" == typeof (e = t.toString) && !s(r = e.call(t))) return r; if ("function" == typeof (e = t.valueOf) && !s(r = e.call(t))) return r; if (!n && "function" == typeof (e = t.toString) && !s(r = e.call(t))) return r; throw TypeError("Can't convert object to primitive value") } })), y = t((function (t, n) { var e = Object.defineProperty; n.f = l ? Object.defineProperty : function (t, n, r) { if (a(t), n = d(n, !0), a(r), h) try { return e(t, n, r) } catch (t) { } if ("get" in r || "set" in r) throw TypeError("Accessors not supported!"); return "value" in r && (t[n] = r.value), t } })), v = t((function (t) { t.exports = function (t, n) { return { enumerable: !(1 & t), configurable: !(2 & t), writable: !(4 & t), value: n } } })), m = t((function (t) { t.exports = l ? function (t, n, e) { return y.f(t, n, v(1, e)) } : function (t, n, e) { return t[n] = e, t } })), b = t((function (t) { var n = {}.hasOwnProperty; t.exports = function (t, e) { return n.call(t, e) } })), _ = t((function (t) { var n = t.exports = { version: "2.5.1" }; "number" == typeof __e && (__e = n) })), w = t((function (t) { var n = i("src"), e = "toString", o = Function[e], u = ("" + o).split(e); _.inspectSource = function (t) { return o.call(t) }, (t.exports = function (t, e, o, i) { var c = "function" == typeof o; c && (b(o, "name") || m(o, "name", e)), t[e] !== o && (c && (b(o, n) || m(o, n, t[e] ? "" + t[e] : u.join(String(e)))), t === r ? t[e] = o : i ? t[e] ? t[e] = o : m(t, e, o) : (delete t[e], m(t, e, o))) })(Function.prototype, e, (function () { return "function" == typeof this && this[n] || o.call(this) })) })), x = (t((function () { "use strict"; var t = {}; t[u("toStringTag")] = "z", t + "" != "[object z]" && w(Object.prototype, "toString", (function () { return "[object " + c(this) + "]" }), !0) })), t((function (t) { var n = Math.ceil, e = Math.floor; t.exports = function (t) { return isNaN(t = +t) ? 0 : (t > 0 ? e : n)(t) } }))), g = t((function (t) { t.exports = function (t) { if (null == t) throw TypeError("Can't call method on  " + t); return t } })), A = t((function (t) { t.exports = function (t) { return function (n, e) { var r, o, i = String(g(n)), u = x(e), c = i.length; return u < 0 || u >= c ? t ? "" : void 0 : (r = i.charCodeAt(u)) < 55296 || r > 56319 || u + 1 === c || (o = i.charCodeAt(u + 1)) < 56320 || o > 57343 ? t ? i.charAt(u) : r : t ? i.slice(u, u + 2) : o - 56320 + (r - 55296 << 10) + 65536 } } })), S = t((function (t) { t.exports = !1 })), P = t((function (t) { t.exports = function (t) { if ("function" != typeof t) throw TypeError(t + " is not a function!"); return t } })), E = t((function (t) { t.exports = function (t, n, e) { if (P(t), void 0 === n) return t; switch (e) { case 1: return function (e) { return t.call(n, e) }; case 2: return function (e, r) { return t.call(n, e, r) }; case 3: return function (e, r, o) { return t.call(n, e, r, o) } }return function () { return t.apply(n, arguments) } } })), O = t((function (t) { var n = "prototype", e = function (t, o, i) { var u, c, s, a, f = t & e.F, l = t & e.G, p = t & e.S, h = t & e.P, d = t & e.B, y = l ? r : p ? r[o] || (r[o] = {}) : (r[o] || {})[n], v = l ? _ : _[o] || (_[o] = {}), b = v[n] || (v[n] = {}); for (u in l && (i = o), i) s = ((c = !f && y && void 0 !== y[u]) ? y : i)[u], a = d && c ? E(s, r) : h && "function" == typeof s ? E(Function.call, s) : s, y && w(y, u, s, t & e.U), v[u] != s && m(v, u, a), h && b[u] != s && (b[u] = s) }; r.core = _, e.F = 1, e.G = 2, e.S = 4, e.P = 8, e.B = 16, e.W = 32, e.U = 64, e.R = 128, t.exports = e })), T = t((function (t) { t.exports = {} })), j = t((function (t) { t.exports = Object("z").propertyIsEnumerable(0) ? Object : function (t) { return "String" == e(t) ? t.split("") : Object(t) } })), F = t((function (t) { t.exports = function (t) { return j(g(t)) } })), k = t((function (t) { var n = Math.min; t.exports = function (t) { return t > 0 ? n(x(t), 9007199254740991) : 0 } })), B = t((function (t) { var n = Math.max, e = Math.min; t.exports = function (t, r) { return (t = x(t)) < 0 ? n(t + r, 0) : e(t, r) } })), L = t((function (t) { t.exports = function (t) { return function (n, e, r) { var o, i = F(n), u = k(i.length), c = B(r, u); if (t && e != e) { for (; u > c;)if ((o = i[c++]) != o) return !0 } else for (; u > c; c++)if ((t || c in i) && i[c] === e) return t || c || 0; return !t && -1 } } })), M = t((function (t) { var n = o("keys"); t.exports = function (t) { return n[t] || (n[t] = i(t)) } })), C = t((function (t) { var n = L(!1), e = M("IE_PROTO"); t.exports = function (t, r) { var o, i = F(t), u = 0, c = []; for (o in i) o != e && b(i, o) && c.push(o); for (; r.length > u;)b(i, o = r[u++]) && (~n(c, o) || c.push(o)); return c } })), I = t((function (t) { t.exports = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",") })), R = t((function (t) { t.exports = Object.keys || function (t) { return C(t, I) } })), D = t((function (t) { t.exports = l ? Object.defineProperties : function (t, n) { a(t); for (var e, r = R(n), o = r.length, i = 0; o > i;)y.f(t, e = r[i++], n[e]); return t } })), U = t((function (t) { var n = r.document; t.exports = n && n.documentElement })), N = t((function (t) { var n = M("IE_PROTO"), e = function () { }, r = "prototype", o = function () { var t, n = p("iframe"), e = I.length, i = "<", u = ">"; for (n.style.display = "none", U.appendChild(n), n.src = "javascript:", (t = n.contentWindow.document).open(), t.write(i + "script" + u + "document.F=Object" + i + "/script" + u), t.close(), o = t.F; e--;)delete o[r][I[e]]; return o() }; t.exports = Object.create || function (t, i) { var u; return null !== t ? (e[r] = a(t), u = new e, e[r] = null, u[n] = t) : u = o(), void 0 === i ? u : D(u, i) } })), G = t((function (t) { var n = y.f, e = u("toStringTag"); t.exports = function (t, r, o) { t && !b(t = o ? t : t.prototype, e) && n(t, e, { configurable: !0, value: r }) } })), H = t((function (t) { "use strict"; var n = {}; m(n, u("iterator"), (function () { return this })), t.exports = function (t, e, r) { t.prototype = N(n, { next: v(1, r) }), G(t, e + " Iterator") } })), q = t((function (t) { t.exports = function (t) { return Object(g(t)) } })), z = t((function (t) { var n = M("IE_PROTO"), e = Object.prototype; t.exports = Object.getPrototypeOf || function (t) { return t = q(t), b(t, n) ? t[n] : "function" == typeof t.constructor && t instanceof t.constructor ? t.constructor.prototype : t instanceof Object ? e : null } })), V = t((function (t) { "use strict"; var n = u("iterator"), e = !([].keys && "next" in [].keys()), r = "@@iterator", o = "keys", i = "values", c = function () { return this }; t.exports = function (t, u, s, a, f, l, p) { H(s, u, a); var h, d, y, v = function (t) { if (!e && t in A) return A[t]; switch (t) { case o: case i: return function () { return new s(this, t) } }return function () { return new s(this, t) } }, _ = u + " Iterator", x = f == i, g = !1, A = t.prototype, P = A[n] || A[r] || f && A[f], E = P || v(f), j = f ? x ? v("entries") : E : void 0, F = "Array" == u && A.entries || P; if (F && (y = z(F.call(new t))) !== Object.prototype && y.next && (G(y, _, !0), S || b(y, n) || m(y, n, c)), x && P && P.name !== i && (g = !0, E = function () { return P.call(this) }), S && !p || !e && !g && A[n] || m(A, n, E), T[u] = E, T[_] = c, f) if (h = { values: x ? E : v(i), keys: l ? E : v(o), entries: j }, p) for (d in h) d in A || w(A, d, h[d]); else O(O.P + O.F * (e || g), u, h); return h } })), W = (t((function () { "use strict"; var t = A(!0); V(String, "String", (function (t) { this._t = String(t), this._i = 0 }), (function () { var n, e = this._t, r = this._i; return r >= e.length ? { value: void 0, done: !0 } : (n = t(e, r), this._i += n.length, { value: n, done: !1 }) })) })), t((function (t) { var n = u("unscopables"), e = Array.prototype; null == e[n] && m(e, n, {}), t.exports = function (t) { e[n][t] = !0 } }))), K = t((function (t) { t.exports = function (t, n) { return { value: n, done: !!t } } })), J = t((function (t) { "use strict"; t.exports = V(Array, "Array", (function (t, n) { this._t = F(t), this._i = 0, this._k = n }), (function () { var t = this._t, n = this._k, e = this._i++; return !t || e >= t.length ? (this._t = void 0, K(1)) : K(0, "keys" == n ? e : "values" == n ? t[e] : [e, t[e]]) }), "values"), T.Arguments = T.Array, W("keys"), W("values"), W("entries") })), X = (t((function () { for (var t = u("iterator"), n = u("toStringTag"), e = T.Array, o = { CSSRuleList: !0, CSSStyleDeclaration: !1, CSSValueList: !1, ClientRectList: !1, DOMRectList: !1, DOMStringList: !1, DOMTokenList: !0, DataTransferItemList: !1, FileList: !1, HTMLAllCollection: !1, HTMLCollection: !1, HTMLFormElement: !1, HTMLSelectElement: !1, MediaList: !0, MimeTypeArray: !1, NamedNodeMap: !1, NodeList: !0, PaintRequestList: !1, Plugin: !1, PluginArray: !1, SVGLengthList: !1, SVGNumberList: !1, SVGPathSegList: !1, SVGPointList: !1, SVGStringList: !1, SVGTransformList: !1, SourceBufferList: !1, StyleSheetList: !0, TextTrackCueList: !1, TextTrackList: !1, TouchList: !1 }, i = R(o), c = 0; c < i.length; c++) { var s, a = i[c], f = o[a], l = r[a], p = l && l.prototype; if (p && (p[t] || m(p, t, e), p[n] || m(p, n, a), T[a] = e, f)) for (s in J) p[s] || w(p, s, J[s], !0) } })), t((function (t) { t.exports = function (t, n, e, r) { if (!(t instanceof n) || void 0 !== r && r in t) throw TypeError(e + ": incorrect invocation!"); return t } }))), Y = t((function (t) { t.exports = function (t, n, e, r) { try { return r ? n(a(e)[0], e[1]) : n(e) } catch (n) { var o = t.return; throw void 0 !== o && a(o.call(t)), n } } })), $ = t((function (t) { var n = u("iterator"), e = Array.prototype; t.exports = function (t) { return void 0 !== t && (T.Array === t || e[n] === t) } })), Q = t((function (t) { var n = u("iterator"); t.exports = _.getIteratorMethod = function (t) { if (null != t) return t[n] || t["@@iterator"] || T[c(t)] } })), Z = t((function (t, n) { var e = {}, r = {}; (n = t.exports = function (t, n, o, i, u) { var c, s, f, l, p = u ? function () { return t } : Q(t), h = E(o, i, n ? 2 : 1), d = 0; if ("function" != typeof p) throw TypeError(t + " is not iterable!"); if ($(p)) { for (c = k(t.length); c > d; d++)if ((l = n ? h(a(s = t[d])[0], s[1]) : h(t[d])) === e || l === r) return l } else for (f = p.call(t); !(s = f.next()).done;)if ((l = Y(f, h, s.value, n)) === e || l === r) return l }).BREAK = e, n.RETURN = r })), tt = t((function (t) { var n = u("species"); t.exports = function (t, e) { var r, o = a(t).constructor; return void 0 === o || null == (r = a(o)[n]) ? e : P(r) } })), nt = t((function (t) { t.exports = function (t, n, e) { var r = void 0 === e; switch (n.length) { case 0: return r ? t() : t.call(e); case 1: return r ? t(n[0]) : t.call(e, n[0]); case 2: return r ? t(n[0], n[1]) : t.call(e, n[0], n[1]); case 3: return r ? t(n[0], n[1], n[2]) : t.call(e, n[0], n[1], n[2]); case 4: return r ? t(n[0], n[1], n[2], n[3]) : t.call(e, n[0], n[1], n[2], n[3]) }return t.apply(e, n) } })), et = t((function (t) { var n, o, i, u = r.process, c = r.setImmediate, s = r.clearImmediate, a = r.MessageChannel, f = r.Dispatch, l = 0, h = {}, d = "onreadystatechange", y = function () { var t = +this; if (h.hasOwnProperty(t)) { var n = h[t]; delete h[t], n() } }, v = function (t) { y.call(t.data) }; c && s || (c = function (t) { for (var e = [], r = 1; arguments.length > r;)e.push(arguments[r++]); return h[++l] = function () { nt("function" == typeof t ? t : Function(t), e) }, n(l), l }, s = function (t) { delete h[t] }, "process" == e(u) ? n = function (t) { u.nextTick(E(y, t, 1)) } : f && f.now ? n = function (t) { f.now(E(y, t, 1)) } : a ? (i = (o = new a).port2, o.port1.onmessage = v, n = E(i.postMessage, i, 1)) : r.addEventListener && "function" == typeof postMessage && !r.importScripts ? (n = function (t) { r.postMessage(t + "", "*") }, r.addEventListener("message", v, !1)) : n = d in p("script") ? function (t) { U.appendChild(p("script"))[d] = function () { U.removeChild(this), y.call(t) } } : function (t) { setTimeout(E(y, t, 1), 0) }), t.exports = { set: c, clear: s } })), rt = t((function (t) { var n = et.set, o = r.MutationObserver || r.WebKitMutationObserver, i = r.process, u = r.Promise, c = "process" == e(i); t.exports = function () { var t, e, s, a = function () { var n, r; for (c && (n = i.domain) && n.exit(); t;) { r = t.fn, t = t.next; try { r() } catch (n) { throw t ? s() : e = void 0, n } } e = void 0, n && n.enter() }; if (c) s = function () { i.nextTick(a) }; else if (o) { var f = !0, l = document.createTextNode(""); new o(a).observe(l, { characterData: !0 }), s = function () { l.data = f = !f } } else if (u && u.resolve) { var p = u.resolve(); s = function () { p.then(a) } } else s = function () { n.call(r, a) }; return function (n) { var r = { fn: n, next: void 0 }; e && (e.next = r), t || (t = r, s()), e = r } } })), ot = t((function (t) { "use strict"; function n(t) { var n, e; this.promise = new t((function (t, r) { if (void 0 !== n || void 0 !== e) throw TypeError("Bad Promise constructor"); n = t, e = r })), this.resolve = P(n), this.reject = P(e) } t.exports.f = function (t) { return new n(t) } })), it = t((function (t) { t.exports = function (t) { try { return { e: !1, v: t() } } catch (t) { return { e: !0, v: t } } } })), ut = t((function (t) { t.exports = function (t, n) { if (a(t), s(n) && n.constructor === t) return n; var e = ot.f(t); return (0, e.resolve)(n), e.promise } })), ct = t((function (t) { t.exports = function (t, n, e) { for (var r in n) w(t, r, n[r], e); return t } })), st = t((function (t) { "use strict"; var n = u("species"); t.exports = function (t) { var e = r[t]; l && e && !e[n] && y.f(e, n, { configurable: !0, get: function () { return this } }) } })), at = t((function (t) { var n = u("iterator"), e = !1; try { var r = [7][n](); r.return = function () { e = !0 }, Array.from(r, (function () { throw 2 })) } catch (t) { } t.exports = function (t, r) { if (!r && !e) return !1; var o = !1; try { var i = [7], u = i[n](); u.next = function () { return { done: o = !0 } }, i[n] = function () { return u }, t(i) } catch (t) { } return o } })), ft = (t((function () { "use strict"; var t, n, e, o, i = et.set, a = rt(), f = "Promise", l = r.TypeError, p = r.process, h = r[f], d = "process" == c(p), y = function () { }, v = n = ot.f, m = !!function () { try { var t = h.resolve(1), n = (t.constructor = {})[u("species")] = function (t) { t(y, y) }; return (d || "function" == typeof PromiseRejectionEvent) && t.then(y) instanceof n } catch (t) { } }(), b = function (t) { var n; return !(!s(t) || "function" != typeof (n = t.then)) && n }, w = function (t, n) { if (!t._n) { t._n = !0; var e = t._c; a((function () { for (var r = t._v, o = 1 == t._s, i = 0, u = function (n) { var e, i, u = o ? n.ok : n.fail, c = n.resolve, s = n.reject, a = n.domain; try { u ? (o || (2 == t._h && A(t), t._h = 1), !0 === u ? e = r : (a && a.enter(), e = u(r), a && a.exit()), e === n.promise ? s(l("Promise-chain cycle")) : (i = b(e)) ? i.call(e, c, s) : c(e)) : s(r) } catch (t) { s(t) } }; e.length > i;)u(e[i++]); t._c = [], t._n = !1, n && !t._h && x(t) })) } }, x = function (t) { i.call(r, (function () { var n, e, o, i = t._v, u = g(t); if (u && (n = it((function () { d ? p.emit("unhandledRejection", i, t) : (e = r.onunhandledrejection) ? e({ promise: t, reason: i }) : (o = r.console) && o.error && o.error("Unhandled promise rejection", i) })), t._h = d || g(t) ? 2 : 1), t._a = void 0, u && n.e) throw n.v })) }, g = function (t) { if (1 == t._h) return !1; for (var n, e = t._a || t._c, r = 0; e.length > r;)if ((n = e[r++]).fail || !g(n.promise)) return !1; return !0 }, A = function (t) { i.call(r, (function () { var n; d ? p.emit("rejectionHandled", t) : (n = r.onrejectionhandled) && n({ promise: t, reason: t._v }) })) }, T = function (t) { var n = this; n._d || (n._d = !0, (n = n._w || n)._v = t, n._s = 2, n._a || (n._a = n._c.slice()), w(n, !0)) }, j = function (t) { var n, e = this; if (!e._d) { e._d = !0, e = e._w || e; try { if (e === t) throw l("Promise can't be resolved itself"); (n = b(t)) ? a((function () { var r = { _w: e, _d: !1 }; try { n.call(t, E(j, r, 1), E(T, r, 1)) } catch (t) { T.call(r, t) } })) : (e._v = t, e._s = 1, w(e, !1)) } catch (t) { T.call({ _w: e, _d: !1 }, t) } } }; m || (h = function (n) { X(this, h, f, "_h"), P(n), t.call(this); try { n(E(j, this, 1), E(T, this, 1)) } catch (t) { T.call(this, t) } }, (t = function () { this._c = [], this._a = void 0, this._s = 0, this._d = !1, this._v = void 0, this._h = 0, this._n = !1 }).prototype = ct(h.prototype, { then: function (t, n) { var e = v(tt(this, h)); return e.ok = "function" != typeof t || t, e.fail = "function" == typeof n && n, e.domain = d ? p.domain : void 0, this._c.push(e), this._a && this._a.push(e), this._s && w(this, !1), e.promise }, catch: function (t) { return this.then(void 0, t) } }), e = function () { var n = new t; this.promise = n, this.resolve = E(j, n, 1), this.reject = E(T, n, 1) }, ot.f = v = function (t) { return t === h || t === o ? new e(t) : n(t) }), O(O.G + O.W + O.F * !m, { Promise: h }), G(h, f), st(f), o = _[f], O(O.S + O.F * !m, f, { reject: function (t) { var n = v(this); return (0, n.reject)(t), n.promise } }), O(O.S + O.F * (S || !m), f, { resolve: function (t) { return ut(S && this === o ? h : this, t) } }), O(O.S + O.F * !(m && at((function (t) { h.all(t).catch(y) }))), f, { all: function (t) { var n = this, e = v(n), r = e.resolve, o = e.reject, i = it((function () { var e = [], i = 0, u = 1; Z(t, !1, (function (t) { var c = i++, s = !1; e.push(void 0), u++, n.resolve(t).then((function (t) { s || (s = !0, e[c] = t, --u || r(e)) }), o) })), --u || r(e) })); return i.e && o(i.v), e.promise }, race: function (t) { var n = this, e = v(n), r = e.reject, o = it((function () { Z(t, !1, (function (t) { n.resolve(t).then(e.resolve, r) })) })); return o.e && r(o.v), e.promise } }) })), t((function (t) { t.exports = _.Promise })), t((function (t) { t.exports = Array.isArray || function (t) { return "Array" == e(t) } }))), lt = (t((function () { O(O.S, "Array", { isArray: ft }) })), t((function (t) { "use strict"; t.exports = function (t, n, e) { n in t ? y.f(t, n, v(0, e)) : t[n] = e } }))), pt = (t((function () { "use strict"; O(O.S + O.F * !at((function (t) { Array.from(t) })), "Array", { from: function (t) { var n, e, r, o, i = q(t), u = "function" == typeof this ? this : Array, c = arguments.length, s = c > 1 ? arguments[1] : void 0, a = void 0 !== s, f = 0, l = Q(i); if (a && (s = E(s, c > 2 ? arguments[2] : void 0, 2)), null == l || u == Array && $(l)) for (e = new u(n = k(i.length)); n > f; f++)lt(e, f, a ? s(i[f], f) : i[f]); else for (o = l.call(i), e = new u; !(r = o.next()).done; f++)lt(e, f, a ? Y(o, s, [r.value, f], !0) : r.value); return e.length = f, e } }) })), t((function () { "use strict"; O(O.S + O.F * f((function () { function t() { } return !(Array.of.call(t) instanceof t) })), "Array", { of: function () { for (var t = 0, n = arguments.length, e = new ("function" == typeof this ? this : Array)(n); n > t;)lt(e, t, arguments[t++]); return e.length = n, e } }) })), t((function (t) { "use strict"; t.exports = function (t, n) { return !!t && f((function () { n ? t.call(null, (function () { }), 1) : t.call(null) })) } }))), ht = (t((function () { "use strict"; var t = [].join; O(O.P + O.F * (j != Object || !pt(t)), "Array", { join: function (n) { return t.call(F(this), void 0 === n ? "," : n) } }) })), t((function () { "use strict"; var t = [].slice; O(O.P + O.F * f((function () { U && t.call(U) })), "Array", { slice: function (n, r) { var o = k(this.length), i = e(this); if (r = void 0 === r ? o : r, "Array" == i) return t.call(this, n, r); for (var u = B(n, o), c = B(r, o), s = k(c - u), a = Array(s), f = 0; f < s; f++)a[f] = "String" == i ? this.charAt(u + f) : this[u + f]; return a } }) })), t((function () { "use strict"; var t = [].sort, n = [1, 2, 3]; O(O.P + O.F * (f((function () { n.sort(void 0) })) || !f((function () { n.sort(null) })) || !pt(t)), "Array", { sort: function (n) { return void 0 === n ? t.call(q(this)) : t.call(q(this), P(n)) } }) })), t((function (t) { var n = u("species"); t.exports = function (t) { var e; return ft(t) && ("function" != typeof (e = t.constructor) || e !== Array && !ft(e.prototype) || (e = void 0), s(e) && null === (e = e[n]) && (e = void 0)), void 0 === e ? Array : e } }))), dt = t((function (t) { t.exports = function (t, n) { return new (ht(t))(n) } })), yt = t((function (t) { t.exports = function (t, n) { var e = 1 == t, r = 2 == t, o = 3 == t, i = 4 == t, u = 6 == t, c = 5 == t || u, s = n || dt; return function (n, a, f) { for (var l, p, h = q(n), d = j(h), y = E(a, f, 3), v = k(d.length), m = 0, b = e ? s(n, v) : r ? s(n, 0) : void 0; v > m; m++)if ((c || m in d) && (p = y(l = d[m], m, h), t)) if (e) b[m] = p; else if (p) switch (t) { case 3: return !0; case 5: return l; case 6: return m; case 2: b.push(l) } else if (i) return !1; return u ? -1 : o || i ? i : b } } })), vt = (t((function () { "use strict"; var t = yt(0), n = pt([].forEach, !0); O(O.P + O.F * !n, "Array", { forEach: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(1); O(O.P + O.F * !pt([].map, !0), "Array", { map: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(2); O(O.P + O.F * !pt([].filter, !0), "Array", { filter: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(3); O(O.P + O.F * !pt([].some, !0), "Array", { some: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(4); O(O.P + O.F * !pt([].every, !0), "Array", { every: function (n) { return t(this, n, arguments[1]) } }) })), t((function (t) { t.exports = function (t, n, e, r, o) { P(n); var i = q(t), u = j(i), c = k(i.length), s = o ? c - 1 : 0, a = o ? -1 : 1; if (e < 2) for (; ;) { if (s in u) { r = u[s], s += a; break } if (s += a, o ? s < 0 : c <= s) throw TypeError("Reduce of empty array with no initial value") } for (; o ? s >= 0 : c > s; s += a)s in u && (r = n(r, u[s], s, i)); return r } }))), mt = (t((function () { "use strict"; O(O.P + O.F * !pt([].reduce, !0), "Array", { reduce: function (t) { return vt(this, t, arguments.length, arguments[1], !1) } }) })), t((function () { "use strict"; O(O.P + O.F * !pt([].reduceRight, !0), "Array", { reduceRight: function (t) { return vt(this, t, arguments.length, arguments[1], !0) } }) })), t((function () { "use strict"; var t = L(!1), n = [].indexOf, e = !!n && 1 / [1].indexOf(1, -0) < 0; O(O.P + O.F * (e || !pt(n)), "Array", { indexOf: function (r) { return e ? n.apply(this, arguments) || 0 : t(this, r, arguments[1]) } }) })), t((function () { "use strict"; var t = [].lastIndexOf, n = !!t && 1 / [1].lastIndexOf(1, -0) < 0; O(O.P + O.F * (n || !pt(t)), "Array", { lastIndexOf: function (e) { if (n) return t.apply(this, arguments) || 0; var r = F(this), o = k(r.length), i = o - 1; for (arguments.length > 1 && (i = Math.min(i, x(arguments[1]))), i < 0 && (i = o + i); i >= 0; i--)if (i in r && r[i] === e) return i || 0; return -1 } }) })), t((function (t) { "use strict"; t.exports = [].copyWithin || function (t, n) { var e = q(this), r = k(e.length), o = B(t, r), i = B(n, r), u = arguments.length > 2 ? arguments[2] : void 0, c = Math.min((void 0 === u ? r : B(u, r)) - i, r - o), s = 1; for (i < o && o < i + c && (s = -1, i += c - 1, o += c - 1); c-- > 0;)i in e ? e[o] = e[i] : delete e[o], o += s, i += s; return e } }))), bt = (t((function () { O(O.P, "Array", { copyWithin: mt }), W("copyWithin") })), t((function (t) { "use strict"; t.exports = function (t) { for (var n = q(this), e = k(n.length), r = arguments.length, o = B(r > 1 ? arguments[1] : void 0, e), i = r > 2 ? arguments[2] : void 0, u = void 0 === i ? e : B(i, e); u > o;)n[o++] = t; return n } }))), _t = (t((function () { O(O.P, "Array", { fill: bt }), W("fill") })), t((function () { "use strict"; var t = yt(5), n = "find", e = !0; n in [] && Array(1)[n]((function () { e = !1 })), O(O.P + O.F * e, "Array", { find: function (n) { return t(this, n, arguments.length > 1 ? arguments[1] : void 0) } }), W(n) })), t((function () { "use strict"; var t = yt(6), n = "findIndex", e = !0; n in [] && Array(1)[n]((function () { e = !1 })), O(O.P + O.F * e, "Array", { findIndex: function (n) { return t(this, n, arguments.length > 1 ? arguments[1] : void 0) } }), W(n) })), t((function () { st("Array") })), t((function (t) { t.exports = _.Array })), t((function (t) { var n = i("meta"), e = y.f, r = 0, o = Object.isExtensible || function () { return !0 }, u = !f((function () { return o(Object.preventExtensions({})) })), c = function (t) { e(t, n, { value: { i: "O" + ++r, w: {} } }) }, a = function (t, e) { if (!s(t)) return "symbol" == typeof t ? t : ("string" == typeof t ? "S" : "P") + t; if (!b(t, n)) { if (!o(t)) return "F"; if (!e) return "E"; c(t) } return t[n].i }, l = function (t, e) { if (!b(t, n)) { if (!o(t)) return !0; if (!e) return !1; c(t) } return t[n].w }, p = function (t) { return u && h.NEED && o(t) && !b(t, n) && c(t), t }, h = t.exports = { KEY: n, NEED: !1, fastKey: a, getWeak: l, onFreeze: p } }))), wt = t((function (t) { t.exports = function (t, n) { if (!s(t) || t._t !== n) throw TypeError("Incompatible receiver, " + n + " required!"); return t } })), xt = t((function (t) { "use strict"; var n = y.f, e = _t.fastKey, r = l ? "_s" : "size", o = function (t, n) { var r, o = e(n); if ("F" !== o) return t._i[o]; for (r = t._f; r; r = r.n)if (r.k == n) return r }; t.exports = { getConstructor: function (t, e, i, u) { var c = t((function (t, n) { X(t, c, e, "_i"), t._t = e, t._i = N(null), t._f = void 0, t._l = void 0, t[r] = 0, null != n && Z(n, i, t[u], t) })); return ct(c.prototype, { clear: function () { for (var t = wt(this, e), n = t._i, o = t._f; o; o = o.n)o.r = !0, o.p && (o.p = o.p.n = void 0), delete n[o.i]; t._f = t._l = void 0, t[r] = 0 }, delete: function (t) { var n = wt(this, e), i = o(n, t); if (i) { var u = i.n, c = i.p; delete n._i[i.i], i.r = !0, c && (c.n = u), u && (u.p = c), n._f == i && (n._f = u), n._l == i && (n._l = c), n[r]-- } return !!i }, forEach: function (t) { wt(this, e); for (var n, r = E(t, arguments.length > 1 ? arguments[1] : void 0, 3); n = n ? n.n : this._f;)for (r(n.v, n.k, this); n && n.r;)n = n.p }, has: function (t) { return !!o(wt(this, e), t) } }), l && n(c.prototype, "size", { get: function () { return wt(this, e)[r] } }), c }, def: function (t, n, i) { var u, c, s = o(t, n); return s ? s.v = i : (t._l = s = { i: c = e(n, !0), k: n, v: i, p: u = t._l, n: void 0, r: !1 }, t._f || (t._f = s), u && (u.n = s), t[r]++, "F" !== c && (t._i[c] = s)), t }, getEntry: o, setStrong: function (t, n, e) { V(t, n, (function (t, e) { this._t = wt(t, n), this._k = e, this._l = void 0 }), (function () { for (var t = this, n = t._k, e = t._l; e && e.r;)e = e.p; return t._t && (t._l = e = e ? e.n : t._t._f) ? K(0, "keys" == n ? e.k : "values" == n ? e.v : [e.k, e.v]) : (t._t = void 0, K(1)) }), e ? "entries" : "values", !e, !0), st(n) } } })), gt = t((function (t, n) { n.f = {}.propertyIsEnumerable })), At = t((function (t, n) { var e = Object.getOwnPropertyDescriptor; n.f = l ? e : function (t, n) { if (t = F(t), n = d(n, !0), h) try { return e(t, n) } catch (t) { } if (b(t, n)) return v(!gt.f.call(t, n), t[n]) } })), St = t((function (t) { var n = function (t, n) { if (a(t), !s(n) && null !== n) throw TypeError(n + ": can't set as prototype!") }; t.exports = { set: Object.setPrototypeOf || ("__proto__" in {} ? function (t, e, r) { try { (r = E(Function.call, At.f(Object.prototype, "__proto__").set, 2))(t, []), e = !(t instanceof Array) } catch (t) { e = !0 } return function (t, o) { return n(t, o), e ? t.__proto__ = o : r(t, o), t } }({}, !1) : void 0), check: n } })), Pt = t((function (t) { var n = St.set; t.exports = function (t, e, r) { var o, i = e.constructor; return i !== r && "function" == typeof i && (o = i.prototype) !== r.prototype && s(o) && n && n(t, o), t } })), Et = t((function (t) { "use strict"; t.exports = function (t, n, e, o, i, u) { var c = r[t], a = c, l = i ? "set" : "add", p = a && a.prototype, h = {}, d = function (t) { var n = p[t]; w(p, t, "delete" == t || "has" == t ? function (t) { return !(u && !s(t)) && n.call(this, 0 === t ? 0 : t) } : "get" == t ? function (t) { return u && !s(t) ? void 0 : n.call(this, 0 === t ? 0 : t) } : "add" == t ? function (t) { return n.call(this, 0 === t ? 0 : t), this } : function (t, e) { return n.call(this, 0 === t ? 0 : t, e), this }) }; if ("function" == typeof a && (u || p.forEach && !f((function () { (new a).entries().next() })))) { var y = new a, v = y[l](u ? {} : -0, 1) != y, m = f((function () { y.has(1) })), b = at((function (t) { new a(t) })), _ = !u && f((function () { for (var t = new a, n = 5; n--;)t[l](n, n); return !t.has(-0) })); b || ((a = n((function (n, e) { X(n, a, t); var r = Pt(new c, n, a); return null != e && Z(e, i, r[l], r), r }))).prototype = p, p.constructor = a), (m || _) && (d("delete"), d("has"), i && d("get")), (_ || v) && d(l), u && p.clear && delete p.clear } else a = o.getConstructor(n, t, i, l), ct(a.prototype, e), _t.NEED = !0; return G(a, t), h[t] = a, O(O.G + O.W + O.F * (a != c), h), u || o.setStrong(a, t, i), a } })); t((function (t) { "use strict"; var n = "Set"; t.exports = Et(n, (function (t) { return function () { return t(this, arguments.length > 0 ? arguments[0] : void 0) } }), { add: function (t) { return xt.def(wt(this, n), t = 0 === t ? 0 : t, t) } }, xt) })), t((function (t) { t.exports = _.Set })); !function (t) {
  1635.                "use strict"; function n(t) { if ("string" != typeof t && (t = String(t)), /[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(t)) throw new TypeError("Invalid character in header field name"); return t.toLowerCase() } function e(t) { return "string" != typeof t && (t = String(t)), t } function r(t) { var n = { next: function () { var n = t.shift(); return { done: void 0 === n, value: n } } }; return m.iterable && (n[Symbol.iterator] = function () { return n }), n } function o(t) { this.map = {}, t instanceof o ? t.forEach((function (t, n) { this.append(n, t) }), this) : Array.isArray(t) ? t.forEach((function (t) { this.append(t[0], t[1]) }), this) : t && Object.getOwnPropertyNames(t).forEach((function (n) { this.append(n, t[n]) }), this) } function i(t) { if (t.bodyUsed) return Promise.reject(new TypeError("Already read")); t.bodyUsed = !0 } function u(t) { return new Promise((function (n, e) { t.onload = function () { n(t.result) }, t.onerror = function () { e(t.error) } })) } function c(t) { var n = new FileReader, e = u(n); return n.readAsArrayBuffer(t), e } function s(t) { var n = new FileReader, e = u(n); return n.readAsText(t), e } function a(t) { for (var n = new Uint8Array(t), e = new Array(n.length), r = 0; r < n.length; r++)e[r] = String.fromCharCode(n[r]); return e.join("") } function f(t) { if (t.slice) return t.slice(0); var n = new Uint8Array(t.byteLength); return n.set(new Uint8Array(t)), n.buffer } function l() { return this.bodyUsed = !1, this._initBody = function (t) { if (this._bodyInit = t, t) if ("string" == typeof t) this._bodyText = t; else if (m.blob && Blob.prototype.isPrototypeOf(t)) this._bodyBlob = t; else if (m.formData && FormData.prototype.isPrototypeOf(t)) this._bodyFormData = t; else if (m.searchParams && URLSearchParams.prototype.isPrototypeOf(t)) this._bodyText = t.toString(); else if (m.arrayBuffer && m.blob && _(t)) this._bodyArrayBuffer = f(t.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer]); else { if (!m.arrayBuffer || !ArrayBuffer.prototype.isPrototypeOf(t) && !w(t)) throw new Error("unsupported BodyInit type"); this._bodyArrayBuffer = f(t) } else this._bodyText = ""; this.headers.get("content-type") || ("string" == typeof t ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : m.searchParams && URLSearchParams.prototype.isPrototypeOf(t) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8")) }, m.blob && (this.blob = function () { var t = i(this); if (t) return t; if (this._bodyBlob) return Promise.resolve(this._bodyBlob); if (this._bodyArrayBuffer) return Promise.resolve(new Blob([this._bodyArrayBuffer])); if (this._bodyFormData) throw new Error("could not read FormData body as blob"); return Promise.resolve(new Blob([this._bodyText])) }, this.arrayBuffer = function () { return this._bodyArrayBuffer ? i(this) || Promise.resolve(this._bodyArrayBuffer) : this.blob().then(c) }), this.text = function () { var t = i(this); if (t) return t; if (this._bodyBlob) return s(this._bodyBlob); if (this._bodyArrayBuffer) return Promise.resolve(a(this._bodyArrayBuffer)); if (this._bodyFormData) throw new Error("could not read FormData body as text"); return Promise.resolve(this._bodyText) }, m.formData && (this.formData = function () { return this.text().then(d) }), this.json = function () { return this.text().then(JSON.parse) }, this } function p(t) { var n = t.toUpperCase(); return x.indexOf(n) > -1 ? n : t } function h(t, n) { var e = (n = n || {}).body; if (t instanceof h) { if (t.bodyUsed) throw new TypeError("Already read"); this.url = t.url, this.credentials = t.credentials, n.headers || (this.headers = new o(t.headers)), this.method = t.method, this.mode = t.mode, e || null == t._bodyInit || (e = t._bodyInit, t.bodyUsed = !0) } else this.url = String(t); if (this.credentials = n.credentials || this.credentials || "omit", !n.headers && this.headers || (this.headers = new o(n.headers)), this.method = p(n.method || this.method || "GET"), this.mode = n.mode || this.mode || null, this.referrer = null, ("GET" === this.method || "HEAD" === this.method) && e) throw new TypeError("Body not allowed for GET or HEAD requests"); this._initBody(e) } function d(t) { var n = new FormData; return t.trim().split("&").forEach((function (t) { if (t) { var e = t.split("="), r = e.shift().replace(/\+/g, " "), o = e.join("=").replace(/\+/g, " "); n.append(decodeURIComponent(r), decodeURIComponent(o)) } })), n } function y(t) { var n = new o; return t.replace(/\r?\n[\t ]+/g, " ").split(/\r?\n/).forEach((function (t) { var e = t.split(":"), r = e.shift().trim(); if (r) { var o = e.join(":").trim(); n.append(r, o) } })), n } function v(t, n) { n || (n = {}), this.type = "default", this.status = void 0 === n.status ? 200 : n.status, this.ok = this.status >= 200 && this.status < 300, this.statusText = "statusText" in n ? n.statusText : "OK", this.headers = new o(n.headers), this.url = n.url || "", this._initBody(t) } if (!t.fetch) {
  1636.                    var m = { searchParams: "URLSearchParams" in t, iterable: "Symbol" in t && "iterator" in Symbol, blob: "FileReader" in t && "Blob" in t && function () { try { return new Blob, !0 } catch (t) { return !1 } }(), formData: "FormData" in t, arrayBuffer: "ArrayBuffer" in t }; if (m.arrayBuffer) var b = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"], _ = function (t) { return t && DataView.prototype.isPrototypeOf(t) }, w = ArrayBuffer.isView || function (t) { return t && b.indexOf(Object.prototype.toString.call(t)) > -1 }; o.prototype.append = function (t, r) { t = n(t), r = e(r); var o = this.map[t]; this.map[t] = o ? o + "," + r : r }, o.prototype.delete = function (t) { delete this.map[n(t)] }, o.prototype.get = function (t) { return t = n(t), this.has(t) ? this.map[t] : null }, o.prototype.has = function (t) { return this.map.hasOwnProperty(n(t)) }, o.prototype.set = function (t, r) { this.map[n(t)] = e(r) }, o.prototype.forEach = function (t, n) { for (var e in this.map) this.map.hasOwnProperty(e) && t.call(n, this.map[e], e, this) }, o.prototype.keys = function () { var t = []; return this.forEach((function (n, e) { t.push(e) })), r(t) }, o.prototype.values = function () { var t = []; return this.forEach((function (n) { t.push(n) })), r(t) }, o.prototype.entries = function () { var t = []; return this.forEach((function (n, e) { t.push([e, n]) })), r(t) }, m.iterable && (o.prototype[Symbol.iterator] = o.prototype.entries); var x = ["DELETE", "GET", "HEAD", "OPTIONS", "POST", "PUT"]; h.prototype.clone = function () { return new h(this, { body: this._bodyInit }) }, l.call(h.prototype), l.call(v.prototype), v.prototype.clone = function () { return new v(this._bodyInit, { status: this.status, statusText: this.statusText, headers: new o(this.headers), url: this.url }) }, v.error = function () { var t = new v(null, { status: 0, statusText: "" }); return t.type = "error", t }; var g = [301, 302, 303, 307, 308]; v.redirect = function (t, n) { if (-1 === g.indexOf(n)) throw new RangeError("Invalid status code"); return new v(null, { status: n, headers: { location: t } }) }, t.Headers = o, t.Request = h, t.Response = v, t.fetch = function (t, n) {
  1637.                        return new Promise((function (e, r) {
  1638.                            var o = new h(t, n), i = new XMLHttpRequest; i.onload = function () { var t = { status: i.status, statusText: i.statusText, headers: y(i.getAllResponseHeaders() || "") }; t.url = "responseURL" in i ? i.responseURL : t.headers.get("X-Request-URL"); var n = "response" in i ? i.response : i.responseText; e(new v(n, t)) }, i.onerror = function () { r(new TypeError("Network request failed")) }, i.ontimeout = function () { r(new TypeError("Network request failed")) }, i.open(o.method, o.url, !0),
  1639.                                "include" === o.credentials ? i.withCredentials = !0 : "omit" === o.credentials && (i.withCredentials = !1), "responseType" in i && m.blob && (i.responseType = "blob"), o.headers.forEach((function (t, n) { i.setRequestHeader(n, t) })), i.send(void 0 === o._bodyInit ? null : o._bodyInit)
  1640.                        }))
  1641.                    }, t.fetch.polyfill = !0
  1642.                }
  1643.            }("undefined" != typeof self ? self : this); var Ot = t((function (t, n) { "use strict"; Object.defineProperty(n, "__esModule", { value: !0 }); var e = { track: function () { var t; "undefined" != typeof ShopifyAnalytics && ShopifyAnalytics.lib && (t = ShopifyAnalytics.lib).track.apply(t, arguments) } }; n.default = e })), Tt = t((function (t, n) { "use strict"; function e(t) { o(), r(t, "smart-payment-buttons") } function r(t, n) { var e = "shopify-features__" + n, r = e + "--disabled", o = e + "--enabled", i = t.className.split(/\s+/); t.className = i.filter((function (t) { return Boolean(t) })).filter((function (t) { return t !== r })).filter((function (t) { return t !== o })).concat([o]).join(" ") } function o() { var t = "shopify-dynamic-checkout"; if (null === document.getElementById(t)) { var n = document.createElement("style"); n.id = t, n.innerHTML = i, document.head.appendChild(n) } } Object.defineProperty(n, "__esModule", { value: !0 }), n.default = e, n.toggleFeatureCssClasses = r, n.appendDynamicCheckoutProductCss = o; var i = "\n.shopify-payment-button__button--hidden {\n  visibility: hidden;\n}\n\n.shopify-payment-button__button {\n  border-radius: 4px;\n  border: none;\n  box-shadow: 0 0 0 0 transparent;\n  color: white;\n  cursor: pointer;\n  display: block;\n  font-size: 1em;\n  font-weight: 500;\n  line-height: 1;\n  text-align: center;\n  width: 100%;\n  transition: background 0.2s ease-in-out;\n}\n\n.shopify-payment-button__button[disabled] {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.shopify-payment-button__button--unbranded {\n  background-color: #1990c6;\n  padding: 1em 2em;\n}\n\n.shopify-payment-button__button--unbranded:hover:not([disabled]) {\n  background-color: #136f99;\n}\n\n.shopify-payment-button__more-options {\n  background: transparent;\n  border: 0 none;\n  cursor: pointer;\n  display: block;\n  font-size: 1em;\n  margin-top: 1em;\n  text-align: center;\n  width: 100%;\n}\n\n.shopify-payment-button__more-options:hover:not([disabled]) {\n  text-decoration: underline;\n}\n\n.shopify-payment-button__more-options[disabled] {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.shopify-payment-button__button--branded {\n  display: flex;\n  flex-direction: column;\n  min-height: 44px;\n  position: relative;\n  z-index: 1;\n}\n\n.shopify-payment-button__button--branded .shopify-cleanslate {\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n" })), jt = t((function (t, e) { "use strict"; function r(t, n) { return o().then((function (e) { e ? i(t, n) : c(t, n) })) } function o() { function t() { return document.querySelector("[data-shopify=payment-button]") } return new Promise((function (n) { t() ? n(!0) : window.Shopify.designMode ? new MutationObserver((function (e, r) { t() && (n(!0), r.disconnect()) })).observe(document.body, { childList: !0, subtree: !0 }) : n(!1) })) } function i(t, n) { (0, l.default)(t); var e = u(t, n); return s("[SPB] Script appended"), e } function u(t, n) { var e = t.parentNode, r = e.createElement("script"); return r.src = n.smart_payment_buttons_url, r.dataset.sourceAttribute = "shopify.dynamic_checkout.product.init", e.head.appendChild(r), r } function c(t, n) { void 0 === window.Shopify.PaymentButton && (window.Shopify.PaymentButton = { init: function () { var e = i(t, n); e.onload = function () { a() }, e.onerror = function () { console.error("Error loading Dynamic Checkout bundle") }, window.Shopify.PaymentButton.init = function () { } } }) } function s(t) { p && performance.mark(t) } function a() { var t = "polyfilled_dynamic_checkout", n = window.Shopify && window.Shopify.theme && window.Shopify.theme.name, e = window.location.href; f.default.track(t, { theme: n, url: e }) } Object.defineProperty(e, "__esModule", { value: !0 }), e.default = r; var f = n(Ot), l = n(Tt), p = "undefined" != typeof performance && "function" == typeof performance.mark })), Ft = t((function (t, n) { "use strict"; function e(t, n) { return r().then((function () { o(t, n) })) } function r() { function t() { return document.getElementById("dynamic-checkout-cart") } return new Promise((function (n) { t() ? (window.Shopify.CartType = "cart_page", n()) : new MutationObserver((function (e, r) { t() && (window.Shopify.CartType = "cart_ajax", n(), r.disconnect()) })).observe(document.body, { childList: !0, subtree: !0 }) })) } function o(t, n) { var e = t.parentNode, r = e.createElement("script"); return r.src = n.dynamic_checkout_cart_url, r.dataset.sourceAttribute = "shopify.dynamic_checkout.cart.init", e.head.appendChild(r), r } Object.defineProperty(n, "__esModule", { value: !0 }), n.default = e })), kt = t((function (t, e) { "use strict"; function r(t) { var n = o(t); n && ((0, i.default)(t, n), (0, u.default)(t, n)) } function o(t) { try { return JSON.parse(t.querySelector(c).textContent) } catch (t) { return null } } Object.defineProperty(e, "__esModule", { value: !0 }), e.default = r; var i = n(jt), u = n(Ft), c = "#shopify-features" })); t((function () { "use strict"; (0, n(kt).default)(document.documentElement) }))
  1644.        }("undefined" != typeof global ? global : "undefined" != typeof window && window);
  1645.    </script>
  1646.    <style id="shopify-dynamic-checkout">
  1647.        .shopify-payment-button__button--hidden {
  1648.            visibility: hidden
  1649.        }
  1650.  
  1651.        .shopify-payment-button__button {
  1652.            border-radius: 4px;
  1653.            border: none;
  1654.            box-shadow: 0 0 0 0 transparent;
  1655.            color: #fff;
  1656.            cursor: pointer;
  1657.            display: block;
  1658.            font-size: 1em;
  1659.            font-weight: 500;
  1660.            line-height: 1;
  1661.            text-align: center;
  1662.            width: 100%;
  1663.            transition: background .2s ease-in-out
  1664.        }
  1665.  
  1666.        .shopify-payment-button__button[disabled] {
  1667.            opacity: .6;
  1668.            cursor: default
  1669.        }
  1670.  
  1671.        .shopify-payment-button__button--unbranded {
  1672.            background-color: #1990c6;
  1673.            padding: 1em 2em
  1674.        }
  1675.  
  1676.        .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  1677.            background-color: #136f99
  1678.        }
  1679.  
  1680.        .shopify-payment-button__more-options {
  1681.            background: 0 0;
  1682.            border: 0 none;
  1683.            cursor: pointer;
  1684.            display: block;
  1685.            font-size: 1em;
  1686.            margin-top: 1em;
  1687.            text-align: center;
  1688.            width: 100%
  1689.        }
  1690.  
  1691.        .shopify-payment-button__more-options:hover:not([disabled]) {
  1692.            text-decoration: underline
  1693.        }
  1694.  
  1695.        .shopify-payment-button__more-options[disabled] {
  1696.            opacity: .6;
  1697.            cursor: not-allowed
  1698.        }
  1699.  
  1700.        .shopify-payment-button__button--branded {
  1701.            display: flex;
  1702.            flex-direction: column;
  1703.            min-height: 44px;
  1704.            position: relative;
  1705.            z-index: 1
  1706.        }
  1707.  
  1708.        .shopify-payment-button__button--branded .shopify-cleanslate {
  1709.            flex: 1 !important;
  1710.            display: flex !important;
  1711.            flex-direction: column !important
  1712.        }
  1713.  
  1714.        .shopify-payment-button__button.button.loading {
  1715.            position: relative;
  1716.            color: transparent
  1717.        }
  1718.  
  1719.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner {
  1720.            top: 50%;
  1721.            left: 50%;
  1722.            transform: translate(-50%, -50%);
  1723.            position: absolute;
  1724.            height: 100%;
  1725.            display: flex;
  1726.            align-items: center
  1727.        }
  1728.  
  1729.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner .spinner {
  1730.            width: -moz-fit-content;
  1731.            width: fit-content
  1732.        }
  1733.  
  1734.        .button.loading>.loading-overlay__spinner .path {
  1735.            stroke: #fff
  1736.        }
  1737.  
  1738.        .shopify-payment-button__button .loading-overlay__spinner {
  1739.            width: 1.8rem;
  1740.            display: inline-block
  1741.        }
  1742.  
  1743.        .shopify-payment-button__button .spinner {
  1744.            animation: shopify-rotator 1.4s linear infinite
  1745.        }
  1746.  
  1747.        @keyframes shopify-rotator {
  1748.            0% {
  1749.                transform: rotate(0)
  1750.            }
  1751.  
  1752.            100% {
  1753.                transform: rotate(270deg)
  1754.            }
  1755.        }
  1756.  
  1757.        .shopify-payment-button__button .path {
  1758.            stroke-dasharray: 280;
  1759.            stroke-dashoffset: 0;
  1760.            transform-origin: center;
  1761.            stroke: #121212;
  1762.            animation: shopify-dash 1.4s ease-in-out infinite
  1763.        }
  1764.  
  1765.        @media screen and (forced-colors:active) {
  1766.            .shopify-payment-button__button .path {
  1767.                stroke: CanvasText
  1768.            }
  1769.        }
  1770.  
  1771.        @keyframes shopify-dash {
  1772.            0% {
  1773.                stroke-dashoffset: 280
  1774.            }
  1775.  
  1776.            50% {
  1777.                stroke-dashoffset: 75;
  1778.                transform: rotate(135deg)
  1779.            }
  1780.  
  1781.            100% {
  1782.                stroke-dashoffset: 280;
  1783.                transform: rotate(450deg)
  1784.            }
  1785.        }
  1786.    </style>
  1787.    <script>
  1788.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');
  1789.    </script>
  1790.    <style data-shopify>
  1791.        @font-face {
  1792.            font-family: Questrial;
  1793.            font-weight: 400;
  1794.            font-style: normal;
  1795.            font-display: swap;
  1796.            src: url(http://https://perindusukma.com//cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664) format("woff2"), url(http://https://perindusukma.com//cdn/fonts/questrial/questrial_n4.5abce10d8846bb9326c9741eaffed9667c847692.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=136e78abf621321b832ba0b2c80d5c764228ec9edb2550b890fb94f7dfbf4881) format("woff")
  1797.        }
  1798.  
  1799.        @font-face {
  1800.            font-family: Archivo;
  1801.            font-weight: 700;
  1802.            font-style: normal;
  1803.            font-display: swap;
  1804.            src: url(http://https://perindusukma.com//cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372) format("woff2"), url(http://https://perindusukma.com//cdn/fonts/archivo/archivo_n7.846b40a5735bbd149ad44b083a19c3e5d88d8fab.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=d0abb13a26bf76d6aa3da07b374c9d85e0b976d6591761ed7c4cdc2cd429b450) format("woff")
  1805.        }
  1806.  
  1807.        .color-background-1,
  1808.        :root {
  1809.            --color-background: 245, 245, 245;
  1810.            --gradient-background: #ffffff;
  1811.            --color-foreground: 14, 27, 77;
  1812.            --color-background-contrast: 161, 166, 196;
  1813.            --color-shadow: 14, 27, 77;
  1814.            --color-button: 130, 0, 0;
  1815.            --color-button-text: 245, 245, 245;
  1816.            --color-secondary-button: 245, 245, 245;
  1817.            --color-secondary-button-text: 14, 27, 77;
  1818.            --color-link: 14, 27, 77;
  1819.            --color-badge-foreground: 14, 27, 77;
  1820.            --color-badge-background: 245, 245, 245;
  1821.            --color-badge-border: 14, 27, 77;
  1822.            --payment-terms-background-color: rgb(239 240 245)
  1823.        }
  1824.  
  1825.        .n-columns-2 {
  1826.            display: grid;
  1827.            grid-template-columns: repeat(2, 1fr);
  1828.            font-weight: 700
  1829.        }
  1830.  
  1831.        .n-columns-2 a {
  1832.            text-align: center;
  1833.            text-decoration: none;
  1834.        }
  1835.  
  1836.        .login,
  1837.        .register {
  1838.            color: #fff;
  1839.            padding: 13px 10px
  1840.        }
  1841.  
  1842.        .login,
  1843.        .login-button {
  1844.            border: 1px solid #d3d3d3;
  1845.            background: linear-gradient(to bottom, #ff0505 0, #6d0000 100%)
  1846.        }
  1847.  
  1848.        .register,
  1849.        .register-button {
  1850.            background: linear-gradient(to bottom, #ff0505 0, #6d0000 100%);
  1851.            border: 1px solid #d3d3d3
  1852.        }
  1853.  
  1854.        .color-background-2 {
  1855.            --color-background: 255, 255, 255;
  1856.            --gradient-background: #FFFFFF;
  1857.            --color-foreground: 14, 27, 77;
  1858.            --color-background-contrast: 191, 191, 191;
  1859.            --color-shadow: 14, 27, 77;
  1860.            --color-button: 14, 27, 77;
  1861.            --color-button-text: 255, 255, 255;
  1862.            --color-secondary-button: 255, 255, 255;
  1863.            --color-secondary-button-text: 14, 27, 77;
  1864.            --color-link: 14, 27, 77;
  1865.            --color-badge-foreground: 14, 27, 77;
  1866.            --color-badge-background: 255, 255, 255;
  1867.            --color-badge-border: 14, 27, 77;
  1868.            --payment-terms-background-color: rgb(255 255 255)
  1869.        }
  1870.  
  1871.        .color-inverse {
  1872.            --color-background: 130, 0, 0;
  1873.            --gradient-background: #050000;
  1874.            --color-foreground: 255, 255, 255;
  1875.            --color-background-contrast: 18, 35, 99;
  1876.            --color-shadow: 14, 27, 77;
  1877.            --color-button: 255, 255, 255;
  1878.            --color-button-text: 14, 27, 77;
  1879.            --color-secondary-button: 14, 27, 77;
  1880.            --color-secondary-button-text: 255, 255, 255;
  1881.            --color-link: 255, 255, 255;
  1882.            --color-badge-foreground: 255, 255, 255;
  1883.            --color-badge-background: 14, 27, 77;
  1884.            --color-badge-border: 255, 255, 255;
  1885.            --payment-terms-background-color: rgb(79, 0, 0)
  1886.        }
  1887.  
  1888.        .color-accent-1 {
  1889.            --color-background: 128, 0, 0;
  1890.            --gradient-background: #ff0505;
  1891.            --color-foreground: 255, 255, 255;
  1892.            --color-background-contrast: 27, 57, 136;
  1893.            --color-shadow: 14, 27, 77;
  1894.            --color-button: 255, 255, 255;
  1895.            --color-button-text: 128, 0, 0;
  1896.            --color-secondary-button: 128, 0, 0;
  1897.            --color-secondary-button-text: 255, 255, 255;
  1898.            --color-link: 255, 255, 255;
  1899.            --color-badge-foreground: 255, 255, 255;
  1900.            --color-badge-background: 130, 0, 0;
  1901.            --color-badge-border: 255, 255, 255;
  1902.            --payment-terms-background-color: rgb(0, 18, 65)
  1903.        }
  1904.  
  1905.        .color-accent-2 {
  1906.            --color-background: 227, 36, 2;
  1907.            --gradient-background: #E32402;
  1908.            --color-foreground: 255, 255, 255;
  1909.            --color-background-contrast: 101, 16, 1;
  1910.            --color-shadow: 14, 27, 77;
  1911.            --color-button: 255, 255, 255;
  1912.            --color-button-text: 227, 36, 2;
  1913.            --color-secondary-button: 227, 36, 2;
  1914.            --color-secondary-button-text: 255, 255, 255;
  1915.            --color-link: 255, 255, 255;
  1916.            --color-badge-foreground: 255, 255, 255;
  1917.            --color-badge-background: 227, 36, 2;
  1918.            --color-badge-border: 255, 255, 255;
  1919.            --payment-terms-background-color: rgb(227 36 2)
  1920.        }
  1921.  
  1922.        .color-accent-1,
  1923.        .color-accent-2,
  1924.        .color-background-1,
  1925.        .color-background-2,
  1926.        .color-inverse,
  1927.        body {
  1928.            color: rgba(var(--color-foreground), .75);
  1929.            background-color: rgb(var(--color-background))
  1930.        }
  1931.  
  1932.        :root {
  1933.            --font-body-family: Questrial, sans-serif;
  1934.            --font-body-style: normal;
  1935.            --font-body-weight: 400;
  1936.            --font-body-weight-bold: 700;
  1937.            --font-heading-family: Archivo, serif;
  1938.            --font-heading-style: normal;
  1939.            --font-heading-weight: 700;
  1940.            --font-body-scale: 1.05;
  1941.            --font-heading-scale: 1.0476190476190477;
  1942.            --media-padding: px;
  1943.            --media-border-opacity: 0.1;
  1944.            --media-border-width: 0px;
  1945.            --media-radius: 20px;
  1946.            --media-shadow-opacity: 0.0;
  1947.            --media-shadow-horizontal-offset: 0px;
  1948.            --media-shadow-vertical-offset: 4px;
  1949.            --media-shadow-blur-radius: 5px;
  1950.            --media-shadow-visible: 0;
  1951.            --page-width: 120rem;
  1952.            --page-width-margin: 0rem;
  1953.            --product-card-image-padding: 1.6rem;
  1954.            --product-card-corner-radius: 1.8rem;
  1955.            --product-card-text-alignment: left;
  1956.            --product-card-border-width: 0.1rem;
  1957.            --product-card-border-opacity: 1.0;
  1958.            --product-card-shadow-opacity: 0.0;
  1959.            --product-card-shadow-visible: 0;
  1960.            --product-card-shadow-horizontal-offset: 0.0rem;
  1961.            --product-card-shadow-vertical-offset: 0.4rem;
  1962.            --product-card-shadow-blur-radius: 0.5rem;
  1963.            --collection-card-image-padding: 1.6rem;
  1964.            --collection-card-corner-radius: 1.8rem;
  1965.            --collection-card-text-alignment: left;
  1966.            --collection-card-border-width: 0.1rem;
  1967.            --collection-card-border-opacity: 1.0;
  1968.            --collection-card-shadow-opacity: 0.0;
  1969.            --collection-card-shadow-visible: 0;
  1970.            --collection-card-shadow-horizontal-offset: 0.0rem;
  1971.            --collection-card-shadow-vertical-offset: 0.4rem;
  1972.            --collection-card-shadow-blur-radius: 0.5rem;
  1973.            --blog-card-image-padding: 1.6rem;
  1974.            --blog-card-corner-radius: 1.8rem;
  1975.            --blog-card-text-alignment: left;
  1976.            --blog-card-border-width: 0.1rem;
  1977.            --blog-card-border-opacity: 1.0;
  1978.            --blog-card-shadow-opacity: 0.0;
  1979.            --blog-card-shadow-visible: 0;
  1980.            --blog-card-shadow-horizontal-offset: 0.0rem;
  1981.            --blog-card-shadow-vertical-offset: 0.4rem;
  1982.            --blog-card-shadow-blur-radius: 0.5rem;
  1983.            --badge-corner-radius: 0.0rem;
  1984.            --popup-border-width: 1px;
  1985.            --popup-border-opacity: 0.1;
  1986.            --popup-corner-radius: 18px;
  1987.            --popup-shadow-opacity: 0.0;
  1988.            --popup-shadow-horizontal-offset: 0px;
  1989.            --popup-shadow-vertical-offset: 4px;
  1990.            --popup-shadow-blur-radius: 5px;
  1991.            --drawer-border-width: 0px;
  1992.            --drawer-border-opacity: 0.1;
  1993.            --drawer-shadow-opacity: 0.0;
  1994.            --drawer-shadow-horizontal-offset: 0px;
  1995.            --drawer-shadow-vertical-offset: 4px;
  1996.            --drawer-shadow-blur-radius: 5px;
  1997.            --spacing-sections-desktop: 0px;
  1998.            --spacing-sections-mobile: 0px;
  1999.            --grid-desktop-vertical-spacing: 28px;
  2000.            --grid-desktop-horizontal-spacing: 28px;
  2001.            --grid-mobile-vertical-spacing: 14px;
  2002.            --grid-mobile-horizontal-spacing: 14px;
  2003.            --text-boxes-border-opacity: 0.1;
  2004.            --text-boxes-border-width: 0px;
  2005.            --text-boxes-radius: 20px;
  2006.            --text-boxes-shadow-opacity: 0.0;
  2007.            --text-boxes-shadow-visible: 0;
  2008.            --text-boxes-shadow-horizontal-offset: 0px;
  2009.            --text-boxes-shadow-vertical-offset: 4px;
  2010.            --text-boxes-shadow-blur-radius: 5px;
  2011.            --buttons-radius: 40px;
  2012.            --buttons-radius-outset: 41px;
  2013.            --buttons-border-width: 1px;
  2014.            --buttons-border-opacity: 1.0;
  2015.            --buttons-shadow-opacity: 0.0;
  2016.            --buttons-shadow-visible: 0;
  2017.            --buttons-shadow-horizontal-offset: 0px;
  2018.            --buttons-shadow-vertical-offset: 4px;
  2019.            --buttons-shadow-blur-radius: 5px;
  2020.            --buttons-border-offset: 0.3px;
  2021.            --inputs-radius: 26px;
  2022.            --inputs-border-width: 1px;
  2023.            --inputs-border-opacity: 0.55;
  2024.            --inputs-shadow-opacity: 0.0;
  2025.            --inputs-shadow-horizontal-offset: 0px;
  2026.            --inputs-margin-offset: 0px;
  2027.            --inputs-shadow-vertical-offset: 4px;
  2028.            --inputs-shadow-blur-radius: 5px;
  2029.            --inputs-radius-outset: 27px;
  2030.            --variant-pills-radius: 40px;
  2031.            --variant-pills-border-width: 1px;
  2032.            --variant-pills-border-opacity: 0.55;
  2033.            --variant-pills-shadow-opacity: 0.0;
  2034.            --variant-pills-shadow-horizontal-offset: 0px;
  2035.            --variant-pills-shadow-vertical-offset: 4px;
  2036.            --variant-pills-shadow-blur-radius: 5px
  2037.        }
  2038.  
  2039.        *,
  2040.        ::after,
  2041.        ::before {
  2042.            box-sizing: inherit
  2043.        }
  2044.  
  2045.        html {
  2046.            box-sizing: border-box;
  2047.            font-size: calc(var(--font-body-scale) * 62.5%);
  2048.            height: 100%
  2049.        }
  2050.  
  2051.        body {
  2052.            display: grid;
  2053.            grid-template-rows: auto auto 1fr auto;
  2054.            grid-template-columns: 100%;
  2055.            min-height: 100%;
  2056.            margin: 0;
  2057.            font-size: 1.5rem;
  2058.            letter-spacing: .06rem;
  2059.            line-height: calc(1 + .8 / var(--font-body-scale));
  2060.            font-family: var(--font-body-family);
  2061.            font-style: var(--font-body-style);
  2062.            font-weight: var(--font-body-weight)
  2063.        }
  2064.  
  2065.        @media screen and (min-width:750px) {
  2066.            body {
  2067.                font-size: 1.6rem
  2068.            }
  2069.        }
  2070.    </style>
  2071.    <style>
  2072.        :root {
  2073.            --alpha-button-background: 1;
  2074.            --alpha-button-border: 1;
  2075.            --alpha-link: .85;
  2076.            --alpha-badge-border: .1
  2077.        }
  2078.  
  2079.        .product-card-wrapper .card,
  2080.        .contains-card--product {
  2081.            --border-radius: var(--product-card-corner-radius);
  2082.            --border-width: var(--product-card-border-width);
  2083.            --border-opacity: var(--product-card-border-opacity);
  2084.            --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  2085.            --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  2086.            --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  2087.            --shadow-opacity: var(--product-card-shadow-opacity);
  2088.            --shadow-visible: var(--product-card-shadow-visible);
  2089.            --image-padding: var(--product-card-image-padding);
  2090.            --text-alignment: var(--product-card-text-alignment)
  2091.        }
  2092.  
  2093.        .collection-card-wrapper .card,
  2094.        .contains-card--collection {
  2095.            --border-radius: var(--collection-card-corner-radius);
  2096.            --border-width: var(--collection-card-border-width);
  2097.            --border-opacity: var(--collection-card-border-opacity);
  2098.            --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  2099.            --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  2100.            --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  2101.            --shadow-opacity: var(--collection-card-shadow-opacity);
  2102.            --shadow-visible: var(--collection-card-shadow-visible);
  2103.            --image-padding: var(--collection-card-image-padding);
  2104.            --text-alignment: var(--collection-card-text-alignment)
  2105.        }
  2106.  
  2107.        .article-card-wrapper .card,
  2108.        .contains-card--article {
  2109.            --border-radius: var(--blog-card-corner-radius);
  2110.            --border-width: var(--blog-card-border-width);
  2111.            --border-opacity: var(--blog-card-border-opacity);
  2112.            --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  2113.            --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  2114.            --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  2115.            --shadow-opacity: var(--blog-card-shadow-opacity);
  2116.            --shadow-visible: var(--blog-card-shadow-visible);
  2117.            --image-padding: var(--blog-card-image-padding);
  2118.            --text-alignment: var(--blog-card-text-alignment)
  2119.        }
  2120.  
  2121.        .contains-content-container,
  2122.        .content-container {
  2123.            --border-radius: var(--text-boxes-radius);
  2124.            --border-width: var(--text-boxes-border-width);
  2125.            --border-opacity: var(--text-boxes-border-opacity);
  2126.            --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  2127.            --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  2128.            --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  2129.            --shadow-opacity: var(--text-boxes-shadow-opacity);
  2130.            --shadow-visible: var(--text-boxes-shadow-visible)
  2131.        }
  2132.  
  2133.        .contains-media,
  2134.        .global-media-settings {
  2135.            --border-radius: var(--media-radius);
  2136.            --border-width: var(--media-border-width);
  2137.            --border-opacity: var(--media-border-opacity);
  2138.            --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  2139.            --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  2140.            --shadow-blur-radius: var(--media-shadow-blur-radius);
  2141.            --shadow-opacity: var(--media-shadow-opacity);
  2142.            --shadow-visible: var(--media-shadow-visible)
  2143.        }
  2144.  
  2145.        .no-js:not(html) {
  2146.            display: none !important
  2147.        }
  2148.  
  2149.        html.no-js .no-js:not(html) {
  2150.            display: block !important
  2151.        }
  2152.  
  2153.        .no-js-inline {
  2154.            display: none !important
  2155.        }
  2156.  
  2157.        html.no-js .no-js-inline {
  2158.            display: inline-block !important
  2159.        }
  2160.  
  2161.        html.no-js .no-js-hidden {
  2162.            display: none !important
  2163.        }
  2164.  
  2165.        .page-width {
  2166.            max-width: var(--page-width);
  2167.            margin: 0 auto;
  2168.            padding: 0 1.5rem
  2169.        }
  2170.  
  2171.        body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  2172.            max-width: 100%
  2173.        }
  2174.  
  2175.        .page-width.drawer-menu {
  2176.            max-width: 100%
  2177.        }
  2178.  
  2179.        .page-width-desktop {
  2180.            padding: 0;
  2181.            margin: 0 auto
  2182.        }
  2183.  
  2184.        .utility-bar__grid.page-width {
  2185.            padding-left: 3rem;
  2186.            padding-right: 3rem
  2187.        }
  2188.  
  2189.        @media screen and (min-width: 750px) {
  2190.            .page-width {
  2191.                padding: 0 5rem
  2192.            }
  2193.  
  2194.            .header.page-width,
  2195.            .utility-bar__grid.page-width {
  2196.                padding-left: 3.2rem;
  2197.                padding-right: 3.2rem
  2198.            }
  2199.  
  2200.            .page-width--narrow {
  2201.                padding: 0 9rem
  2202.            }
  2203.  
  2204.            .page-width-desktop {
  2205.                padding: 0
  2206.            }
  2207.  
  2208.            .page-width-tablet {
  2209.                padding: 0 5rem
  2210.            }
  2211.        }
  2212.  
  2213.        @media screen and (min-width: 990px) {
  2214.            .header:not(.drawer-menu).page-width {
  2215.                padding-left: 5rem;
  2216.                padding-right: 5rem
  2217.            }
  2218.  
  2219.            .page-width--narrow {
  2220.                max-width: 72.6rem;
  2221.                padding: 0
  2222.            }
  2223.  
  2224.            .page-width-desktop {
  2225.                max-width: var(--page-width);
  2226.                padding: 0 5rem
  2227.            }
  2228.        }
  2229.  
  2230.        .isolate {
  2231.            position: relative;
  2232.            z-index: 0
  2233.        }
  2234.  
  2235.        .section+.section {
  2236.            margin-top: var(--spacing-sections-mobile)
  2237.        }
  2238.  
  2239.        @media screen and (min-width: 750px) {
  2240.            .section+.section {
  2241.                margin-top: var(--spacing-sections-desktop)
  2242.            }
  2243.        }
  2244.  
  2245.        .element-margin-top {
  2246.            margin-top: 5rem
  2247.        }
  2248.  
  2249.        @media screen and (min-width: 750px) {
  2250.            .element-margin {
  2251.                margin-top: calc(5rem + var(--page-width-margin))
  2252.            }
  2253.        }
  2254.  
  2255.        .background-secondary {
  2256.            background-color: rgba(var(--color-foreground), .04)
  2257.        }
  2258.  
  2259.        .grid-auto-flow {
  2260.            display: grid;
  2261.            grid-auto-flow: column
  2262.        }
  2263.  
  2264.        .page-margin,
  2265.        .shopify-challenge__container {
  2266.            margin: 7rem auto
  2267.        }
  2268.  
  2269.        .rte-width {
  2270.            max-width: 82rem;
  2271.            margin: 0 auto 2rem
  2272.        }
  2273.  
  2274.        .list-unstyled {
  2275.            margin: 0;
  2276.            padding: 0;
  2277.            list-style: none
  2278.        }
  2279.  
  2280.        .hidden {
  2281.            display: none !important
  2282.        }
  2283.  
  2284.        .visually-hidden {
  2285.            position: absolute !important;
  2286.            overflow: hidden;
  2287.            width: 1px;
  2288.            height: 1px;
  2289.            margin: -1px;
  2290.            padding: 0;
  2291.            border: 0;
  2292.            clip: rect(0 0 0 0);
  2293.            word-wrap: normal !important
  2294.        }
  2295.  
  2296.        .visually-hidden--inline {
  2297.            margin: 0;
  2298.            height: 1em
  2299.        }
  2300.  
  2301.        .overflow-hidden {
  2302.            overflow: hidden
  2303.        }
  2304.  
  2305.        .skip-to-content-link:focus {
  2306.            z-index: 9999;
  2307.            position: inherit;
  2308.            overflow: auto;
  2309.            width: auto;
  2310.            height: auto;
  2311.            clip: auto
  2312.        }
  2313.  
  2314.        .full-width-link {
  2315.            position: absolute;
  2316.            top: 0;
  2317.            right: 0;
  2318.            bottom: 0;
  2319.            left: 0;
  2320.            z-index: 2
  2321.        }
  2322.  
  2323.        ::selection {
  2324.            background-color: rgba(var(--color-foreground), .2)
  2325.        }
  2326.  
  2327.        .text-body {
  2328.            font-size: 1.5rem;
  2329.            letter-spacing: .06rem;
  2330.            line-height: calc(1 + .8 / var(--font-body-scale));
  2331.            font-family: var(--font-body-family);
  2332.            font-style: var(--font-body-style);
  2333.            font-weight: var(--font-body-weight)
  2334.        }
  2335.  
  2336.        h1,
  2337.        h2,
  2338.        h3,
  2339.        h4,
  2340.        h5,
  2341.        .h0,
  2342.        .h1,
  2343.        .h2,
  2344.        .h3,
  2345.        .h4,
  2346.        .h5 {
  2347.            font-family: var(--font-heading-family);
  2348.            font-style: var(--font-heading-style);
  2349.            font-weight: var(--font-heading-weight);
  2350.            letter-spacing: calc(var(--font-heading-scale) * .06rem);
  2351.            color: rgb(var(--color-foreground));
  2352.            line-height: calc(1 + .3/max(1, var(--font-heading-scale)));
  2353.            word-break: break-word
  2354.        }
  2355.  
  2356.        .hxl {
  2357.            font-size: calc(var(--font-heading-scale) * 5rem)
  2358.        }
  2359.  
  2360.        @media only screen and (min-width: 750px) {
  2361.            .hxl {
  2362.                font-size: calc(var(--font-heading-scale) * 6.2rem)
  2363.            }
  2364.        }
  2365.  
  2366.        .h0 {
  2367.            font-size: calc(var(--font-heading-scale) * 4rem)
  2368.        }
  2369.  
  2370.        @media only screen and (min-width: 750px) {
  2371.            .h0 {
  2372.                font-size: calc(var(--font-heading-scale) * 5.2rem)
  2373.            }
  2374.        }
  2375.  
  2376.        h1,
  2377.        .h1 {
  2378.            font-size: calc(var(--font-heading-scale) * 3rem)
  2379.        }
  2380.  
  2381.        @media only screen and (min-width: 750px) {
  2382.  
  2383.            h1,
  2384.            .h1 {
  2385.                font-size: calc(var(--font-heading-scale) * 4rem)
  2386.            }
  2387.        }
  2388.  
  2389.        h2,
  2390.        .h2 {
  2391.            font-size: calc(var(--font-heading-scale) * 2rem)
  2392.        }
  2393.  
  2394.        @media only screen and (min-width: 750px) {
  2395.  
  2396.            h2,
  2397.            .h2 {
  2398.                font-size: calc(var(--font-heading-scale) * 2.4rem)
  2399.            }
  2400.        }
  2401.  
  2402.        h3,
  2403.        .h3 {
  2404.            font-size: calc(var(--font-heading-scale) * 1.7rem)
  2405.        }
  2406.  
  2407.        @media only screen and (min-width: 750px) {
  2408.  
  2409.            h3,
  2410.            .h3 {
  2411.                font-size: calc(var(--font-heading-scale) * 1.8rem)
  2412.            }
  2413.        }
  2414.  
  2415.        h4,
  2416.        .h4 {
  2417.            font-family: var(--font-heading-family);
  2418.            font-style: var(--font-heading-style);
  2419.            font-size: calc(var(--font-heading-scale) * 1.5rem)
  2420.        }
  2421.  
  2422.        h5,
  2423.        .h5 {
  2424.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  2425.        }
  2426.  
  2427.        @media only screen and (min-width: 750px) {
  2428.  
  2429.            h5,
  2430.            .h5 {
  2431.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  2432.            }
  2433.        }
  2434.  
  2435.        h6,
  2436.        .h6 {
  2437.            color: rgba(var(--color-foreground), .75);
  2438.            margin-block-start: 1.67em;
  2439.            margin-block-end: 1.67em
  2440.        }
  2441.  
  2442.        blockquote {
  2443.            font-style: italic;
  2444.            color: rgba(var(--color-foreground), .75);
  2445.            border-left: .2rem solid rgba(var(--color-foreground), .2);
  2446.            padding-left: 1rem
  2447.        }
  2448.  
  2449.        @media screen and (min-width: 750px) {
  2450.            blockquote {
  2451.                padding-left: 1.5rem
  2452.            }
  2453.        }
  2454.  
  2455.        .caption {
  2456.            font-size: 1rem;
  2457.            letter-spacing: .07rem;
  2458.            line-height: calc(1 + .7 / var(--font-body-scale))
  2459.        }
  2460.  
  2461.        @media screen and (min-width: 750px) {
  2462.            .caption {
  2463.                font-size: 1.2rem
  2464.            }
  2465.        }
  2466.  
  2467.        .caption-with-letter-spacing {
  2468.            font-size: 1rem;
  2469.            letter-spacing: .13rem;
  2470.            line-height: calc(1 + .2 / var(--font-body-scale));
  2471.            text-transform: uppercase
  2472.        }
  2473.  
  2474.        .caption-with-letter-spacing--medium {
  2475.            font-size: 1.2rem;
  2476.            letter-spacing: .16rem
  2477.        }
  2478.  
  2479.        .caption-with-letter-spacing--large {
  2480.            font-size: 1.4rem;
  2481.            letter-spacing: .18rem
  2482.        }
  2483.  
  2484.        .caption-large,
  2485.        .customer .field input,
  2486.        .customer select,
  2487.        .field__input,
  2488.        .form__label,
  2489.        .select__select {
  2490.            font-size: 1.3rem;
  2491.            line-height: calc(1 + .5 / var(--font-body-scale));
  2492.            letter-spacing: .04rem
  2493.        }
  2494.  
  2495.        .color-foreground {
  2496.            color: rgb(var(--color-foreground))
  2497.        }
  2498.  
  2499.        table:not([class]) {
  2500.            table-layout: fixed;
  2501.            border-collapse: collapse;
  2502.            font-size: 1.4rem;
  2503.            border-style: hidden;
  2504.            box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .2)
  2505.        }
  2506.  
  2507.        table:not([class]) td,
  2508.        table:not([class]) th {
  2509.            padding: 1em;
  2510.            border: .1rem solid rgba(var(--color-foreground), .2)
  2511.        }
  2512.  
  2513.        @media screen and (max-width: 749px) {
  2514.            .small-hide {
  2515.                display: none !important
  2516.            }
  2517.        }
  2518.  
  2519.        @media screen and (min-width: 750px) and (max-width: 989px) {
  2520.            .medium-hide {
  2521.                display: none !important
  2522.            }
  2523.        }
  2524.  
  2525.        @media screen and (min-width: 990px) {
  2526.            .large-up-hide {
  2527.                display: none !important
  2528.            }
  2529.        }
  2530.  
  2531.        .left {
  2532.            text-align: left
  2533.        }
  2534.  
  2535.        .center {
  2536.            text-align: center
  2537.        }
  2538.  
  2539.        .right {
  2540.            text-align: right
  2541.        }
  2542.  
  2543.        .uppercase {
  2544.            text-transform: uppercase
  2545.        }
  2546.  
  2547.        .light {
  2548.            opacity: .7
  2549.        }
  2550.  
  2551.        a:empty,
  2552.        ul:empty,
  2553.        dl:empty,
  2554.        div:empty,
  2555.        section:empty,
  2556.        article:empty,
  2557.        p:empty,
  2558.        h1:empty,
  2559.        h2:empty,
  2560.        h3:empty,
  2561.        h4:empty,
  2562.        h5:empty,
  2563.        h6:empty {
  2564.            display: none
  2565.        }
  2566.  
  2567.        .link,
  2568.        .customer a {
  2569.            cursor: pointer;
  2570.            display: inline-block;
  2571.            border: none;
  2572.            box-shadow: none;
  2573.            text-decoration: underline;
  2574.            text-underline-offset: .3rem;
  2575.            color: rgb(var(--color-link));
  2576.            background-color: transparent;
  2577.            font-size: 1.4rem;
  2578.            font-family: inherit
  2579.        }
  2580.  
  2581.        .link--text {
  2582.            color: rgb(var(--color-foreground))
  2583.        }
  2584.  
  2585.        .link--text:hover {
  2586.            color: rgba(var(--color-foreground), .75)
  2587.        }
  2588.  
  2589.        .link-with-icon {
  2590.            display: inline-flex;
  2591.            font-size: 1.4rem;
  2592.            font-weight: 600;
  2593.            letter-spacing: .1rem;
  2594.            text-decoration: none;
  2595.            margin-bottom: 4.5rem;
  2596.            white-space: nowrap
  2597.        }
  2598.  
  2599.        .link-with-icon .icon {
  2600.            width: 1.5rem;
  2601.            margin-left: 1rem
  2602.        }
  2603.  
  2604.        a:not([href]) {
  2605.            cursor: not-allowed
  2606.        }
  2607.  
  2608.        .circle-divider:after {
  2609.            content: "\2022";
  2610.            margin: 0 1.3rem 0 1.5rem
  2611.        }
  2612.  
  2613.        .circle-divider:last-of-type:after {
  2614.            display: none
  2615.        }
  2616.  
  2617.        hr {
  2618.            border: none;
  2619.            height: .1rem;
  2620.            background-color: rgba(var(--color-foreground), .2);
  2621.            display: block;
  2622.            margin: 5rem 0
  2623.        }
  2624.  
  2625.        @media screen and (min-width: 750px) {
  2626.            hr {
  2627.                margin: 7rem 0
  2628.            }
  2629.        }
  2630.  
  2631.        .full-unstyled-link {
  2632.            text-decoration: none;
  2633.            color: currentColor;
  2634.            display: block
  2635.        }
  2636.  
  2637.        .placeholder {
  2638.            background-color: rgba(var(--color-foreground), .04);
  2639.            color: rgba(var(--color-foreground), .55);
  2640.            fill: rgba(var(--color-foreground), .55)
  2641.        }
  2642.  
  2643.        details>* {
  2644.            box-sizing: border-box
  2645.        }
  2646.  
  2647.        .break {
  2648.            word-break: break-word
  2649.        }
  2650.  
  2651.        .visibility-hidden {
  2652.            visibility: hidden
  2653.        }
  2654.  
  2655.        @media (prefers-reduced-motion) {
  2656.            .motion-reduce {
  2657.                transition: none !important;
  2658.                animation: none !important
  2659.            }
  2660.        }
  2661.  
  2662.        :root {
  2663.            --duration-short: .1s;
  2664.            --duration-default: .2s;
  2665.            --duration-announcement-bar: .25s;
  2666.            --duration-medium: .3s;
  2667.            --duration-long: .5s;
  2668.            --duration-extra-long: .6s;
  2669.            --duration-extended: 3s;
  2670.            --ease-out-slow: cubic-bezier(0, 0, .3, 1);
  2671.            --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  2672.            --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)
  2673.        }
  2674.  
  2675.        .underlined-link,
  2676.        .customer a,
  2677.        .inline-richtext a {
  2678.            text-underline-offset: .3rem;
  2679.            text-decoration-thickness: .1rem;
  2680.            transition: text-decoration-thickness ease .1s
  2681.        }
  2682.  
  2683.        .underlined-link,
  2684.        .customer a {
  2685.            color: rgba(var(--color-link), var(--alpha-link))
  2686.        }
  2687.  
  2688.        .inline-richtext a,
  2689.        .rte.inline-richtext a {
  2690.            color: currentColor
  2691.        }
  2692.  
  2693.        .underlined-link:hover,
  2694.        .customer a:hover,
  2695.        .inline-richtext a:hover {
  2696.            color: rgb(var(--color-link));
  2697.            text-decoration-thickness: .2rem
  2698.        }
  2699.  
  2700.        .icon-arrow {
  2701.            width: 1.5rem
  2702.        }
  2703.  
  2704.        h3 .icon-arrow,
  2705.        .h3 .icon-arrow {
  2706.            width: calc(var(--font-heading-scale) * 1.5rem)
  2707.        }
  2708.  
  2709.        .animate-arrow .icon-arrow path {
  2710.            transform: translate(-.25rem);
  2711.            transition: transform var(--duration-short) ease
  2712.        }
  2713.  
  2714.        .animate-arrow:hover .icon-arrow path {
  2715.            transform: translate(-.05rem)
  2716.        }
  2717.  
  2718.        summary {
  2719.            cursor: pointer;
  2720.            list-style: none;
  2721.            position: relative
  2722.        }
  2723.  
  2724.        summary .icon-caret {
  2725.            position: absolute;
  2726.            height: .6rem;
  2727.            right: 1.5rem;
  2728.            top: calc(50% - .2rem)
  2729.        }
  2730.  
  2731.        summary::-webkit-details-marker {
  2732.            display: none
  2733.        }
  2734.  
  2735.        .disclosure-has-popup {
  2736.            position: relative
  2737.        }
  2738.  
  2739.        .disclosure-has-popup[open]>summary:before {
  2740.            position: fixed;
  2741.            top: 0;
  2742.            right: 0;
  2743.            bottom: 0;
  2744.            left: 0;
  2745.            z-index: 2;
  2746.            display: block;
  2747.            cursor: default;
  2748.            content: " ";
  2749.            background: transparent
  2750.        }
  2751.  
  2752.        .disclosure-has-popup>summary:before {
  2753.            display: none
  2754.        }
  2755.  
  2756.        .disclosure-has-popup[open]>summary+* {
  2757.            z-index: 100
  2758.        }
  2759.  
  2760.        @media screen and (min-width: 750px) {
  2761.            .disclosure-has-popup[open]>summary+* {
  2762.                z-index: 4
  2763.            }
  2764.  
  2765.            .facets .disclosure-has-popup[open]>summary+* {
  2766.                z-index: 2
  2767.            }
  2768.        }
  2769.  
  2770.        *:focus {
  2771.            outline: 0;
  2772.            box-shadow: none
  2773.        }
  2774.  
  2775.        *:focus-visible {
  2776.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2777.            outline-offset: .3rem;
  2778.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2779.        }
  2780.  
  2781.        .focused,
  2782.        .no-js *:focus {
  2783.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2784.            outline-offset: .3rem;
  2785.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2786.        }
  2787.  
  2788.        .no-js *:focus:not(:focus-visible) {
  2789.            outline: 0;
  2790.            box-shadow: none
  2791.        }
  2792.  
  2793.        .focus-inset:focus-visible {
  2794.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2795.            outline-offset: -.2rem;
  2796.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2797.        }
  2798.  
  2799.        .focused.focus-inset,
  2800.        .no-js .focus-inset:focus {
  2801.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2802.            outline-offset: -.2rem;
  2803.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2804.        }
  2805.  
  2806.        .no-js .focus-inset:focus:not(:focus-visible) {
  2807.            outline: 0;
  2808.            box-shadow: none
  2809.        }
  2810.  
  2811.        .focus-none {
  2812.            box-shadow: none !important;
  2813.            outline: 0 !important
  2814.        }
  2815.  
  2816.        .focus-offset:focus-visible {
  2817.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2818.            outline-offset: 1rem;
  2819.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2820.        }
  2821.  
  2822.        .focus-offset.focused,
  2823.        .no-js .focus-offset:focus {
  2824.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2825.            outline-offset: 1rem;
  2826.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2827.        }
  2828.  
  2829.        .no-js .focus-offset:focus:not(:focus-visible) {
  2830.            outline: 0;
  2831.            box-shadow: none
  2832.        }
  2833.  
  2834.        .title,
  2835.        .title-wrapper-with-link {
  2836.            margin: 3rem 0 2rem
  2837.        }
  2838.  
  2839.        .title-wrapper-with-link .title {
  2840.            margin: 0
  2841.        }
  2842.  
  2843.        .title .link {
  2844.            font-size: inherit
  2845.        }
  2846.  
  2847.        .title-wrapper {
  2848.            margin-bottom: 3rem
  2849.        }
  2850.  
  2851.        .title-wrapper-with-link {
  2852.            display: flex;
  2853.            justify-content: space-between;
  2854.            align-items: flex-end;
  2855.            gap: 1rem;
  2856.            margin-bottom: 3rem;
  2857.            flex-wrap: wrap
  2858.        }
  2859.  
  2860.        .title--primary {
  2861.            margin: 4rem 0
  2862.        }
  2863.  
  2864.        .title-wrapper--self-padded-tablet-down,
  2865.        .title-wrapper--self-padded-mobile {
  2866.            padding-left: 1.5rem;
  2867.            padding-right: 1.5rem
  2868.        }
  2869.  
  2870.        @media screen and (min-width: 750px) {
  2871.            .title-wrapper--self-padded-mobile {
  2872.                padding-left: 0;
  2873.                padding-right: 0
  2874.            }
  2875.        }
  2876.  
  2877.        @media screen and (min-width: 990px) {
  2878.  
  2879.            .title,
  2880.            .title-wrapper-with-link {
  2881.                margin: 5rem 0 3rem
  2882.            }
  2883.  
  2884.            .title--primary {
  2885.                margin: 2rem 0
  2886.            }
  2887.  
  2888.            .title-wrapper-with-link {
  2889.                align-items: center
  2890.            }
  2891.  
  2892.            .title-wrapper-with-link .title {
  2893.                margin-bottom: 0
  2894.            }
  2895.  
  2896.            .title-wrapper--self-padded-tablet-down {
  2897.                padding-left: 0;
  2898.                padding-right: 0
  2899.            }
  2900.        }
  2901.  
  2902.        .title-wrapper-with-link .link-with-icon {
  2903.            margin: 0;
  2904.            flex-shrink: 0;
  2905.            display: flex;
  2906.            align-items: center
  2907.        }
  2908.  
  2909.        .title-wrapper-with-link .link-with-icon svg {
  2910.            width: 1.5rem
  2911.        }
  2912.  
  2913.        .title-wrapper-with-link a {
  2914.            margin-top: 0;
  2915.            flex-shrink: 0
  2916.        }
  2917.  
  2918.        .title-wrapper--no-top-margin {
  2919.            margin-top: 0
  2920.        }
  2921.  
  2922.        .title-wrapper--no-top-margin>.title {
  2923.            margin-top: 0
  2924.        }
  2925.  
  2926.        .subtitle {
  2927.            font-size: 1.8rem;
  2928.            line-height: calc(1 + .8 / var(--font-body-scale));
  2929.            letter-spacing: .06rem;
  2930.            color: rgba(var(--color-foreground), .7)
  2931.        }
  2932.  
  2933.        .subtitle--small {
  2934.            font-size: 1.4rem;
  2935.            letter-spacing: .1rem
  2936.        }
  2937.  
  2938.        .subtitle--medium {
  2939.            font-size: 1.6rem;
  2940.            letter-spacing: .08rem
  2941.        }
  2942.  
  2943.        .grid {
  2944.            display: flex;
  2945.            flex-wrap: wrap;
  2946.            margin-bottom: 2rem;
  2947.            padding: 0;
  2948.            list-style: none;
  2949.            column-gap: var(--grid-mobile-horizontal-spacing);
  2950.            row-gap: var(--grid-mobile-vertical-spacing)
  2951.        }
  2952.  
  2953.        @media screen and (min-width: 750px) {
  2954.            .grid {
  2955.                column-gap: var(--grid-desktop-horizontal-spacing);
  2956.                row-gap: var(--grid-desktop-vertical-spacing)
  2957.            }
  2958.        }
  2959.  
  2960.        .grid:last-child {
  2961.            margin-bottom: 0
  2962.        }
  2963.  
  2964.        .grid__item {
  2965.            width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  2966.            max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  2967.            flex-grow: 1;
  2968.            flex-shrink: 0
  2969.        }
  2970.  
  2971.        @media screen and (min-width: 750px) {
  2972.            .grid__item {
  2973.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  2974.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  2975.            }
  2976.        }
  2977.  
  2978.        .grid--gapless.grid {
  2979.            column-gap: 0;
  2980.            row-gap: 0
  2981.        }
  2982.  
  2983.        @media screen and (max-width: 749px) {
  2984.            .grid__item.slider__slide--full-width {
  2985.                width: 100%;
  2986.                max-width: none
  2987.            }
  2988.        }
  2989.  
  2990.        .grid--1-col .grid__item {
  2991.            max-width: 100%;
  2992.            width: 100%
  2993.        }
  2994.  
  2995.        .grid--3-col .grid__item {
  2996.            width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
  2997.        }
  2998.  
  2999.        @media screen and (min-width: 750px) {
  3000.            .grid--3-col .grid__item {
  3001.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3002.            }
  3003.        }
  3004.  
  3005.        .grid--2-col .grid__item {
  3006.            width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3007.        }
  3008.  
  3009.        @media screen and (min-width: 750px) {
  3010.            .grid--2-col .grid__item {
  3011.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3012.            }
  3013.  
  3014.            .grid--4-col-tablet .grid__item {
  3015.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3016.            }
  3017.  
  3018.            .grid--3-col-tablet .grid__item {
  3019.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3020.            }
  3021.  
  3022.            .grid--2-col-tablet .grid__item {
  3023.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3024.            }
  3025.        }
  3026.  
  3027.        @media screen and (max-width: 989px) {
  3028.            .grid--1-col-tablet-down .grid__item {
  3029.                width: 100%;
  3030.                max-width: 100%
  3031.            }
  3032.  
  3033.            .slider--tablet.grid--peek {
  3034.                margin: 0;
  3035.                width: 100%
  3036.            }
  3037.  
  3038.            .slider--tablet.grid--peek .grid__item {
  3039.                box-sizing: content-box;
  3040.                margin: 0
  3041.            }
  3042.  
  3043.            .slider.slider--tablet .scroll-trigger.animate--slide-in,
  3044.            .slider.slider--mobile .scroll-trigger.animate--slide-in {
  3045.                animation: none;
  3046.                opacity: 1;
  3047.                transform: inherit
  3048.            }
  3049.  
  3050.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
  3051.                animation: var(--animation-slide-in)
  3052.            }
  3053.        }
  3054.  
  3055.        @media screen and (min-width: 990px) {
  3056.            .grid--6-col-desktop .grid__item {
  3057.                width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  3058.                max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
  3059.            }
  3060.  
  3061.            .grid--5-col-desktop .grid__item {
  3062.                width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  3063.                max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)
  3064.            }
  3065.  
  3066.            .grid--4-col-desktop .grid__item {
  3067.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  3068.                max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3069.            }
  3070.  
  3071.            .grid--3-col-desktop .grid__item {
  3072.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  3073.                max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3074.            }
  3075.  
  3076.            .grid--2-col-desktop .grid__item {
  3077.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  3078.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3079.            }
  3080.  
  3081.            .slider.slider--desktop .scroll-trigger.animate--slide-in {
  3082.                animation: none;
  3083.                opacity: 1;
  3084.                transform: inherit
  3085.            }
  3086.  
  3087.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
  3088.                animation: var(--animation-slide-in)
  3089.            }
  3090.        }
  3091.  
  3092.        @media screen and (min-width: 990px) {
  3093.            .grid--1-col-desktop {
  3094.                flex: 0 0 100%;
  3095.                max-width: 100%
  3096.            }
  3097.  
  3098.            .grid--1-col-desktop .grid__item {
  3099.                width: 100%;
  3100.                max-width: 100%
  3101.            }
  3102.        }
  3103.  
  3104.        @media screen and (max-width: 749px) {
  3105.            .grid--peek.slider--mobile {
  3106.                margin: 0;
  3107.                width: 100%
  3108.            }
  3109.  
  3110.            .grid--peek.slider--mobile .grid__item {
  3111.                box-sizing: content-box;
  3112.                margin: 0
  3113.            }
  3114.  
  3115.            .grid--peek .grid__item {
  3116.                min-width: 35%
  3117.            }
  3118.  
  3119.            .grid--peek.slider .grid__item:first-of-type {
  3120.                margin-left: 1.5rem
  3121.            }
  3122.  
  3123.            .grid--peek.slider:after {
  3124.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  3125.            }
  3126.  
  3127.            .grid--2-col-tablet-down .grid__item {
  3128.                width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3129.            }
  3130.  
  3131.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  3132.            .grid--peek .grid__item {
  3133.                width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3134.            }
  3135.  
  3136.            .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  3137.            .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
  3138.                width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3139.            }
  3140.        }
  3141.  
  3142.        @media screen and (min-width: 750px) and (max-width: 989px) {
  3143.            .slider--tablet.grid--peek .grid__item {
  3144.                width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3145.            }
  3146.  
  3147.            .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
  3148.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3149.            }
  3150.  
  3151.            .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  3152.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
  3153.                width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3154.            }
  3155.  
  3156.            .slider--tablet.grid--peek .grid__item:first-of-type {
  3157.                margin-left: 1.5rem
  3158.            }
  3159.  
  3160.            .grid--2-col-tablet-down .grid__item {
  3161.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3162.            }
  3163.  
  3164.            .grid--1-col-tablet-down.grid--peek .grid__item {
  3165.                width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3166.            }
  3167.        }
  3168.  
  3169.        .media {
  3170.            display: block;
  3171.            background-color: rgba(var(--color-foreground), .1);
  3172.            position: relative;
  3173.            overflow: hidden
  3174.        }
  3175.  
  3176.        .media--transparent {
  3177.            background-color: transparent
  3178.        }
  3179.  
  3180.        .media>*:not(.zoom):not(.deferred-media__poster-button),
  3181.        .media model-viewer {
  3182.            display: block;
  3183.            max-width: 100%;
  3184.            position: absolute;
  3185.            top: 0;
  3186.            left: 0;
  3187.            height: 100%;
  3188.            width: 100%
  3189.        }
  3190.  
  3191.        .media>img {
  3192.            object-fit: cover;
  3193.            object-position: center center;
  3194.            transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
  3195.        }
  3196.  
  3197.        .media--square {
  3198.            padding-bottom: 100%
  3199.        }
  3200.  
  3201.        .media--portrait {
  3202.            padding-bottom: 125%
  3203.        }
  3204.  
  3205.        .media--landscape {
  3206.            padding-bottom: 66.6%
  3207.        }
  3208.  
  3209.        .media--cropped {
  3210.            padding-bottom: 56%
  3211.        }
  3212.  
  3213.        .media--16-9 {
  3214.            padding-bottom: 56.25%
  3215.        }
  3216.  
  3217.        .media--circle {
  3218.            padding-bottom: 100%;
  3219.            border-radius: 50%
  3220.        }
  3221.  
  3222.        .media.media--hover-effect>img+img {
  3223.            opacity: 0
  3224.        }
  3225.  
  3226.        @media screen and (min-width: 990px) {
  3227.            .media--cropped {
  3228.                padding-bottom: 63%
  3229.            }
  3230.        }
  3231.  
  3232.        deferred-media {
  3233.            display: block
  3234.        }
  3235.  
  3236.        .button--secondary,
  3237.        .button--tertiary {
  3238.            --color-button: var(--color-secondary-button);
  3239.            --color-button-text: var(--color-secondary-button-text)
  3240.        }
  3241.  
  3242.        .button--tertiary {
  3243.            --alpha-button-background: 0;
  3244.            --alpha-button-border: .2
  3245.        }
  3246.  
  3247.        .button,
  3248.        .shopify-challenge__button,
  3249.        .customer button,
  3250.        button.shopify-payment-button__button--unbranded,
  3251.        .shopify-payment-button [role=button],
  3252.        .cart__dynamic-checkout-buttons [role=button],
  3253.        .cart__dynamic-checkout-buttons iframe {
  3254.            --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  3255.            --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  3256.            --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  3257.            --shadow-opacity: var(--buttons-shadow-opacity);
  3258.            --shadow-visible: var(--buttons-shadow-visible);
  3259.            --border-offset: var(--buttons-border-offset);
  3260.            --border-opacity: calc(1 - var(--buttons-border-opacity));
  3261.            border-radius: var(--buttons-radius-outset);
  3262.            position: relative
  3263.        }
  3264.  
  3265.        .button,
  3266.        .shopify-challenge__button,
  3267.        .customer button,
  3268.        button.shopify-payment-button__button--unbranded {
  3269.            min-width: calc(12rem + var(--buttons-border-width) * 2);
  3270.            min-height: calc(4.5rem + var(--buttons-border-width) * 2)
  3271.        }
  3272.  
  3273.        .shopify-payment-button__button--branded {
  3274.            z-index: auto
  3275.        }
  3276.  
  3277.        .cart__dynamic-checkout-buttons iframe {
  3278.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3279.        }
  3280.  
  3281.        .button,
  3282.        .shopify-challenge__button,
  3283.        .customer button {
  3284.            display: inline-flex;
  3285.            justify-content: center;
  3286.            align-items: center;
  3287.            border: 0;
  3288.            padding: 0 3rem;
  3289.            cursor: pointer;
  3290.            font: inherit;
  3291.            font-size: 1.5rem;
  3292.            text-decoration: none;
  3293.            color: rgb(var(--color-button-text));
  3294.            transition: box-shadow var(--duration-short) ease;
  3295.            -webkit-appearance: none;
  3296.            appearance: none;
  3297.            background-color: rgba(var(--color-button), var(--alpha-button-background))
  3298.        }
  3299.  
  3300.        .button:before,
  3301.        .shopify-challenge__button:before,
  3302.        .customer button:before,
  3303.        .shopify-payment-button__button--unbranded:before,
  3304.        .shopify-payment-button [role=button]:before,
  3305.        .cart__dynamic-checkout-buttons [role=button]:before {
  3306.            content: "";
  3307.            position: absolute;
  3308.            top: 0;
  3309.            right: 0;
  3310.            bottom: 0;
  3311.            left: 0;
  3312.            z-index: -1;
  3313.            border-radius: var(--buttons-radius-outset);
  3314.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3315.        }
  3316.  
  3317.        .button:after,
  3318.        .shopify-challenge__button:after,
  3319.        .customer button:after,
  3320.        .shopify-payment-button__button--unbranded:after {
  3321.            content: "";
  3322.            position: absolute;
  3323.            top: var(--buttons-border-width);
  3324.            right: var(--buttons-border-width);
  3325.            bottom: var(--buttons-border-width);
  3326.            left: var(--buttons-border-width);
  3327.            z-index: 1;
  3328.            border-radius: var(--buttons-radius);
  3329.            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  3330.            transition: box-shadow var(--duration-short) ease
  3331.        }
  3332.  
  3333.        .button:not([disabled]):hover:after,
  3334.        .shopify-challenge__button:hover:after,
  3335.        .customer button:hover:after,
  3336.        .shopify-payment-button__button--unbranded:hover:after {
  3337.            --border-offset: 1.3px;
  3338.            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background))
  3339.        }
  3340.  
  3341.        .button--secondary:after {
  3342.            --border-opacity: var(--buttons-border-opacity)
  3343.        }
  3344.  
  3345.        .button:focus-visible,
  3346.        .button:focus,
  3347.        .button.focused,
  3348.        .shopify-payment-button__button--unbranded:focus-visible,
  3349.        .shopify-payment-button [role=button]:focus-visible,
  3350.        .shopify-payment-button__button--unbranded:focus,
  3351.        .shopify-payment-button [role=button]:focus {
  3352.            outline: 0;
  3353.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  3354.        }
  3355.  
  3356.        .button:focus:not(:focus-visible):not(.focused),
  3357.        .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
  3358.        .shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused) {
  3359.            box-shadow: inherit
  3360.        }
  3361.  
  3362.        .button::selection,
  3363.        .shopify-challenge__button::selection,
  3364.        .customer button::selection {
  3365.            background-color: rgba(var(--color-button-text), .3)
  3366.        }
  3367.  
  3368.        .button,
  3369.        .button-label,
  3370.        .shopify-challenge__button,
  3371.        .customer button {
  3372.            font-size: 1.5rem;
  3373.            letter-spacing: .1rem;
  3374.            line-height: calc(1 + .2 / var(--font-body-scale))
  3375.        }
  3376.  
  3377.        .button--tertiary {
  3378.            font-size: 1.2rem;
  3379.            padding: 1rem 1.5rem;
  3380.            min-width: calc(9rem + var(--buttons-border-width) * 2);
  3381.            min-height: calc(3.5rem + var(--buttons-border-width) * 2)
  3382.        }
  3383.  
  3384.        .button--small {
  3385.            padding: 1.2rem 2.6rem
  3386.        }
  3387.  
  3388.        .button:disabled,
  3389.        .button[aria-disabled=true],
  3390.        .button.disabled,
  3391.        .customer button:disabled,
  3392.        .customer button[aria-disabled=true],
  3393.        .customer button.disabled,
  3394.        .quantity__button.disabled {
  3395.            cursor: not-allowed;
  3396.            opacity: .5
  3397.        }
  3398.  
  3399.        .button--full-width {
  3400.            display: flex;
  3401.            width: 100%
  3402.        }
  3403.  
  3404.        .button.loading {
  3405.            color: transparent;
  3406.            position: relative
  3407.        }
  3408.  
  3409.        @media screen and (forced-colors: active) {
  3410.            .button.loading {
  3411.                color: rgb(var(--color-foreground))
  3412.            }
  3413.        }
  3414.  
  3415.        .button.loading>.loading__spinner {
  3416.            top: 50%;
  3417.            left: 50%;
  3418.            transform: translate(-50%, -50%);
  3419.            position: absolute;
  3420.            height: 100%;
  3421.            display: flex;
  3422.            align-items: center
  3423.        }
  3424.  
  3425.        .button.loading>.loading__spinner .spinner {
  3426.            width: fit-content
  3427.        }
  3428.  
  3429.        .button.loading>.loading__spinner .path {
  3430.            stroke: rgb(var(--color-button-text))
  3431.        }
  3432.  
  3433.        .share-button {
  3434.            display: block;
  3435.            position: relative
  3436.        }
  3437.  
  3438.        .share-button details {
  3439.            width: fit-content
  3440.        }
  3441.  
  3442.        .share-button__button {
  3443.            font-size: 1.4rem;
  3444.            display: flex;
  3445.            align-items: center;
  3446.            color: rgb(var(--color-link));
  3447.            margin-left: 0;
  3448.            padding-left: 0;
  3449.            min-height: 4.4rem
  3450.        }
  3451.  
  3452.        details[open]>.share-button__fallback {
  3453.            animation: animateMenuOpen var(--duration-default) ease
  3454.        }
  3455.  
  3456.        .share-button__button:hover {
  3457.            text-decoration: underline;
  3458.            text-underline-offset: .3rem
  3459.        }
  3460.  
  3461.        .share-button__button,
  3462.        .share-button__fallback button {
  3463.            cursor: pointer;
  3464.            background-color: transparent;
  3465.            border: none
  3466.        }
  3467.  
  3468.        .share-button__button .icon-share {
  3469.            height: 1.2rem;
  3470.            margin-right: 1rem;
  3471.            min-width: 1.3rem
  3472.        }
  3473.  
  3474.        .share-button__fallback {
  3475.            display: flex;
  3476.            align-items: center;
  3477.            position: absolute;
  3478.            top: 3rem;
  3479.            left: .1rem;
  3480.            z-index: 3;
  3481.            width: 100%;
  3482.            min-width: max-content;
  3483.            border-radius: var(--inputs-radius);
  3484.            border: 0
  3485.        }
  3486.  
  3487.        .share-button__fallback:after {
  3488.            pointer-events: none;
  3489.            content: "";
  3490.            position: absolute;
  3491.            top: var(--inputs-border-width);
  3492.            right: var(--inputs-border-width);
  3493.            bottom: var(--inputs-border-width);
  3494.            left: var(--inputs-border-width);
  3495.            border: .1rem solid transparent;
  3496.            border-radius: var(--inputs-radius);
  3497.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3498.            transition: box-shadow var(--duration-short) ease;
  3499.            z-index: 1
  3500.        }
  3501.  
  3502.        .share-button__fallback:before {
  3503.            background: rgb(var(--color-background));
  3504.            pointer-events: none;
  3505.            content: "";
  3506.            position: absolute;
  3507.            top: 0;
  3508.            right: 0;
  3509.            bottom: 0;
  3510.            left: 0;
  3511.            border-radius: var(--inputs-radius-outset);
  3512.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3513.            z-index: -1
  3514.        }
  3515.  
  3516.        .share-button__fallback button {
  3517.            width: 4.4rem;
  3518.            height: 4.4rem;
  3519.            padding: 0;
  3520.            flex-shrink: 0;
  3521.            display: flex;
  3522.            justify-content: center;
  3523.            align-items: center;
  3524.            position: relative;
  3525.            right: var(--inputs-border-width)
  3526.        }
  3527.  
  3528.        .share-button__fallback button:hover {
  3529.            color: rgba(var(--color-foreground), .75)
  3530.        }
  3531.  
  3532.        .share-button__fallback button:hover svg {
  3533.            transform: scale(1.07)
  3534.        }
  3535.  
  3536.        .share-button__close:not(.hidden)+.share-button__copy {
  3537.            display: none
  3538.        }
  3539.  
  3540.        .share-button__close,
  3541.        .share-button__copy {
  3542.            background-color: transparent;
  3543.            color: rgb(var(--color-foreground))
  3544.        }
  3545.  
  3546.        .share-button__copy:focus-visible,
  3547.        .share-button__close:focus-visible {
  3548.            background-color: rgb(var(--color-background));
  3549.            z-index: 2
  3550.        }
  3551.  
  3552.        .share-button__copy:focus,
  3553.        .share-button__close:focus {
  3554.            background-color: rgb(var(--color-background));
  3555.            z-index: 2
  3556.        }
  3557.  
  3558.        .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),
  3559.        .field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused) {
  3560.            background-color: inherit
  3561.        }
  3562.  
  3563.        .share-button__fallback .field:after,
  3564.        .share-button__fallback .field:before {
  3565.            content: none
  3566.        }
  3567.  
  3568.        .share-button__fallback .field {
  3569.            border-radius: 0;
  3570.            min-width: auto;
  3571.            min-height: auto;
  3572.            transition: none
  3573.        }
  3574.  
  3575.        .share-button__fallback .field__input:focus,
  3576.        .share-button__fallback .field__input:-webkit-autofill {
  3577.            outline: .2rem solid rgba(var(--color-foreground), .5);
  3578.            outline-offset: .1rem;
  3579.            box-shadow: 0 0 0 .1rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  3580.        }
  3581.  
  3582.        .share-button__fallback .field__input {
  3583.            box-shadow: none;
  3584.            text-overflow: ellipsis;
  3585.            white-space: nowrap;
  3586.            overflow: hidden;
  3587.            filter: none;
  3588.            min-width: auto;
  3589.            min-height: auto
  3590.        }
  3591.  
  3592.        .share-button__fallback .field__input:hover {
  3593.            box-shadow: none
  3594.        }
  3595.  
  3596.        .share-button__fallback .icon {
  3597.            width: 1.5rem;
  3598.            height: 1.5rem
  3599.        }
  3600.  
  3601.        .share-button__message:not(:empty) {
  3602.            display: flex;
  3603.            align-items: center;
  3604.            width: 100%;
  3605.            height: 100%;
  3606.            margin-top: 0;
  3607.            padding: .8rem 0 .8rem 1.5rem;
  3608.            margin: var(--inputs-border-width)
  3609.        }
  3610.  
  3611.        .share-button__message:not(:empty):not(.hidden)~* {
  3612.            display: none
  3613.        }
  3614.  
  3615.        .field__input,
  3616.        .select__select,
  3617.        .customer .field input,
  3618.        .customer select {
  3619.            -webkit-appearance: none;
  3620.            appearance: none;
  3621.            background-color: rgb(var(--color-background));
  3622.            color: rgb(var(--color-foreground));
  3623.            font-size: 1.6rem;
  3624.            width: 100%;
  3625.            box-sizing: border-box;
  3626.            transition: box-shadow var(--duration-short) ease;
  3627.            border-radius: var(--inputs-radius);
  3628.            height: 4.5rem;
  3629.            min-height: calc(var(--inputs-border-width) * 2);
  3630.            min-width: calc(7rem + (var(--inputs-border-width) * 2));
  3631.            position: relative;
  3632.            border: 0
  3633.        }
  3634.  
  3635.        .field:before,
  3636.        .select:before,
  3637.        .customer .field:before,
  3638.        .customer select:before,
  3639.        .localization-form__select:before {
  3640.            pointer-events: none;
  3641.            content: "";
  3642.            position: absolute;
  3643.            top: 0;
  3644.            right: 0;
  3645.            bottom: 0;
  3646.            left: 0;
  3647.            border-radius: var(--inputs-radius-outset);
  3648.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3649.            z-index: -1
  3650.        }
  3651.  
  3652.        .field:after,
  3653.        .select:after,
  3654.        .customer .field:after,
  3655.        .customer select:after,
  3656.        .localization-form__select:after {
  3657.            pointer-events: none;
  3658.            content: "";
  3659.            position: absolute;
  3660.            top: var(--inputs-border-width);
  3661.            right: var(--inputs-border-width);
  3662.            bottom: var(--inputs-border-width);
  3663.            left: var(--inputs-border-width);
  3664.            border: .1rem solid transparent;
  3665.            border-radius: var(--inputs-radius);
  3666.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3667.            transition: box-shadow var(--duration-short) ease;
  3668.            z-index: 1
  3669.        }
  3670.  
  3671.        .select__select {
  3672.            font-family: var(--font-body-family);
  3673.            font-style: var(--font-body-style);
  3674.            font-weight: var(--font-body-weight);
  3675.            font-size: 1.2rem;
  3676.            color: rgba(var(--color-foreground), .75)
  3677.        }
  3678.  
  3679.        .field:hover.field:after,
  3680.        .select:hover.select:after,
  3681.        .select__select:hover.select__select:after,
  3682.        .customer .field:hover.field:after,
  3683.        .customer select:hover.select:after,
  3684.        .localization-form__select:hover.localization-form__select:after {
  3685.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3686.            outline: 0;
  3687.            border-radius: var(--inputs-radius)
  3688.        }
  3689.  
  3690.        .field__input:focus-visible,
  3691.        .select__select:focus-visible,
  3692.        .customer .field input:focus-visible,
  3693.        .customer select:focus-visible,
  3694.        .localization-form__select:focus-visible.localization-form__select:after {
  3695.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3696.            outline: 0;
  3697.            border-radius: var(--inputs-radius)
  3698.        }
  3699.  
  3700.        .field__input:focus,
  3701.        .select__select:focus,
  3702.        .customer .field input:focus,
  3703.        .customer select:focus,
  3704.        .localization-form__select:focus.localization-form__select:after {
  3705.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3706.            outline: 0;
  3707.            border-radius: var(--inputs-radius)
  3708.        }
  3709.  
  3710.        .localization-form__select:focus {
  3711.            outline: 0;
  3712.            box-shadow: none
  3713.        }
  3714.  
  3715.        .text-area,
  3716.        .select {
  3717.            display: flex;
  3718.            position: relative;
  3719.            width: 100%
  3720.        }
  3721.  
  3722.        .select .icon-caret,
  3723.        .customer select+svg {
  3724.            height: .6rem;
  3725.            pointer-events: none;
  3726.            position: absolute;
  3727.            top: calc(50% - .2rem);
  3728.            right: calc(var(--inputs-border-width) + 1.5rem)
  3729.        }
  3730.  
  3731.        .select__select,
  3732.        .customer select {
  3733.            cursor: pointer;
  3734.            line-height: calc(1 + .6 / var(--font-body-scale));
  3735.            padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  3736.            margin: var(--inputs-border-width);
  3737.            min-height: calc(var(--inputs-border-width) * 2)
  3738.        }
  3739.  
  3740.        .field {
  3741.            position: relative;
  3742.            width: 100%;
  3743.            display: flex;
  3744.            transition: box-shadow var(--duration-short) ease
  3745.        }
  3746.  
  3747.        .customer .field {
  3748.            display: flex
  3749.        }
  3750.  
  3751.        .field--with-error {
  3752.            flex-wrap: wrap
  3753.        }
  3754.  
  3755.        .field__input,
  3756.        .customer .field input {
  3757.            flex-grow: 1;
  3758.            text-align: left;
  3759.            padding: 1.5rem;
  3760.            margin: var(--inputs-border-width);
  3761.            transition: box-shadow var(--duration-short) ease
  3762.        }
  3763.  
  3764.        .field__label,
  3765.        .customer .field label {
  3766.            font-size: 1.6rem;
  3767.            left: calc(var(--inputs-border-width) + 2rem);
  3768.            top: calc(1rem + var(--inputs-border-width));
  3769.            margin-bottom: 0;
  3770.            pointer-events: none;
  3771.            position: absolute;
  3772.            transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  3773.            color: rgba(var(--color-foreground), .75);
  3774.            letter-spacing: .1rem;
  3775.            line-height: 1.5
  3776.        }
  3777.  
  3778.        .field__input:focus~.field__label,
  3779.        .field__input:not(:placeholder-shown)~.field__label,
  3780.        .field__input:-webkit-autofill~.field__label,
  3781.        .customer .field input:focus~label,
  3782.        .customer .field input:not(:placeholder-shown)~label,
  3783.        .customer .field input:-webkit-autofill~label {
  3784.            font-size: 1rem;
  3785.            top: calc(var(--inputs-border-width) + .5rem);
  3786.            left: calc(var(--inputs-border-width) + 2rem);
  3787.            letter-spacing: .04rem
  3788.        }
  3789.  
  3790.        .field__input:focus,
  3791.        .field__input:not(:placeholder-shown),
  3792.        .field__input:-webkit-autofill,
  3793.        .customer .field input:focus,
  3794.        .customer .field input:not(:placeholder-shown),
  3795.        .customer .field input:-webkit-autofill {
  3796.            padding: 2.2rem 1.5rem .8rem 2rem;
  3797.            margin: var(--inputs-border-width)
  3798.        }
  3799.  
  3800.        .field__input::-webkit-search-cancel-button,
  3801.        .customer .field input::-webkit-search-cancel-button {
  3802.            display: none
  3803.        }
  3804.  
  3805.        .field__input::placeholder,
  3806.        .customer .field input::placeholder {
  3807.            opacity: 0
  3808.        }
  3809.  
  3810.        .field__button {
  3811.            align-items: center;
  3812.            background-color: transparent;
  3813.            border: 0;
  3814.            color: currentColor;
  3815.            cursor: pointer;
  3816.            display: flex;
  3817.            height: 4.4rem;
  3818.            justify-content: center;
  3819.            overflow: hidden;
  3820.            padding: 0;
  3821.            position: absolute;
  3822.            right: 0;
  3823.            top: 0;
  3824.            width: 4.4rem
  3825.        }
  3826.  
  3827.        .field__button>svg {
  3828.            height: 2.5rem;
  3829.            width: 2.5rem
  3830.        }
  3831.  
  3832.        .field__input:-webkit-autofill~.field__button,
  3833.        .field__input:-webkit-autofill~.field__label,
  3834.        .customer .field input:-webkit-autofill~label {
  3835.            color: #000
  3836.        }
  3837.  
  3838.        .text-area {
  3839.            font-family: var(--font-body-family);
  3840.            font-style: var(--font-body-style);
  3841.            font-weight: var(--font-body-weight);
  3842.            min-height: 10rem;
  3843.            resize: none
  3844.        }
  3845.  
  3846.        input[type=checkbox] {
  3847.            display: inline-block;
  3848.            width: auto;
  3849.            margin-right: .5rem
  3850.        }
  3851.  
  3852.        .form__label {
  3853.            display: block;
  3854.            margin-bottom: .6rem
  3855.        }
  3856.  
  3857.        .form__message {
  3858.            align-items: center;
  3859.            display: flex;
  3860.            font-size: 1.4rem;
  3861.            line-height: 1;
  3862.            margin-top: 1rem
  3863.        }
  3864.  
  3865.        .form__message--large {
  3866.            font-size: 1.6rem
  3867.        }
  3868.  
  3869.        .customer .field .form__message {
  3870.            font-size: 1.4rem;
  3871.            text-align: left
  3872.        }
  3873.  
  3874.        .form__message .icon,
  3875.        .customer .form__message svg {
  3876.            flex-shrink: 0;
  3877.            height: 1.3rem;
  3878.            margin-right: .5rem;
  3879.            width: 1.3rem
  3880.        }
  3881.  
  3882.        .form__message--large .icon,
  3883.        .customer .form__message svg {
  3884.            height: 1.5rem;
  3885.            width: 1.5rem;
  3886.            margin-right: 1rem
  3887.        }
  3888.  
  3889.        .customer .field .form__message svg {
  3890.            align-self: start
  3891.        }
  3892.  
  3893.        .form-status {
  3894.            margin: 0;
  3895.            font-size: 1.6rem
  3896.        }
  3897.  
  3898.        .form-status-list {
  3899.            padding: 0;
  3900.            margin: 2rem 0 4rem
  3901.        }
  3902.  
  3903.        .form-status-list li {
  3904.            list-style-position: inside
  3905.        }
  3906.  
  3907.        .form-status-list .link:first-letter {
  3908.            text-transform: capitalize
  3909.        }
  3910.  
  3911.        .quantity {
  3912.            color: rgba(var(--color-foreground));
  3913.            position: relative;
  3914.            width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  3915.            display: flex;
  3916.            border-radius: var(--inputs-radius);
  3917.            min-height: calc((var(--inputs-border-width) * 2) + 4.5rem)
  3918.        }
  3919.  
  3920.        .quantity:after {
  3921.            pointer-events: none;
  3922.            content: "";
  3923.            position: absolute;
  3924.            top: var(--inputs-border-width);
  3925.            right: var(--inputs-border-width);
  3926.            bottom: var(--inputs-border-width);
  3927.            left: var(--inputs-border-width);
  3928.            border: .1rem solid transparent;
  3929.            border-radius: var(--inputs-radius);
  3930.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3931.            transition: box-shadow var(--duration-short) ease;
  3932.            z-index: 1
  3933.        }
  3934.  
  3935.        .quantity:before {
  3936.            background: rgb(var(--color-background));
  3937.            pointer-events: none;
  3938.            content: "";
  3939.            position: absolute;
  3940.            top: 0;
  3941.            right: 0;
  3942.            bottom: 0;
  3943.            left: 0;
  3944.            border-radius: var(--inputs-radius-outset);
  3945.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3946.            z-index: -1
  3947.        }
  3948.  
  3949.        .quantity__input {
  3950.            color: currentColor;
  3951.            font-size: 1.6rem;
  3952.            font-weight: 500;
  3953.            opacity: .85;
  3954.            text-align: center;
  3955.            background-color: transparent;
  3956.            border: 0;
  3957.            padding: 0 .5rem;
  3958.            width: 100%;
  3959.            flex-grow: 1;
  3960.            -webkit-appearance: none;
  3961.            appearance: none
  3962.        }
  3963.  
  3964.        .quantity__button {
  3965.            width: calc(4.5rem / var(--font-body-scale));
  3966.            flex-shrink: 0;
  3967.            font-size: 1.8rem;
  3968.            border: 0;
  3969.            background-color: transparent;
  3970.            cursor: pointer;
  3971.            display: flex;
  3972.            align-items: center;
  3973.            justify-content: center;
  3974.            color: rgb(var(--color-foreground));
  3975.            padding: 0
  3976.        }
  3977.  
  3978.        .quantity__button:first-child {
  3979.            margin-left: calc(var(--inputs-border-width))
  3980.        }
  3981.  
  3982.        .quantity__button:last-child {
  3983.            margin-right: calc(var(--inputs-border-width))
  3984.        }
  3985.  
  3986.        .quantity__button svg {
  3987.            width: 1rem;
  3988.            pointer-events: none
  3989.        }
  3990.  
  3991.        .quantity__button:focus-visible,
  3992.        .quantity__input:focus-visible {
  3993.            background-color: rgb(var(--color-background));
  3994.            z-index: 2
  3995.        }
  3996.  
  3997.        .quantity__button:focus,
  3998.        .quantity__input:focus {
  3999.            background-color: rgb(var(--color-background));
  4000.            z-index: 2
  4001.        }
  4002.  
  4003.        .quantity__button:not(:focus-visible):not(.focused),
  4004.        .quantity__input:not(:focus-visible):not(.focused) {
  4005.            box-shadow: inherit;
  4006.            background-color: inherit
  4007.        }
  4008.  
  4009.        .quantity__input:-webkit-autofill,
  4010.        .quantity__input:-webkit-autofill:hover,
  4011.        .quantity__input:-webkit-autofill:active {
  4012.            box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  4013.            -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important
  4014.        }
  4015.  
  4016.        .quantity__input::-webkit-outer-spin-button,
  4017.        .quantity__input::-webkit-inner-spin-button {
  4018.            -webkit-appearance: none;
  4019.            margin: 0
  4020.        }
  4021.  
  4022.        .quantity__input[type=number] {
  4023.            -moz-appearance: textfield
  4024.        }
  4025.  
  4026.        .quantity__rules {
  4027.            margin-top: .5rem;
  4028.            position: relative;
  4029.            font-size: 1.2rem
  4030.        }
  4031.  
  4032.        .quantity__rules .caption {
  4033.            display: inline-block;
  4034.            margin-top: 0;
  4035.            margin-bottom: 0
  4036.        }
  4037.  
  4038.        .quantity__rules .divider+.divider:before {
  4039.            content: "\2022";
  4040.            margin: 0 .5rem
  4041.        }
  4042.  
  4043.        .quantity__rules-cart {
  4044.            position: relative
  4045.        }
  4046.  
  4047.        product-info .loading__spinner:not(.hidden)~*,
  4048.        .quantity__rules-cart .loading__spinner:not(.hidden)~* {
  4049.            visibility: hidden
  4050.        }
  4051.  
  4052.        .modal__toggle {
  4053.            list-style-type: none
  4054.        }
  4055.  
  4056.        .no-js details[open] .modal__toggle {
  4057.            position: absolute;
  4058.            z-index: 5
  4059.        }
  4060.  
  4061.        .modal__toggle-close {
  4062.            display: none
  4063.        }
  4064.  
  4065.        .no-js details[open] svg.modal__toggle-close {
  4066.            display: flex;
  4067.            z-index: 1;
  4068.            height: 1.7rem;
  4069.            width: 1.7rem
  4070.        }
  4071.  
  4072.        .modal__toggle-open {
  4073.            display: flex
  4074.        }
  4075.  
  4076.        .no-js details[open] .modal__toggle-open {
  4077.            display: none
  4078.        }
  4079.  
  4080.        .no-js .modal__close-button.link {
  4081.            display: none
  4082.        }
  4083.  
  4084.        .modal__close-button.link {
  4085.            display: flex;
  4086.            justify-content: center;
  4087.            align-items: center;
  4088.            padding: 0rem;
  4089.            height: 4.4rem;
  4090.            width: 4.4rem;
  4091.            background-color: transparent
  4092.        }
  4093.  
  4094.        .modal__close-button .icon {
  4095.            width: 1.7rem;
  4096.            height: 1.7rem
  4097.        }
  4098.  
  4099.        .modal__content {
  4100.            position: absolute;
  4101.            top: 0;
  4102.            left: 0;
  4103.            right: 0;
  4104.            bottom: 0;
  4105.            background: rgb(var(--color-background));
  4106.            z-index: 4;
  4107.            display: flex;
  4108.            justify-content: center;
  4109.            align-items: center
  4110.        }
  4111.  
  4112.        .media-modal {
  4113.            cursor: zoom-out
  4114.        }
  4115.  
  4116.        .media-modal .deferred-media {
  4117.            cursor: initial
  4118.        }
  4119.  
  4120.        .cart-count-bubble:empty {
  4121.            display: none
  4122.        }
  4123.  
  4124.        .cart-count-bubble {
  4125.            position: absolute;
  4126.            background-color: rgb(var(--color-button));
  4127.            color: rgb(var(--color-button-text));
  4128.            height: 1.7rem;
  4129.            width: 1.7rem;
  4130.            border-radius: 100%;
  4131.            display: flex;
  4132.            justify-content: center;
  4133.            align-items: center;
  4134.            font-size: .9rem;
  4135.            bottom: .8rem;
  4136.            left: 2.2rem;
  4137.            line-height: calc(1 + .1 / var(--font-body-scale))
  4138.        }
  4139.  
  4140.        .utility-bar {
  4141.            height: 100%
  4142.        }
  4143.  
  4144.        .utility-bar--bottom-border {
  4145.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4146.        }
  4147.  
  4148.        @media screen and (min-width: 990px) {
  4149.            .utility-bar--bottom-border-social-only {
  4150.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4151.            }
  4152.        }
  4153.  
  4154.        .utility-bar__grid {
  4155.            display: grid;
  4156.            grid-template-columns: 1fr;
  4157.            grid-template-areas: "announcements"
  4158.        }
  4159.  
  4160.        .utility-bar__grid .list-social {
  4161.            justify-content: flex-start;
  4162.            align-content: center;
  4163.            margin-left: -1.2rem;
  4164.            grid-area: social-icons
  4165.        }
  4166.  
  4167.        @media screen and (max-width: 989px) {
  4168.            .utility-bar .utility-bar__grid .list-social {
  4169.                display: none
  4170.            }
  4171.        }
  4172.  
  4173.        .utility-bar .list-social__item .icon {
  4174.            scale: .9
  4175.        }
  4176.  
  4177.        @media screen and (min-width: 990px) {
  4178.            .utility-bar__grid--3-col {
  4179.                grid-template-columns: 3fr 4fr 3fr;
  4180.                grid-template-areas: "social-icons announcements language-currency"
  4181.            }
  4182.  
  4183.            .utility-bar__grid--2-col {
  4184.                grid-template-columns: 1fr 1fr;
  4185.                grid-template-areas: "social-icons language-currency"
  4186.            }
  4187.  
  4188.            .announcement-bar.announcement-bar--one-announcement,
  4189.            .announcement-bar--one-announcement .announcement-bar__link {
  4190.                width: fit-content;
  4191.                margin: auto
  4192.            }
  4193.        }
  4194.  
  4195.        .announcement-bar,
  4196.        .announcement-bar__announcement {
  4197.            color: rgb(var(--color-foreground));
  4198.            width: 100%;
  4199.            height: 100%;
  4200.            display: flex;
  4201.            justify-content: center;
  4202.            flex-wrap: wrap;
  4203.            align-content: center;
  4204.            grid-area: announcements
  4205.        }
  4206.  
  4207.        .announcement-bar .slider--everywhere {
  4208.            margin-bottom: 0;
  4209.            scroll-behavior: auto
  4210.        }
  4211.  
  4212.        .utility-bar__grid .announcement-bar-slider,
  4213.        .announcement-bar-slider,
  4214.        .announcement-bar-slider .slider {
  4215.            width: 100%
  4216.        }
  4217.  
  4218.        .announcement-bar .slider-button--next {
  4219.            margin-right: -1.5rem;
  4220.            min-width: 44px
  4221.        }
  4222.  
  4223.        .announcement-bar .slider-button--prev {
  4224.            margin-left: -1.5rem;
  4225.            min-width: 44px
  4226.        }
  4227.  
  4228.        .announcement-bar .slider-button--next:focus-visible,
  4229.        .announcement-bar .slider-button--prev:focus-visible,
  4230.        .utility-bar .list-social__link:focus-visible {
  4231.            outline-offset: -.3rem;
  4232.            box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground))
  4233.        }
  4234.  
  4235.        .localization-wrapper {
  4236.            grid-area: language-currency;
  4237.            align-self: center;
  4238.            display: flex;
  4239.            justify-content: flex-end
  4240.        }
  4241.  
  4242.        .localization-wrapper .localization-selector+.disclosure__list-wrapper {
  4243.            animation: animateMenuOpen var(--duration-default) ease
  4244.        }
  4245.  
  4246.        .utility-bar .localization-wrapper .disclosure .localization-form__select,
  4247.        .utility-bar .localization-wrapper .disclosure__link {
  4248.            font-size: calc(var(--font-heading-scale) * 1.3rem)
  4249.        }
  4250.  
  4251.        @media screen and (min-width: 990px) {
  4252.            body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
  4253.                padding-left: 5rem;
  4254.                padding-right: 5rem
  4255.            }
  4256.  
  4257.            .announcement-bar-slider {
  4258.                width: 60%
  4259.            }
  4260.  
  4261.            .announcement-bar .slider-button {
  4262.                height: 3.8rem
  4263.            }
  4264.        }
  4265.  
  4266.        .announcement-bar__link {
  4267.            display: flex;
  4268.            width: 100%;
  4269.            text-decoration: none;
  4270.            height: 100%;
  4271.            justify-content: center;
  4272.            align-items: center
  4273.        }
  4274.  
  4275.        .announcement-bar__link:hover {
  4276.            text-decoration: underline
  4277.        }
  4278.  
  4279.        .announcement-bar__link .icon-arrow {
  4280.            display: inline-block;
  4281.            pointer-events: none;
  4282.            margin-left: .8rem;
  4283.            vertical-align: middle;
  4284.            margin-bottom: .2rem
  4285.        }
  4286.  
  4287.        .announcement-bar__message {
  4288.            text-align: center;
  4289.            padding: 1rem 0;
  4290.            margin: 0;
  4291.            letter-spacing: .1rem;
  4292.            min-height: 3.8rem
  4293.        }
  4294.  
  4295.        .announcement-bar-slider--fade-in-next .announcement-bar__message,
  4296.        .announcement-bar-slider--fade-in-previous .announcement-bar__message,
  4297.        .announcement-bar-slider--fade-out-next .announcement-bar__message,
  4298.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4299.            animation-duration: var(--duration-announcement-bar);
  4300.            animation-timing-function: ease-in-out;
  4301.            animation-fill-mode: forwards
  4302.        }
  4303.  
  4304.        .announcement-bar-slider--fade-in-next .announcement-bar__message {
  4305.            --announcement-translate-from: -1.5rem;
  4306.            opacity: 0;
  4307.            animation-name: translateAnnouncementSlideIn;
  4308.            animation-delay: var(--duration-announcement-bar)
  4309.        }
  4310.  
  4311.        .announcement-bar-slider--fade-in-previous .announcement-bar__message {
  4312.            --announcement-translate-from: 1.5rem;
  4313.            opacity: 0;
  4314.            animation-name: translateAnnouncementSlideIn;
  4315.            animation-delay: var(--duration-announcement-bar)
  4316.        }
  4317.  
  4318.        .announcement-bar-slider--fade-out-next .announcement-bar__message {
  4319.            --announcement-translate-to: 1.5rem;
  4320.            animation-name: translateAnnouncementSlideOut
  4321.        }
  4322.  
  4323.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4324.            --announcement-translate-to: -1.5rem;
  4325.            animation-name: translateAnnouncementSlideOut
  4326.        }
  4327.  
  4328.        @keyframes translateAnnouncementSlideIn {
  4329.            0% {
  4330.                opacity: 0;
  4331.                transform: translate(var(--announcement-translate-from))
  4332.            }
  4333.  
  4334.            to {
  4335.                opacity: 1;
  4336.                transform: translate(0)
  4337.            }
  4338.        }
  4339.  
  4340.        @keyframes translateAnnouncementSlideOut {
  4341.            0% {
  4342.                opacity: 1;
  4343.                transform: translate(0)
  4344.            }
  4345.  
  4346.            to {
  4347.                opacity: 0;
  4348.                transform: translate(var(--announcement-translate-to))
  4349.            }
  4350.        }
  4351.  
  4352.        .section-header.shopify-section-group-header-group {
  4353.            z-index: 3
  4354.        }
  4355.  
  4356.        .shopify-section-header-sticky {
  4357.            position: sticky;
  4358.            top: 0
  4359.        }
  4360.  
  4361.        .shopify-section-header-hidden {
  4362.            top: calc(-1 * var(--header-height))
  4363.        }
  4364.  
  4365.        .shopify-section-header-hidden.menu-open {
  4366.            top: 0
  4367.        }
  4368.  
  4369.        .section-header.animate {
  4370.            transition: top .15s ease-out
  4371.        }
  4372.  
  4373.        .shopify-section-group-header-group {
  4374.            z-index: 4
  4375.        }
  4376.  
  4377.        .section-header~.shopify-section-group-header-group {
  4378.            z-index: initial
  4379.        }
  4380.  
  4381.        .header-wrapper {
  4382.            display: block;
  4383.            position: relative;
  4384.            background-color: rgb(var(--color-background))
  4385.        }
  4386.  
  4387.        .header-wrapper--border-bottom {
  4388.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4389.        }
  4390.  
  4391.        .header {
  4392.            display: grid;
  4393.            grid-template-areas: "left-icons heading icons";
  4394.            grid-template-columns: 1fr 2fr 1fr;
  4395.            align-items: center
  4396.        }
  4397.  
  4398.        @media screen and (max-width: 749px) {
  4399.            .header--has-app {
  4400.                grid-template-columns: auto 1fr auto
  4401.            }
  4402.        }
  4403.  
  4404.        @media screen and (min-width: 990px) {
  4405.            .header {
  4406.                grid-template-columns: 1fr auto 1fr
  4407.            }
  4408.  
  4409.            .header--top-left,
  4410.            .header--middle-left:not(.header--has-menu) {
  4411.                grid-template-areas: "heading icons" "navigation navigation";
  4412.                grid-template-columns: 1fr auto
  4413.            }
  4414.  
  4415.            .header--top-left.drawer-menu,
  4416.            .header--middle-left.drawer-menu {
  4417.                grid-template-areas: "navigation heading icons";
  4418.                grid-template-columns: auto 1fr auto;
  4419.                column-gap: 1rem
  4420.            }
  4421.  
  4422.            .header--middle-left {
  4423.                grid-template-areas: "heading navigation icons";
  4424.                grid-template-columns: auto auto 1fr;
  4425.                column-gap: 2rem
  4426.            }
  4427.  
  4428.            .header--middle-center:not(.drawer-menu) {
  4429.                grid-template-areas: "navigation heading icons";
  4430.                grid-template-columns: 1fr auto 1fr;
  4431.                column-gap: 2rem
  4432.            }
  4433.  
  4434.            .header--middle-center a.header__heading-link {
  4435.                text-align: center
  4436.            }
  4437.  
  4438.            .header--top-center {
  4439.                grid-template-areas: "left-icons heading icons" "navigation navigation navigation"
  4440.            }
  4441.  
  4442.            .header--top-center.drawer-menu {
  4443.                grid-template-areas: "left-icons heading icons";
  4444.                grid-template-columns: 1fr auto 1fr
  4445.            }
  4446.  
  4447.            .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
  4448.                margin-top: 1.05rem
  4449.            }
  4450.        }
  4451.  
  4452.        .header *[tabindex="-1"]:focus {
  4453.            outline: none
  4454.        }
  4455.  
  4456.        .header__heading {
  4457.            margin: 0;
  4458.            line-height: 0
  4459.        }
  4460.  
  4461.        .header>.header__heading-link {
  4462.            line-height: 0
  4463.        }
  4464.  
  4465.        .header__heading,
  4466.        .header__heading-link {
  4467.            grid-area: heading;
  4468.            justify-self: center
  4469.        }
  4470.  
  4471.        .header__heading-link {
  4472.            display: inline-block;
  4473.            padding: .75rem;
  4474.            text-decoration: none;
  4475.            word-break: break-word
  4476.        }
  4477.  
  4478.        .header__heading-link:hover .h2 {
  4479.            color: rgb(var(--color-foreground))
  4480.        }
  4481.  
  4482.        .header__heading-link .h2 {
  4483.            line-height: 1;
  4484.            color: rgba(var(--color-foreground), .75)
  4485.        }
  4486.  
  4487.        .header__heading-logo {
  4488.            height: auto;
  4489.            max-width: 100%
  4490.        }
  4491.  
  4492.        .header__heading-logo-wrapper {
  4493.            width: 100%;
  4494.            display: inline-block;
  4495.            transition: width .3s cubic-bezier(.52, 0, .61, .99)
  4496.        }
  4497.  
  4498.        @media screen and (max-width: 989px) {
  4499.  
  4500.            .header__heading,
  4501.            .header__heading-link {
  4502.                text-align: center
  4503.            }
  4504.  
  4505.            .header--mobile-left .header__heading,
  4506.            .header--mobile-left .header__heading-link {
  4507.                text-align: left;
  4508.                justify-self: start
  4509.            }
  4510.  
  4511.            .header--mobile-left {
  4512.                grid-template-columns: auto 2fr 1fr
  4513.            }
  4514.        }
  4515.  
  4516.        @media screen and (min-width: 990px) {
  4517.  
  4518.            .header--middle-left .header__heading-link,
  4519.            .header--top-left .header__heading-link {
  4520.                margin-left: -.75rem
  4521.            }
  4522.  
  4523.            .header__heading,
  4524.            .header__heading-link {
  4525.                justify-self: start
  4526.            }
  4527.  
  4528.            .header--middle-center .header__heading-link,
  4529.            .header--middle-center .header__heading,
  4530.            .header--top-center .header__heading-link,
  4531.            .header--top-center .header__heading {
  4532.                justify-self: center;
  4533.                text-align: center
  4534.            }
  4535.        }
  4536.  
  4537.        .header__icons {
  4538.            display: flex;
  4539.            grid-area: icons;
  4540.            justify-self: end;
  4541.            padding-right: .8rem
  4542.        }
  4543.  
  4544.        .header__icons .shopify-app-block {
  4545.            max-width: 4.4rem;
  4546.            max-height: 4.4rem;
  4547.            overflow: hidden
  4548.        }
  4549.  
  4550.        .header__icon:not(.header__icon--summary),
  4551.        .header__icon span {
  4552.            display: flex;
  4553.            align-items: center;
  4554.            justify-content: center
  4555.        }
  4556.  
  4557.        .header__icon {
  4558.            color: rgb(var(--color-foreground))
  4559.        }
  4560.  
  4561.        .header__icon span {
  4562.            height: 100%
  4563.        }
  4564.  
  4565.        .header__icon:after {
  4566.            content: none
  4567.        }
  4568.  
  4569.        .header__icon:hover .icon,
  4570.        .modal__close-button:hover .icon {
  4571.            transform: scale(1.07)
  4572.        }
  4573.  
  4574.        .header__icon .icon {
  4575.            height: 2rem;
  4576.            width: 2rem;
  4577.            fill: none;
  4578.            vertical-align: middle
  4579.        }
  4580.  
  4581.        .header__icon,
  4582.        .header__icon--cart .icon {
  4583.            height: 4.4rem;
  4584.            width: 4.4rem;
  4585.            padding: 0
  4586.        }
  4587.  
  4588.        .header__icon--cart {
  4589.            position: relative;
  4590.            margin-right: -1.2rem
  4591.        }
  4592.  
  4593.        .header__icon--menu[aria-expanded=true]:before {
  4594.            content: "";
  4595.            top: 100%;
  4596.            left: 0;
  4597.            height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  4598.            width: 100%;
  4599.            display: block;
  4600.            position: absolute;
  4601.            background: rgba(var(--color-foreground), .5)
  4602.        }
  4603.  
  4604.        menu-drawer+.header__search {
  4605.            display: none
  4606.        }
  4607.  
  4608.        .header>.header__search {
  4609.            grid-area: left-icons;
  4610.            justify-self: start
  4611.        }
  4612.  
  4613.        .header--top-center.drawer-menu>.header__search {
  4614.            margin-left: 3.2rem
  4615.        }
  4616.  
  4617.        .header--top-center header-drawer {
  4618.            grid-area: left-icons
  4619.        }
  4620.  
  4621.        .header:not(.header--has-menu) *>.header__search {
  4622.            display: none
  4623.        }
  4624.  
  4625.        .header__search {
  4626.            display: inline-flex;
  4627.            line-height: 0
  4628.        }
  4629.  
  4630.        .header--top-center>.header__search {
  4631.            display: none
  4632.        }
  4633.  
  4634.        .header--top-center *>.header__search {
  4635.            display: inline-flex
  4636.        }
  4637.  
  4638.        @media screen and (min-width: 990px) {
  4639.  
  4640.            .header:not(.header--top-center) *>.header__search,
  4641.            .header--top-center>.header__search {
  4642.                display: inline-flex
  4643.            }
  4644.  
  4645.            .header:not(.header--top-center)>.header__search,
  4646.            .header--top-center *>.header__search {
  4647.                display: none
  4648.            }
  4649.        }
  4650.  
  4651.        .no-js .predictive-search {
  4652.            display: none
  4653.        }
  4654.  
  4655.        details[open]>.search-modal {
  4656.            opacity: 1;
  4657.            animation: animateMenuOpen var(--duration-default) ease
  4658.        }
  4659.  
  4660.        details[open] .modal-overlay {
  4661.            display: block
  4662.        }
  4663.  
  4664.        details[open] .modal-overlay:after {
  4665.            position: absolute;
  4666.            content: "";
  4667.            background-color: rgb(var(--color-foreground), .5);
  4668.            top: 100%;
  4669.            left: 0;
  4670.            right: 0;
  4671.            height: 100vh
  4672.        }
  4673.  
  4674.        .no-js details[open]>.header__icon--search {
  4675.            top: 1rem;
  4676.            right: .5rem
  4677.        }
  4678.  
  4679.        .search-modal {
  4680.            opacity: 0;
  4681.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  4682.            min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  4683.            height: 100%
  4684.        }
  4685.  
  4686.        .search-modal__content {
  4687.            display: flex;
  4688.            align-items: center;
  4689.            justify-content: center;
  4690.            width: 100%;
  4691.            height: 100%;
  4692.            padding: 0 5rem 0 1rem;
  4693.            line-height: calc(1 + .8 / var(--font-body-scale));
  4694.            position: relative
  4695.        }
  4696.  
  4697.        .search-modal__content-bottom {
  4698.            bottom: calc((var(--inputs-margin-offset) / 2))
  4699.        }
  4700.  
  4701.        .search-modal__content-top {
  4702.            top: calc((var(--inputs-margin-offset) / 2))
  4703.        }
  4704.  
  4705.        .search-modal__form {
  4706.            width: 100%
  4707.        }
  4708.  
  4709.        .search-modal__close-button {
  4710.            position: absolute;
  4711.            right: .3rem
  4712.        }
  4713.  
  4714.        @media screen and (min-width: 750px) {
  4715.            .search-modal__close-button {
  4716.                right: 1rem
  4717.            }
  4718.  
  4719.            .search-modal__content {
  4720.                padding: 0 6rem
  4721.            }
  4722.        }
  4723.  
  4724.        @media screen and (min-width: 990px) {
  4725.            .search-modal__form {
  4726.                max-width: 74.2rem
  4727.            }
  4728.  
  4729.            .search-modal__close-button {
  4730.                position: initial;
  4731.                margin-left: .5rem
  4732.            }
  4733.        }
  4734.  
  4735.        .header__icon--menu .icon {
  4736.            display: block;
  4737.            position: absolute;
  4738.            opacity: 1;
  4739.            transform: scale(1);
  4740.            transition: transform .15s ease, opacity .15s ease
  4741.        }
  4742.  
  4743.        details:not([open])>.header__icon--menu .icon-close,
  4744.        details[open]>.header__icon--menu .icon-hamburger {
  4745.            visibility: hidden;
  4746.            opacity: 0;
  4747.            transform: scale(.8)
  4748.        }
  4749.  
  4750.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
  4751.            visibility: hidden
  4752.        }
  4753.  
  4754.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
  4755.            visibility: visible;
  4756.            opacity: 1;
  4757.            transform: scale(1.07)
  4758.        }
  4759.  
  4760.        .js details>.header__submenu {
  4761.            opacity: 0;
  4762.            transform: translateY(-1.5rem)
  4763.        }
  4764.  
  4765.        details[open]>.header__submenu {
  4766.            animation: animateMenuOpen var(--duration-default) ease;
  4767.            animation-fill-mode: forwards;
  4768.            z-index: 1
  4769.        }
  4770.  
  4771.        @media (prefers-reduced-motion) {
  4772.            details[open]>.header__submenu {
  4773.                opacity: 1;
  4774.                transform: translateY(0)
  4775.            }
  4776.        }
  4777.  
  4778.        .header__inline-menu {
  4779.            margin-left: -1.2rem;
  4780.            grid-area: navigation;
  4781.            display: none
  4782.        }
  4783.  
  4784.        .header--top-center .header__inline-menu,
  4785.        .header--top-center .header__heading-link {
  4786.            margin-left: 0
  4787.        }
  4788.  
  4789.        @media screen and (min-width: 990px) {
  4790.            .header__inline-menu {
  4791.                display: block
  4792.            }
  4793.  
  4794.            .header--top-center .header__inline-menu {
  4795.                justify-self: center
  4796.            }
  4797.  
  4798.            .header--top-center .header__inline-menu>.list-menu--inline {
  4799.                justify-content: center
  4800.            }
  4801.  
  4802.            .header--middle-left .header__inline-menu {
  4803.                margin-left: 0
  4804.            }
  4805.        }
  4806.  
  4807.        .header__menu {
  4808.            padding: 0 1rem
  4809.        }
  4810.  
  4811.        .header__menu-item {
  4812.            padding: 1.2rem;
  4813.            text-decoration: none;
  4814.            color: rgba(var(--color-foreground), .75)
  4815.        }
  4816.  
  4817.        .header__menu-item:hover {
  4818.            color: rgb(var(--color-foreground))
  4819.        }
  4820.  
  4821.        .header__menu-item span {
  4822.            transition: text-decoration var(--duration-short) ease
  4823.        }
  4824.  
  4825.        .header__menu-item:hover span {
  4826.            text-decoration: underline;
  4827.            text-underline-offset: .3rem
  4828.        }
  4829.  
  4830.        details[open]>.header__menu-item {
  4831.            text-decoration: underline
  4832.        }
  4833.  
  4834.        details[open]:hover>.header__menu-item {
  4835.            text-decoration-thickness: .2rem
  4836.        }
  4837.  
  4838.        details[open]>.header__menu-item .icon-caret {
  4839.            transform: rotate(180deg)
  4840.        }
  4841.  
  4842.        .header__active-menu-item {
  4843.            transition: text-decoration-thickness var(--duration-short) ease;
  4844.            color: rgb(var(--color-foreground));
  4845.            text-decoration: underline;
  4846.            text-underline-offset: .3rem
  4847.        }
  4848.  
  4849.        .header__menu-item:hover .header__active-menu-item {
  4850.            text-decoration-thickness: .2rem
  4851.        }
  4852.  
  4853.        .header__submenu {
  4854.            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease
  4855.        }
  4856.  
  4857.        .global-settings-popup,
  4858.        .header__submenu.global-settings-popup {
  4859.            border-radius: var(--popup-corner-radius);
  4860.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  4861.            border-style: solid;
  4862.            border-width: var(--popup-border-width);
  4863.            box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  4864.            z-index: -1
  4865.        }
  4866.  
  4867.        .header__submenu.list-menu {
  4868.            padding: 1rem 0
  4869.        }
  4870.  
  4871.        .header__submenu .header__submenu {
  4872.            background-color: rgba(var(--color-foreground), .03);
  4873.            padding: 1rem 0;
  4874.            margin: 1rem 0
  4875.        }
  4876.  
  4877.        .header__submenu .header__menu-item:after {
  4878.            right: 2rem
  4879.        }
  4880.  
  4881.        .header__submenu .header__menu-item {
  4882.            justify-content: space-between;
  4883.            padding: .8rem 2rem
  4884.        }
  4885.  
  4886.        .header__submenu .header__menu-item:hover {
  4887.            text-decoration-line: underline
  4888.        }
  4889.  
  4890.        .header__menu-item .icon-caret {
  4891.            right: .8rem
  4892.        }
  4893.  
  4894.        .header__submenu .icon-caret {
  4895.            flex-shrink: 0;
  4896.            margin-left: 1rem;
  4897.            position: static
  4898.        }
  4899.  
  4900.        header-menu>details,
  4901.        details-disclosure>details {
  4902.            position: relative
  4903.        }
  4904.  
  4905.        @keyframes animateMenuOpen {
  4906.            0% {
  4907.                opacity: 0;
  4908.                transform: translateY(-1.5rem)
  4909.            }
  4910.  
  4911.            to {
  4912.                opacity: 1;
  4913.                transform: translateY(0)
  4914.            }
  4915.        }
  4916.  
  4917.        .overflow-hidden-mobile,
  4918.        .overflow-hidden-tablet,
  4919.        .overflow-hidden-desktop {
  4920.            overflow: hidden
  4921.        }
  4922.  
  4923.        @media screen and (min-width: 750px) {
  4924.            .overflow-hidden-mobile {
  4925.                overflow: auto
  4926.            }
  4927.        }
  4928.  
  4929.        @media screen and (min-width: 990px) {
  4930.            .overflow-hidden-tablet {
  4931.                overflow: auto
  4932.            }
  4933.        }
  4934.  
  4935.        .badge {
  4936.            border: 1px solid transparent;
  4937.            border-radius: var(--badge-corner-radius);
  4938.            display: inline-block;
  4939.            font-size: 1.2rem;
  4940.            letter-spacing: .1rem;
  4941.            line-height: 1;
  4942.            padding: .5rem 1.3rem .6rem;
  4943.            text-align: center;
  4944.            background-color: rgb(var(--color-badge-background));
  4945.            border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  4946.            color: rgb(var(--color-badge-foreground));
  4947.            word-break: break-word
  4948.        }
  4949.  
  4950.        .gradient {
  4951.            background: rgb(var(--color-background));
  4952.            background: var(--gradient-background);
  4953.            background-attachment: fixed
  4954.        }
  4955.  
  4956.        @media screen and (forced-colors: active) {
  4957.            .icon {
  4958.                color: CanvasText;
  4959.                fill: CanvasText !important
  4960.            }
  4961.  
  4962.            .icon-close-small path {
  4963.                stroke: CanvasText
  4964.            }
  4965.        }
  4966.  
  4967.        .ratio {
  4968.            display: flex;
  4969.            position: relative;
  4970.            align-items: stretch
  4971.        }
  4972.  
  4973.        .ratio:before {
  4974.            content: "";
  4975.            width: 0;
  4976.            height: 0;
  4977.            padding-bottom: var(--ratio-percent)
  4978.        }
  4979.  
  4980.        .content-container {
  4981.            border-radius: var(--text-boxes-radius);
  4982.            border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  4983.            position: relative
  4984.        }
  4985.  
  4986.        .content-container:after {
  4987.            content: "";
  4988.            position: absolute;
  4989.            top: calc(var(--text-boxes-border-width) * -1);
  4990.            right: calc(var(--text-boxes-border-width) * -1);
  4991.            bottom: calc(var(--text-boxes-border-width) * -1);
  4992.            left: calc(var(--text-boxes-border-width) * -1);
  4993.            border-radius: var(--text-boxes-radius);
  4994.            box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  4995.            z-index: -1
  4996.        }
  4997.  
  4998.        .content-container--full-width:after {
  4999.            left: 0;
  5000.            right: 0;
  5001.            border-radius: 0
  5002.        }
  5003.  
  5004.        @media screen and (max-width: 749px) {
  5005.            .content-container--full-width-mobile {
  5006.                border-left: none;
  5007.                border-right: none;
  5008.                border-radius: 0
  5009.            }
  5010.  
  5011.            .content-container--full-width-mobile:after {
  5012.                display: none
  5013.            }
  5014.        }
  5015.  
  5016.        .global-media-settings {
  5017.            position: relative;
  5018.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5019.            border-radius: var(--media-radius);
  5020.            overflow: visible !important;
  5021.            background-color: rgb(var(--color-background))
  5022.        }
  5023.  
  5024.        .global-media-settings:after {
  5025.            content: "";
  5026.            position: absolute;
  5027.            top: calc(var(--media-border-width) * -1);
  5028.            right: calc(var(--media-border-width) * -1);
  5029.            bottom: calc(var(--media-border-width) * -1);
  5030.            left: calc(var(--media-border-width) * -1);
  5031.            border-radius: var(--media-radius);
  5032.            box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  5033.            z-index: -1;
  5034.            pointer-events: none
  5035.        }
  5036.  
  5037.        .global-media-settings--no-shadow {
  5038.            overflow: hidden !important
  5039.        }
  5040.  
  5041.        .global-media-settings--no-shadow:after {
  5042.            content: none
  5043.        }
  5044.  
  5045.        .global-media-settings img,
  5046.        .global-media-settings iframe,
  5047.        .global-media-settings model-viewer,
  5048.        .global-media-settings video,
  5049.        .global-media-settings .placeholder-svg {
  5050.            border-radius: calc(var(--media-radius) - var(--media-border-width))
  5051.        }
  5052.  
  5053.        .content-container--full-width,
  5054.        .global-media-settings--full-width,
  5055.        .global-media-settings--full-width img,
  5056.        .global-media-settings--full-width video,
  5057.        .global-media-settings--full-width iframe,
  5058.        .global-media-settings--full-width .placeholder-svg {
  5059.            border-radius: 0;
  5060.            border-left: none;
  5061.            border-right: none
  5062.        }
  5063.  
  5064.        @supports not (inset: 10px) {
  5065.            .grid {
  5066.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  5067.            }
  5068.  
  5069.            .grid__item {
  5070.                padding-left: var(--grid-mobile-horizontal-spacing);
  5071.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5072.            }
  5073.  
  5074.            @media screen and (min-width: 750px) {
  5075.                .grid {
  5076.                    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  5077.                }
  5078.  
  5079.                .grid__item {
  5080.                    padding-left: var(--grid-desktop-horizontal-spacing);
  5081.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5082.                }
  5083.            }
  5084.  
  5085.            .grid--gapless .grid__item {
  5086.                padding-left: 0;
  5087.                padding-bottom: 0
  5088.            }
  5089.  
  5090.            @media screen and (min-width: 749px) {
  5091.                .grid--peek .grid__item {
  5092.                    padding-left: var(--grid-mobile-horizontal-spacing)
  5093.                }
  5094.            }
  5095.  
  5096.            .product-grid .grid__item {
  5097.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5098.            }
  5099.  
  5100.            @media screen and (min-width: 750px) {
  5101.                .product-grid .grid__item {
  5102.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5103.                }
  5104.            }
  5105.        }
  5106.  
  5107.        .font-body-bold {
  5108.            font-weight: var(--font-body-weight-bold)
  5109.        }
  5110.  
  5111.        @media (forced-colors: active) {
  5112.  
  5113.            .button,
  5114.            .shopify-challenge__button,
  5115.            .customer button {
  5116.                border: transparent solid 1px
  5117.            }
  5118.  
  5119.            .button:focus-visible,
  5120.            .button:focus,
  5121.            .button.focused,
  5122.            .shopify-payment-button__button--unbranded:focus-visible,
  5123.            .shopify-payment-button [role=button]:focus-visible,
  5124.            .shopify-payment-button__button--unbranded:focus,
  5125.            .shopify-payment-button [role=button]:focus {
  5126.                outline: solid transparent 1px
  5127.            }
  5128.  
  5129.            .field__input:focus,
  5130.            .select__select:focus,
  5131.            .customer .field input:focus,
  5132.            .customer select:focus,
  5133.            .localization-form__select:focus.localization-form__select:after {
  5134.                outline: transparent solid 1px
  5135.            }
  5136.  
  5137.            .localization-form__select:focus {
  5138.                outline: transparent solid 1px
  5139.            }
  5140.        }
  5141.  
  5142.        .rte:after {
  5143.            clear: both;
  5144.            content: "";
  5145.            display: block
  5146.        }
  5147.  
  5148.        .rte>*:first-child {
  5149.            margin-top: 0
  5150.        }
  5151.  
  5152.        .rte>*:last-child {
  5153.            margin-bottom: 0
  5154.        }
  5155.  
  5156.        .rte table {
  5157.            table-layout: fixed
  5158.        }
  5159.  
  5160.        @media screen and (min-width: 750px) {
  5161.            .rte table td {
  5162.                padding-left: 1.2rem;
  5163.                padding-right: 1.2rem
  5164.            }
  5165.        }
  5166.  
  5167.        .rte img {
  5168.            height: auto;
  5169.            max-width: 100%;
  5170.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5171.            border-radius: var(--media-radius);
  5172.            box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  5173.            margin-bottom: var(--media-shadow-vertical-offset)
  5174.        }
  5175.  
  5176.        .rte ul,
  5177.        .rte ol {
  5178.            list-style-position: inside;
  5179.            padding-left: 2rem
  5180.        }
  5181.  
  5182.        .rte li {
  5183.            list-style: inherit
  5184.        }
  5185.  
  5186.        .rte li:last-child {
  5187.            margin-bottom: 0
  5188.        }
  5189.  
  5190.        .rte a {
  5191.            color: rgba(var(--color-link), var(--alpha-link));
  5192.            text-underline-offset: .3rem;
  5193.            text-decoration-thickness: .1rem;
  5194.            transition: text-decoration-thickness var(--duration-short) ease
  5195.        }
  5196.  
  5197.        .rte a:hover {
  5198.            color: rgb(var(--color-link));
  5199.            text-decoration-thickness: .2rem
  5200.        }
  5201.  
  5202.        .rte blockquote {
  5203.            display: inline-flex
  5204.        }
  5205.  
  5206.        .rte blockquote>* {
  5207.            margin: -.5rem 0
  5208.        }
  5209.  
  5210.        .shape--mask {
  5211.            display: block;
  5212.            height: 0;
  5213.            width: 0
  5214.        }
  5215.  
  5216.        .shape--arch {
  5217.            clip-path: url(#Shape-Arch)
  5218.        }
  5219.  
  5220.        .shape--blob {
  5221.            clip-path: polygon(var(--shape--blob-1))
  5222.        }
  5223.  
  5224.        .shape--chevronleft {
  5225.            clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%)
  5226.        }
  5227.  
  5228.        .shape--chevronright {
  5229.            clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%)
  5230.        }
  5231.  
  5232.        .shape--circle {
  5233.            clip-path: circle(closest-side)
  5234.        }
  5235.  
  5236.        .shape--diamond {
  5237.            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
  5238.        }
  5239.  
  5240.        .shape--parallelogram {
  5241.            clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%)
  5242.        }
  5243.  
  5244.        .shape--round {
  5245.            clip-path: ellipse(45% 45% at 50% 50%)
  5246.        }
  5247.  
  5248.        .animate--fixed {
  5249.            clip-path: inset(0)
  5250.        }
  5251.  
  5252.        .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),
  5253.        .animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
  5254.            position: fixed;
  5255.            height: 100vh
  5256.        }
  5257.  
  5258.        .animate--zoom-in {
  5259.            --zoom-in-ratio: 1
  5260.        }
  5261.  
  5262.        .animate--zoom-in>img,
  5263.        .animate--zoom-in>svg {
  5264.            transition: scale var(--duration-short) linear;
  5265.            scale: var(--zoom-in-ratio)
  5266.        }
  5267.  
  5268.        @media (prefers-reduced-motion: no-preference) {
  5269.  
  5270.            .animate--ambient>img,
  5271.            .animate--ambient>svg {
  5272.                animation: animateAmbient 30s linear infinite
  5273.            }
  5274.  
  5275.            @keyframes animateAmbient {
  5276.                0% {
  5277.                    transform: rotate(0) translate(1em) rotate(0) scale(1.2)
  5278.                }
  5279.  
  5280.                to {
  5281.                    transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)
  5282.                }
  5283.            }
  5284.  
  5285.            .scroll-trigger.animate--fade-in,
  5286.            .scroll-trigger.animate--slide-in {
  5287.                opacity: .01
  5288.            }
  5289.  
  5290.            .scroll-trigger.animate--slide-in {
  5291.                transform: translateY(2rem)
  5292.            }
  5293.  
  5294.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
  5295.                opacity: 1;
  5296.                animation: var(--animation-fade-in)
  5297.            }
  5298.  
  5299.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
  5300.                animation: var(--animation-slide-in);
  5301.                animation-delay: calc(var(--animation-order) * 75ms)
  5302.            }
  5303.  
  5304.            .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  5305.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  5306.            .scroll-trigger.scroll-trigger--design-mode .slider,
  5307.            .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
  5308.                opacity: 1;
  5309.                animation: none;
  5310.                transition: none
  5311.            }
  5312.  
  5313.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
  5314.                transform: translateY(0)
  5315.            }
  5316.  
  5317.            @keyframes slideIn {
  5318.                0% {
  5319.                    transform: translateY(2rem);
  5320.                    opacity: .01
  5321.                }
  5322.  
  5323.                to {
  5324.                    transform: translateY(0);
  5325.                    opacity: 1
  5326.                }
  5327.            }
  5328.  
  5329.            @keyframes fadeIn {
  5330.                0% {
  5331.                    opacity: .01
  5332.                }
  5333.  
  5334.                to {
  5335.                    opacity: 1
  5336.                }
  5337.            }
  5338.        }
  5339.  
  5340.        @media (prefers-reduced-motion: no-preference) and (hover: hover) {
  5341.  
  5342.            .animate--hover-3d-lift .card-wrapper .card--card,
  5343.            .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  5344.            .animate--hover-3d-lift .button:not(.button--tertiary),
  5345.            .animate--hover-3d-lift .shopify-challenge__button,
  5346.            .animate--hover-3d-lift .customer button,
  5347.            .animate--hover-3d-lift .shopify-payment-button__button,
  5348.            .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
  5349.                transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
  5350.                transform-origin: center
  5351.            }
  5352.  
  5353.            .animate--hover-3d-lift .card-wrapper:hover .card--card,
  5354.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  5355.            .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  5356.            .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  5357.            .animate--hover-3d-lift .customer button:not([disabled]):hover,
  5358.            .animate--hover-3d-lift .shopify-payment-button__button:hover,
  5359.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5360.                transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
  5361.                transform: rotate(1deg);
  5362.                box-shadow: -1rem -1rem 1rem -1rem #0000000d, 1rem 1rem 1rem -1rem #0000000d, 0 0 .5rem #fff0, 0 2rem 3.5rem -2rem #00000080
  5363.            }
  5364.  
  5365.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5366.                transform: translate(-50%, -50%) scale(1.05)
  5367.            }
  5368.  
  5369.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  5370.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
  5371.                transform: rotate(.5deg)
  5372.            }
  5373.  
  5374.            .animate--hover-3d-lift .product-grid .grid__item:hover,
  5375.            .animate--hover-3d-lift .collection-list .grid__item:hover,
  5376.            .animate--hover-3d-lift .collage__item:hover,
  5377.            .animate--hover-3d-lift .blog-articles .article:hover,
  5378.            .animate--hover-3d-lift .complementary-slide li:hover {
  5379.                z-index: 2
  5380.            }
  5381.  
  5382.            .animate--hover-3d-lift .product-grid {
  5383.                isolation: isolate
  5384.            }
  5385.  
  5386.            .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
  5387.                box-shadow: none;
  5388.                transition: transform var(--duration-long) ease, filter var(--duration-long) ease
  5389.            }
  5390.  
  5391.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
  5392.                transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
  5393.                filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, .15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, .15))
  5394.            }
  5395.  
  5396.            .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  5397.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  5398.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5399.                background-image: var(--easter-egg);
  5400.                background-size: 250px 250px;
  5401.                mix-blend-mode: color-dodge;
  5402.                pointer-events: none;
  5403.                z-index: 2
  5404.            }
  5405.  
  5406.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5407.                content: "";
  5408.                position: absolute;
  5409.                top: 0;
  5410.                bottom: 0;
  5411.                left: 0;
  5412.                right: 0
  5413.            }
  5414.  
  5415.            .animate--hover-3d-lift .card-wrapper .card--card:before,
  5416.            .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
  5417.                content: "";
  5418.                position: absolute;
  5419.                top: 0;
  5420.                right: 0;
  5421.                bottom: 0;
  5422.                left: 0;
  5423.                opacity: 0;
  5424.                pointer-events: none;
  5425.                transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
  5426.                mix-blend-mode: overlay;
  5427.                background-size: 400% 100%;
  5428.                background-position: 90% 0;
  5429.                background-repeat: no-repeat;
  5430.                background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 55%)
  5431.            }
  5432.  
  5433.            .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  5434.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
  5435.                opacity: .2;
  5436.                transition: background-position 6s ease, opacity var(--duration-long) ease;
  5437.                background-position: left;
  5438.                z-index: 2
  5439.            }
  5440.  
  5441.            :root {
  5442.                --easter-egg: none;
  5443.                --sparkle: url(sparkle.gif)
  5444.            }
  5445.  
  5446.            .animate--hover-vertical-lift .button:not(.button--tertiary),
  5447.            .animate--hover-vertical-lift .shopify-challenge__button,
  5448.            .animate--hover-vertical-lift .customer button,
  5449.            .animate--hover-vertical-lift .shopify-payment-button__button {
  5450.                transition: transform var(--duration-default) var(--ease-out-slow)
  5451.            }
  5452.  
  5453.            .animate--hover-vertical-lift .card-wrapper .card--card,
  5454.            .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
  5455.                transition: transform var(--duration-medium) var(--ease-out-slow)
  5456.            }
  5457.  
  5458.            .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  5459.            .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
  5460.                transform: translateY(-.75rem)
  5461.            }
  5462.  
  5463.            .animate--hover-vertical-lift .card-wrapper:active .card--card,
  5464.            .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
  5465.                transform: translateY(-.5rem)
  5466.            }
  5467.  
  5468.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  5469.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  5470.            .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  5471.            .animate--hover-vertical-lift .shopify-payment-button__button:hover {
  5472.                transform: translateY(-.25rem)
  5473.            }
  5474.  
  5475.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  5476.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  5477.            .animate--hover-vertical-lift .customer button:not([disabled]):active,
  5478.            .animate--hover-vertical-lift .shopify-payment-button__button:active {
  5479.                transform: translateY(0)
  5480.            }
  5481.  
  5482.            .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  5483.            .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  5484.            .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
  5485.                --border-offset: .3px;
  5486.                box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background))
  5487.            }
  5488.  
  5489.            .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
  5490.                --border-offset: 0px
  5491.            }
  5492.        }
  5493.    </style>
  5494.    <link rel="preload" as="font"
  5495.        href="https://perindusukma.com/cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664"
  5496.        type="font/woff2" crossorigin>
  5497.    <link rel="preload" as="font"
  5498.        href="https://perindusukma.com/cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372"
  5499.        type="font/woff2" crossorigin>
  5500.    <style>
  5501.        .predictive-search {
  5502.            display: none;
  5503.            position: absolute;
  5504.            top: calc(100% + .1rem);
  5505.            left: -.1rem;
  5506.            border-width: var(--popup-border-width);
  5507.            border-style: solid;
  5508.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  5509.            background-color: rgb(var(--color-background));
  5510.            z-index: 3;
  5511.            border-bottom-right-radius: var(--popup-corner-radius);
  5512.            border-bottom-left-radius: var(--popup-corner-radius);
  5513.            box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  5514.            overflow-y: auto;
  5515.            -webkit-overflow-scrolling: touch
  5516.        }
  5517.  
  5518.        .predictive-search--search-template {
  5519.            z-index: 2;
  5520.            width: calc(100% + .2rem)
  5521.        }
  5522.  
  5523.        .predictive-search__results-groups-wrapper {
  5524.            display: flex;
  5525.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5526.            padding-bottom: 1rem
  5527.        }
  5528.  
  5529.        @media screen and (max-width: 749px) {
  5530.            .predictive-search--header {
  5531.                right: 0;
  5532.                left: 0;
  5533.                top: 100%
  5534.            }
  5535.  
  5536.            .predictive-search__results-groups-wrapper {
  5537.                flex-direction: column
  5538.            }
  5539.  
  5540.            .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) {
  5541.                gap: 2rem
  5542.            }
  5543.        }
  5544.  
  5545.        @media screen and (min-width: 750px) {
  5546.            .predictive-search {
  5547.                border-top: none;
  5548.                width: calc(100% + .2rem)
  5549.            }
  5550.  
  5551.            .header predictive-search {
  5552.                position: relative
  5553.            }
  5554.        }
  5555.  
  5556.        predictive-search[open] .predictive-search,
  5557.        predictive-search[loading] .predictive-search {
  5558.            display: block
  5559.        }
  5560.  
  5561.        .predictive-search__result-group {
  5562.            display: flex;
  5563.            flex-direction: column;
  5564.            flex: 1 1 auto;
  5565.            gap: 2rem
  5566.        }
  5567.  
  5568.        .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5569.            display: none
  5570.        }
  5571.  
  5572.        @media screen and (min-width: 750px) {
  5573.  
  5574.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),
  5575.            .predictive-search__result-group:last-child .predictive-search__pages-wrapper {
  5576.                display: none
  5577.            }
  5578.  
  5579.            .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5580.                display: initial
  5581.            }
  5582.  
  5583.            .predictive-search__result-group:first-child {
  5584.                flex: 0 0 26.4rem
  5585.            }
  5586.  
  5587.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,
  5588.            .predictive-search__result-group:only-child {
  5589.                flex-grow: 1
  5590.            }
  5591.        }
  5592.  
  5593.        .predictive-search__heading {
  5594.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5595.            margin: 0 2rem;
  5596.            padding: 1.5rem 0 .75rem;
  5597.            color: rgba(var(--color-foreground), .7)
  5598.        }
  5599.  
  5600.        predictive-search .spinner {
  5601.            width: 1.5rem;
  5602.            height: 1.5rem;
  5603.            line-height: 0
  5604.        }
  5605.  
  5606.        predictive-search:not([loading]) .predictive-search__loading-state,
  5607.        predictive-search:not([loading]) .predictive-search-status__loading {
  5608.            display: none
  5609.        }
  5610.  
  5611.        predictive-search[loading] .predictive-search__loading-state {
  5612.            display: flex;
  5613.            justify-content: center;
  5614.            padding: 1rem
  5615.        }
  5616.  
  5617.        predictive-search[loading] .predictive-search__search-for-button {
  5618.            display: none
  5619.        }
  5620.  
  5621.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state {
  5622.            display: none
  5623.        }
  5624.  
  5625.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button {
  5626.            display: initial
  5627.        }
  5628.  
  5629.        .predictive-search__list-item[aria-selected=true]>*,
  5630.        .predictive-search__list-item:hover>*,
  5631.        .predictive-search__item[aria-selected=true],
  5632.        .predictive-search__item:hover {
  5633.            color: rgb(var(--color-foreground));
  5634.            background-color: rgba(var(--color-foreground), .04)
  5635.        }
  5636.  
  5637.        .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,
  5638.        .predictive-search__list-item:hover .predictive-search__item-heading {
  5639.            text-decoration: underline;
  5640.            text-underline-offset: .3rem
  5641.        }
  5642.  
  5643.        .predictive-search__item {
  5644.            display: flex;
  5645.            padding: 1rem 2rem;
  5646.            text-align: left;
  5647.            text-decoration: none;
  5648.            width: 100%
  5649.        }
  5650.  
  5651.        .predictive-search__item--link-with-thumbnail {
  5652.            display: grid;
  5653.            grid-template-columns: 5rem 1fr;
  5654.            grid-column-gap: 2rem;
  5655.            grid-template-areas: "product-image product-content"
  5656.        }
  5657.  
  5658.        .predictive-search__item-content {
  5659.            grid-area: product-content;
  5660.            display: flex;
  5661.            flex-direction: column
  5662.        }
  5663.  
  5664.        .predictive-search__item-content--centered {
  5665.            justify-content: center
  5666.        }
  5667.  
  5668.        .predictive-search__item-vendor {
  5669.            font-size: .9rem
  5670.        }
  5671.  
  5672.        .predictive-search__item-heading {
  5673.            margin: 0
  5674.        }
  5675.  
  5676.        .predictive-search__item-query-result *:not(mark) {
  5677.            font-weight: bolder
  5678.        }
  5679.  
  5680.        .predictive-search__item-query-result mark {
  5681.            color: rgba(var(--color-foreground), .75)
  5682.        }
  5683.  
  5684.        .predictive-search__item-query-result mark {
  5685.            background-color: transparent
  5686.        }
  5687.  
  5688.        .predictive-search__item .price {
  5689.            color: rgba(var(--color-foreground), .7);
  5690.            font-size: 1.2rem
  5691.        }
  5692.  
  5693.        .predictive-search__item-vendor+.predictive-search__item-heading,
  5694.        .predictive-search .price {
  5695.            margin-top: .5rem
  5696.        }
  5697.  
  5698.        .predictive-search__item--term {
  5699.            justify-content: space-between;
  5700.            align-items: center;
  5701.            padding: 1.3rem 2rem;
  5702.            word-break: break-all;
  5703.            line-height: calc(1 + .4 / var(--font-body-scale))
  5704.        }
  5705.  
  5706.        @media screen and (min-width: 750px) {
  5707.            .predictive-search__item--term {
  5708.                padding-top: 1rem;
  5709.                padding-bottom: 1rem
  5710.            }
  5711.        }
  5712.  
  5713.        .predictive-search__item--term .icon-arrow {
  5714.            width: calc(var(--font-heading-scale) * 1.4rem);
  5715.            height: calc(var(--font-heading-scale) * 1.4rem);
  5716.            flex-shrink: 0;
  5717.            margin-left: calc(var(--font-heading-scale) * 2rem);
  5718.            color: rgb(var(--color-link))
  5719.        }
  5720.  
  5721.        .predictive-search__image {
  5722.            grid-area: product-image;
  5723.            object-fit: contain;
  5724.            font-family: "object-fit: contain"
  5725.        }
  5726.    </style>
  5727.    <script>
  5728.        document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
  5729.        if (Shopify.designMode) {
  5730.            document.documentElement.classList.add('shopify-design-mode');
  5731.        }
  5732.    </script>
  5733.    <link href="https://monorail-edge.shopifysvc.com/" rel="dns-prefetch">
  5734.    <script>
  5735.        (function () {
  5736.            if ("sendBeacon" in navigator && "performance" in window) {
  5737.                var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
  5738.  
  5739.                function handle_abandonment_event(e) {
  5740.                    var entries = performance.getEntries().filter(function (entry) {
  5741.                        return /monorail-edge.shopifysvc.com/.test(entry.name);
  5742.                    });
  5743.                    if (!window.abandonment_tracked && entries.length === 0) {
  5744.                        window.abandonment_tracked = true;
  5745.                        var currentMs = Date.now();
  5746.                        var navigation_start = performance.timing.navigationStart;
  5747.                        var payload = {
  5748.                            shop_id: 67119169539,
  5749.                            url: window.location.href,
  5750.                            navigation_start,
  5751.                            duration: currentMs - navigation_start,
  5752.                            session_token: session_token && session_token.length === 2 ? session_token[1] : "",
  5753.                            page_type: "product"
  5754.                        };
  5755.                        window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
  5756.                            schema_id: "online_store_buyer_site_abandonment/1.1",
  5757.                            payload: payload,
  5758.                            metadata: {
  5759.                                event_created_at_ms: currentMs,
  5760.                                event_sent_at_ms: currentMs
  5761.                            }
  5762.                        }));
  5763.                    }
  5764.                }
  5765.                window.addEventListener('pagehide', handle_abandonment_event);
  5766.            }
  5767.        }());
  5768.    </script>
  5769.    <script id="web-pixels-manager-setup">
  5770.        (function e(e, n, a, t, o, r, i) {
  5771.            var s = null !== e,
  5772.                l = ("function" == typeof BigInt && BigInt.toString().indexOf("[native code]") ? "modern" : "legacy").substring(0, 1),
  5773.                c = t.substring(0, 1);
  5774.            if (s) {
  5775.                window.Shopify = window.Shopify || {};
  5776.                var d = window.Shopify;
  5777.                d.analytics = d.analytics || {};
  5778.                var u = d.analytics;
  5779.                u.replayQueue = [], u.publish = function (e, n, a) {
  5780.                    u.replayQueue.push([e, n, a])
  5781.                };
  5782.                try {
  5783.                    self.performance.mark("wpm:start")
  5784.                } catch (e) { }
  5785.            }
  5786.            var p, f, y, h, v, m, w, g, b, _ = [a, "/wpm", "https://perindusukma.com/", c, r, l, ".js"].join("");
  5787.            f = (p = {
  5788.                src: _,
  5789.                async: !0,
  5790.                onload: function () {
  5791.                    if (e) {
  5792.                        var a = window.webPixelsManager.init(e);
  5793.                        null == n || n(a);
  5794.                        var t = window.Shopify.analytics;
  5795.                        t.replayQueue.forEach((function (e) {
  5796.                            var n = e[0],
  5797.                                t = e[1],
  5798.                                o = e[2];
  5799.                            a.publishCustomEvent(n, t, o)
  5800.                        })), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
  5801.                    }
  5802.                },
  5803.                onerror: function () {
  5804.                    var n = (null == e ? void 0 : e.storefrontBaseUrl) ? e.storefrontBaseUrl.replace(/\/$/, "") : self.location.origin,
  5805.                        a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
  5806.                        t = JSON.stringify({
  5807.                            metadata: {
  5808.                                event_sent_at_ms: (new Date).getTime()
  5809.                            },
  5810.                            events: [{
  5811.                                schema_id: "web_pixels_manager_load/2.0",
  5812.                                payload: {
  5813.                                    version: o || "latest",
  5814.                                    page_url: self.location.href,
  5815.                                    status: "failed",
  5816.                                    error_msg: "".concat(_, " has failed to load")
  5817.                                },
  5818.                                metadata: {
  5819.                                    event_created_at_ms: (new Date).getTime()
  5820.                                }
  5821.                            }]
  5822.                        });
  5823.                    try {
  5824.                        if (self.navigator.sendBeacon.bind(self.navigator)(a, t)) return !0
  5825.                    } catch (e) { }
  5826.                    var r = new XMLHttpRequest;
  5827.                    try {
  5828.                        return r.open("POST.html", a, !0), r.setRequestHeader("Content-Type", "text/plain"), r.send(t), !0
  5829.                    } catch (e) {
  5830.                        console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
  5831.                    }
  5832.                    return !1
  5833.                }
  5834.            }).src, y = p.async, h = void 0 === y || y, v = p.onload, m = p.onerror, w = document.createElement("script"), g = document.head, b = document.body, w.async = h, w.src = f, v && w.addEventListener("load", v), m && w.addEventListener("error", m), g ? g.appendChild(w) : b ? b.appendChild(w) : console.error("Did not find a head or body element to append the script")
  5835.        })({
  5836.            shopId: 67119169539,
  5837.            storefrontBaseUrl: "https://perindusukma.com/",
  5838.            cdnBaseUrl: "https://perindusukma.com/cdn",
  5839.            surface: "storefront-renderer",
  5840.            enabledBetaFlags: ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"],
  5841.            webPixelsConfigList: [{
  5842.                "id": "shopify-app-pixel",
  5843.                "configuration": "{}",
  5844.                "eventPayloadVersion": "v1",
  5845.                "runtimeContext": "STRICT",
  5846.                "scriptVersion": "0570",
  5847.                "apiClientId": "shopify-pixel",
  5848.                "type": "APP"
  5849.            }, {
  5850.                "id": "shopify-custom-pixel",
  5851.                "eventPayloadVersion": "v1",
  5852.                "runtimeContext": "LAX",
  5853.                "scriptVersion": "0570",
  5854.                "apiClientId": "shopify-pixel",
  5855.                "type": "CUSTOM"
  5856.            }],
  5857.            initData: {
  5858.                "cart": null,
  5859.                "checkout": null,
  5860.                "customer": null,
  5861.                "productVariants": [{
  5862.                    "id": "43114192093653",
  5863.                    "image": {
  5864.                        "src": "https://i.postimg.cc/VNXYKNc1/assss.png"
  5865.                    },
  5866.                    "price": {
  5867.                        "amount": 5.000,
  5868.                        "currencyCode": "IDR"
  5869.                    },
  5870.                    "product": {
  5871.                        "id": "8226828321669",
  5872.                        "title": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  5873.                        "untranslatedTitle": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  5874.                        "url": "https://perindusukma.com/",
  5875.                        "vendor": "RDTOTO",
  5876.                        "type": ""
  5877.                    },
  5878.                    "sku": "",
  5879.                    "title": "Default Title",
  5880.                    "untranslatedTitle": "Default Title"
  5881.                }]
  5882.            },
  5883.        }, function pageEvents(webPixelsManagerAPI) {
  5884.            webPixelsManagerAPI.publish("page_viewed");
  5885.            webPixelsManagerAPI.publish("product_viewed", {
  5886.                "productVariant": {
  5887.                    "id": "43114192093653",
  5888.                    "image": {
  5889.                        "src": "https://i.postimg.cc/VNXYKNc1/assss.png"
  5890.                    },
  5891.                    "price": {
  5892.                        "amount": 5.000,
  5893.                        "currencyCode": "IDR"
  5894.                    },
  5895.                    "product": {
  5896.                        "id": "8226828321669",
  5897.                        "title": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  5898.                        "untranslatedTitle": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  5899.                        "url": "https://perindusukma.com/",
  5900.                        "vendor": "RDTOTO",
  5901.                        "type": ""
  5902.                    },
  5903.                    "sku": "",
  5904.                    "title": "Default Title",
  5905.                    "untranslatedTitle": "Default Title"
  5906.                }
  5907.            });
  5908.        }, "https://perindusukma.com/cdn", "browser", "0.0.407", "f25882c1w423ab3d2p8df04b18m261f6c04", ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"]);
  5909.    </script>
  5910.    <script>
  5911.        window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  5912.        window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  5913.        window.ShopifyAnalytics.meta.currency = 'IDR';
  5914.        var meta = {
  5915.            "product": {
  5916.                "id": 8226828321669,
  5917.                "gid": "gid:\/\/shopify\/Product\/8226828321669",
  5918.                "vendor": "RDTOTO",
  5919.                "type": "",
  5920.                "variants": [{
  5921.                    "id": 43114192093653,
  5922.                    "price": 5.000,
  5923.                    "name": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  5924.                    "public_title": null,
  5925.                    "sku": ""
  5926.                }]
  5927.            },
  5928.            "page": {
  5929.                "pageType": "product",
  5930.                "resourceType": "product",
  5931.                "resourceId": 8226828321669
  5932.            }
  5933.        };
  5934.        for (var attr in meta) {
  5935.            window.ShopifyAnalytics.meta[attr] = meta[attr];
  5936.        }
  5937.    </script>
  5938.    <script>
  5939.        window.ShopifyAnalytics.merchantGoogleAnalytics = function () { };
  5940.    </script>
  5941.    <script class="analytics">
  5942.        ! function () {
  5943.            var o = function (e) {
  5944.                var t = null;
  5945.                window.jQuery ? t = window.jQuery : window.Checkout && window.Checkout.$ && (t = window.Checkout.$), t && t("body").append(e)
  5946.            },
  5947.                r = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  5948.            if (!r.integrations) {
  5949.                r.methods = ["identify", "page", "ready", "track", "trackForm", "trackLink"], r.factory = function (t) {
  5950.                    return function () {
  5951.                        var e = Array.prototype.slice.call(arguments);
  5952.                        return e.unshift(t), r.push(e), r
  5953.                    }
  5954.                };
  5955.                for (var e = 0; e < r.methods.length; e++) {
  5956.                    var t = r.methods[e];
  5957.                    r[t] = r.factory(t)
  5958.                }
  5959.                r.load = function (e) {
  5960.                    r.config = e || {}, r.config.initialDocumentCookie = document.cookie;
  5961.                    var n = document.getElementsByTagName("script")[0],
  5962.                        t = document.createElement("script");
  5963.                    t.type = "text/javascript", t.onerror = function (e) {
  5964.                        var t = document.createElement("script");
  5965.                        t.type = "text/javascript", t.onerror = function (e) {
  5966.                            var i = {
  5967.                                produce: function (e, t, n) {
  5968.                                    var o = (new Date).getTime(),
  5969.                                        r = {
  5970.                                            schema_id: t,
  5971.                                            payload: n,
  5972.                                            metadata: {
  5973.                                                event_created_at_ms: o,
  5974.                                                event_sent_at_ms: o
  5975.                                            }
  5976.                                        };
  5977.                                    return i.sendRequest("https://" + e + "/v1/produce", JSON.stringify(r))
  5978.                                },
  5979.                                sendRequest: function (e, t) {
  5980.                                    if (window && window.navigator && "function" == typeof window.navigator.sendBeacon && "function" == typeof window.Blob && !i.isIos12()) {
  5981.                                        var n = new window.Blob([t], {
  5982.                                            type: "text/plain"
  5983.                                        });
  5984.                                        if (window.navigator.sendBeacon(e, n)) return !0
  5985.                                    }
  5986.                                    var o = new XMLHttpRequest;
  5987.                                    try {
  5988.                                        o.open("POST.html", e), o.setRequestHeader("Content-Type", "text/plain"), o.send(t)
  5989.                                    } catch (e) {
  5990.                                        console.log(e)
  5991.                                    }
  5992.                                    return !1
  5993.                                },
  5994.                                isIos12: function () {
  5995.                                    return -1 !== window.navigator.userAgent.lastIndexOf("iPhone; CPU iPhone OS 12_") || -1 !== window.navigator.userAgent.lastIndexOf("iPad; CPU OS 12_")
  5996.                                }
  5997.                            };
  5998.                            i.produce("monorail-edge.shopifysvc.com", "trekkie_storefront_load_errors/1.1", {
  5999.                                shop_id: 67119169539,
  6000.                                theme_id: 138081403093,
  6001.                                app_name: "storefront",
  6002.                                context_url: window.location.href,
  6003.                                source_url: "//allamericanwindowtinting.com/cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js"
  6004.                            })
  6005.                        }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6006.                    }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6007.                }, r.load({
  6008.                    Trekkie: {
  6009.                        appName: "storefront",
  6010.                        development: !1,
  6011.                        defaultAttributes: {
  6012.                            shopId: 67119169539,
  6013.                            isMerchantRequest: null,
  6014.                            themeId: 138081403093,
  6015.                            themeCityHash: "17813912158783281087",
  6016.                            contentLanguage: "en",
  6017.                            currency: "IDR"
  6018.                        },
  6019.                        isServerSideCookieWritingEnabled: !0,
  6020.                        monorailRegion: "shop_domain"
  6021.                    },
  6022.                    "Session Attribution": {},
  6023.                    S2S: {
  6024.                        facebookCapiEnabled: !1,
  6025.                        source: "trekkie-storefront-renderer"
  6026.                    }
  6027.                });
  6028.                var i = !1;
  6029.                r.ready(function () {
  6030.                    if (!i) {
  6031.                        i = !0, window.ShopifyAnalytics.lib = window.trekkie;
  6032.                        var e = document.write;
  6033.                        document.write = o;
  6034.                        try {
  6035.                            window.ShopifyAnalytics.merchantGoogleAnalytics.call(this)
  6036.                        } catch (e) { }
  6037.                        document.write = e, window.ShopifyAnalytics.lib.page(null, {
  6038.                            pageType: "product",
  6039.                            resourceType: "product",
  6040.                            resourceId: 8226828321669
  6041.                        });
  6042.                        var t = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/),
  6043.                            n = t ? t[1] : void 0;
  6044.                        (function (e) {
  6045.                            return !!e && -1 !== document.cookie.indexOf("loggedConversion=" + e)
  6046.                        })(n) || (function (e) {
  6047.                            if (e) {
  6048.                                var t = new Date(Date.now());
  6049.                                t.setMonth(t.getMonth() + 2), document.cookie = "loggedConversion=" + e + "; expires=" + t
  6050.                            }
  6051.                        }(n), window.ShopifyAnalytics.lib.track("Viewed Product", {
  6052.                            currency: "IDR",
  6053.                            variantId: 43114192093653,
  6054.                            productId: 8226828321669,
  6055.                            productGid: "gid://shopify/Product/8226828321669",
  6056.                            name: "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6057.                            price: "5000.0",
  6058.                            sku: "",
  6059.                            brand: "RDTOTO",
  6060.                            variant: null,
  6061.                            category: "",
  6062.                            nonInteraction: !0
  6063.                        }), window.ShopifyAnalytics.lib.track("monorail://trekkie_storefront_viewed_product/1.1", {
  6064.                            currency: "IDR",
  6065.                            variantId: 43114192093653,
  6066.                            productId: 8226828321669,
  6067.                            productGid: "gid://shopify/Product/8226828321669",
  6068.                            name: "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6069.                            price: "5000.0",
  6070.                            sku: "",
  6071.                            brand: "RDTOTO",
  6072.                            variant: null,
  6073.                            category: "",
  6074.                            nonInteraction: !0,
  6075.                            referer: "https://perindusukma.com/"
  6076.                        }))
  6077.                    }
  6078.                });
  6079.                var n = document.createElement("script");
  6080.                n.async = !0, n.src = "cdn/shopifycloud/shopify/assets/shop_events_listener-a7c63dba65ccddc484f77541dc8ca437e60e1e9e297fe1c3faebf6523a0ede9b.js", document.getElementsByTagName("head")[0].appendChild(n)
  6081.            }
  6082.        }()
  6083.    </script>
  6084.    <script class="boomerang">
  6085.        ! function () {
  6086.            if (!window.BOOMR || !window.BOOMR.version && !window.BOOMR.snippetExecuted) {
  6087.                window.BOOMR = window.BOOMR || {}, window.BOOMR.snippetStart = (new Date).getTime(), window.BOOMR.snippetExecuted = !0, window.BOOMR.snippetVersion = 12, window.BOOMR.application = "storefront-renderer", window.BOOMR.themeName = "Refresh", window.BOOMR.themeVersion = "12.0.0", window.BOOMR.shopId = 67119169539, window.BOOMR.themeId = 138081403093, window.BOOMR.renderRegion = "gcp-us-central1", window.BOOMR.url = "cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  6088.                var r = (document.currentScript || document.getElementsByTagName("script")[0]).parentNode,
  6089.                    c = !1,
  6090.                    e = document.createElement("link");
  6091.                e.relList && "function" == typeof e.relList.supports && e.relList.supports("preload") && "as" in e ? (window.BOOMR.snippetMethod = "p", e.href = window.BOOMR.url, e.rel = "preload", e.as = "script", e.addEventListener("load", function () {
  6092.                    if (!c) {
  6093.                        var e = document.createElement("script");
  6094.                        e.id = "boomr-scr-as", e.src = window.BOOMR.url, e.async = !0, r.appendChild(e), c = !0
  6095.                    }
  6096.                }), e.addEventListener("error", function () {
  6097.                    n(!0)
  6098.                }), setTimeout(function () {
  6099.                    c || n(!0)
  6100.                }, 3e3), BOOMR_lstart = (new Date).getTime(), r.appendChild(e)) : n(!1), window.addEventListener ? window.addEventListener("load", t, !1) : window.attachEvent && window.attachEvent("onload", t), document.addEventListener ? document.addEventListener("onBoomerangLoaded", function (e) {
  6101.                    e.detail.BOOMR.init({
  6102.                        ResourceTiming: {
  6103.                            enabled: !0,
  6104.                            trackedResourceTypes: ["script", "img", "css"]
  6105.                        }
  6106.                    }), e.detail.BOOMR.t_end = (new Date).getTime()
  6107.                }) : document.attachEvent && document.attachEvent("onpropertychange", function (e) {
  6108.                    e || (e = event), "onBoomerangLoaded" === e.propertyName && (e.detail.BOOMR.init({
  6109.                        ResourceTiming: {
  6110.                            enabled: !0,
  6111.                            trackedResourceTypes: ["script", "img", "css"]
  6112.                        }
  6113.                    }), e.detail.BOOMR.t_end = (new Date).getTime())
  6114.                })
  6115.            }
  6116.  
  6117.            function n(e) {
  6118.                var n, t, o, i;
  6119.                c = !0;
  6120.                var d = document,
  6121.                    a = window;
  6122.                if (window.BOOMR.snippetMethod = e ? "if" : "i", t = function (e, n) {
  6123.                    var t = d.createElement("script");
  6124.                    t.id = n || "boomr-if-as", t.src = window.BOOMR.url, BOOMR_lstart = (new Date).getTime(), (e = e || d.body).appendChild(t)
  6125.                }, !window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) return window.BOOMR.snippetMethod = "s", void t(r, "boomr-async");
  6126.                (o = document.createElement("IFRAME")).src = "about:blank", o.title = "", o.role = "presentation", o.loading = "eager", (i = (o.frameElement || o).style).width = 0, i.height = 0, i.border = 0, i.display = "none", r.appendChild(o);
  6127.                try {
  6128.                    a = o.contentWindow, d = a.document.open()
  6129.                } catch (e) {
  6130.                    n = document.domain, o.src = "javascript:var d=document.open();d.domain='" + n + "';void(0);", a = o.contentWindow, d = a.document.open()
  6131.                }
  6132.                n ? (d._boomrl = function () {
  6133.                    this.domain = n, t()
  6134.                }, d.write(" < body onload = 'document._boomrl();' > ")) : (a._boomrl = function () {
  6135.                    t()
  6136.                }, a.addEventListener ? a.addEventListener("load", a._boomrl, !1) : a.attachEvent && a.attachEvent("onload", a._boomrl)), d.close()
  6137.            }
  6138.  
  6139.            function t(e) {
  6140.                window.BOOMR_onload = e && e.timeStamp || (new Date).getTime()
  6141.            }
  6142.        }()
  6143.    </script>
  6144.    <script type="application/ld+json" class="yoast-schema-graph">
  6145.        {
  6146.        "@context":"https://schema.org",
  6147.        "@graph":[{"@type":"WebSite",
  6148.        "@id":"https://perindusukma.com/",
  6149.        "url":"https://perindusukma.com/",
  6150.        "name":"RDTOTO",
  6151.        "potentialAction":[{"@type":"SearchAction",
  6152.        "target":{"@type":"EntryPoint",
  6153.        "urlTemplate":"#?s={search_term_string}"},
  6154.        "query-input":"required name=search_term_string"}],
  6155.        "inLanguage":"id-ID"},{"@type":"CollectionPage",
  6156.        "@id":"##webpage",
  6157.        "url":"https://perindusukma.com/",
  6158.        "name":"RDTOTO",
  6159.        "isPartOf":{"@id":"#website"},
  6160.        "description":"RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  6161.        "breadcrumb":{"@id":"#breadcrumb"},
  6162.        "inLanguage":"id-ID",
  6163.        "potentialAction":[{"@type":"ReadAction",
  6164.        "target":["https://perindusukma.com/"]}]},
  6165.        {"@type":"BreadcrumbList",
  6166.        "@id":"#breadcrumb",
  6167.        "itemListElement":[{"@type":"ListItem",
  6168.        "position":1,
  6169.        "name":"Home"}]}]}
  6170.        </script>
  6171.    <script type="application/ld+json">
  6172.        {
  6173.        "@context": "http://schema.org",
  6174.        "@type": "Game",
  6175.        "name": "RDTOTO",
  6176.        "author": { "@type": "Person",
  6177.        "name": "RDTOTO" },
  6178.        "headline": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6179.        "description": "RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  6180.        "keywords":"RDTOTO, RDTOTO login, RDTOTO daftar, prediksi RDTOTO, situs rdtoto, situs togel",
  6181.        "image": "https://i.postimg.cc/VNXYKNc1/assss.png",
  6182.        "url": "https://perindusukma.com/",
  6183.        "publisher": { "@type": "Organization", "name": "RDTOTO" },
  6184.        "aggregateRating": { "@type": "AggregateRating",
  6185.        "ratingValue": "100",
  6186.        "bestRating": "100",
  6187.        "worstRating": "0",
  6188.        "ratingCount": "10987881" },
  6189.        "inLanguage": "id-ID"}
  6190.        </script>
  6191.    <script type='application/ld+json'>
  6192.        {
  6193.        "@context": "http://schema.org",
  6194.        "@type": "Article",
  6195.        "@id": "#article",
  6196.        "mainEntityOfPage": "https://perindusukma.com/",
  6197.        "headline": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6198.        "name": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6199.        "url": "https://perindusukma.com/",
  6200.        "description": "RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  6201.        "image": "https://i.postimg.cc/VNXYKNc1/assss.png",
  6202.        "datePublished": "2024-07-08T10:42:40+00:00",
  6203.        "dateModified": "2024-07-08T10:42:40+00:00",
  6204.        "author": {
  6205.        "@type": "Person",
  6206.        "name": "RDTOTO",
  6207.        "url": "https://perindusukma.com/"
  6208.        },
  6209.        "publisher": {
  6210.        "@type": "Organization",
  6211.        "name": "https://perindusukma.com/",
  6212.        "description": "RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  6213.        "logo": {
  6214.        "@type": "ImageObject",
  6215.        "url": "https://i.postimg.cc/VNXYKNc1/assss.png",
  6216.        "width": 600,
  6217.        "height": 60
  6218.        }
  6219.        }
  6220.        }
  6221.        </script>
  6222.    <script type="application/ld+json">
  6223.        {
  6224.        "@context": "https://schema.org",
  6225.        "@type": "Organization",
  6226.        "name": "RDTOTO",
  6227.        "alternateName": "RDTOTO",
  6228.        "url": "https://perindusukma.com/",
  6229.        "logo": "https://i.postimg.cc/7Z8rC1R8/logo.png",
  6230.        "description": "RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  6231.        "address": {
  6232.        "@type": "PostalAddress",
  6233.        "streetAddress":"Kuningan",
  6234.        "postOfficeBoxNumber":"11450",
  6235.        "addressLocality":"DaerahKhususIbukotaJakarta",
  6236.        "addressRegion":"KotaJakartaPusat",
  6237.        "postalCode":"41000",
  6238.        "addressCountry": "ID"
  6239.        },
  6240.        "contactPoint": {
  6241.        "@type": "ContactPoint",
  6242.        "telephone": "+62821-3366-5511",
  6243.        "contactType": "customer service",
  6244.        "areaServed": "ID",
  6245.        "availableLanguage": "Indonesian"
  6246.        },
  6247.        "sameAs": [
  6248.        "https://www.youtube.com/RDTOTO",
  6249.        "https://twitter.com/RDTOTO",
  6250.        "https://perindusukma.com/"
  6251.        ]
  6252.        }
  6253.        </script>
  6254.    <script type="application/ld+json">
  6255.        {
  6256.        "@context": "https://schema.org",
  6257.        "@type": "FAQPage",
  6258.        "mainEntity": [
  6259.        {
  6260.        "@type": "Question",
  6261.        "name": "Apa itu RDTOTO?",
  6262.        "acceptedAnswer": {
  6263.        "@type": "Answer",
  6264.        "text": "RDTOTO adalah situs togel online yang sudah berdiri dari 2014 sampai sekarang."
  6265.        }
  6266.        },{
  6267.        "@type": "Question",
  6268.        "name": "Apa itu Togel?",
  6269.        "acceptedAnswer": {
  6270.        "@type": "Answer",
  6271.        "text": "Togel adalah permainan tebak angka dengan bayaran yang fantastis jika angka yang dibetting kenak."
  6272.        }
  6273.        },{
  6274.        "@type": "Question",
  6275.        "name": "Apakah RDTOTO aman untuk dimainkan?",
  6276.        "acceptedAnswer": {
  6277.        "@type": "Answer",
  6278.        "text": "Ya, RDTOTO menggunakan sistem keamanan canggih untuk melindungi data dan transaksi Anda, memastikan pengalaman bermain yang aman dan nyaman."
  6279.        }
  6280.        },{
  6281.        "@type": "Question",
  6282.        "name": "Bagaimana cara melakukan deposit di RDTOTO?",
  6283.        "acceptedAnswer": {
  6284.        "@type": "Answer",
  6285.        "text": "Anda bisa melakukan deposit melalui berbagai metode pembayaran yang tersedia, seperti transfer bank, e-wallet, atau pulsa. Panduan lengkap dapat dilihat di halaman deposit situs kami."
  6286.        }
  6287.        }]
  6288.        }
  6289.        </script>
  6290.    <script type="application/ld+json">
  6291.        {
  6292.        "@context": "https://schema.org/",
  6293.        "@type": "BreadcrumbList",
  6294.        "itemListElement": [{
  6295.        "@type": "ListItem",
  6296.        "position": 1,
  6297.        "name": "Home",
  6298.        "item": "https://perindusukma.com/"
  6299.        },
  6300.        {
  6301.        "@type": "ListItem",
  6302.        "position": 2,
  6303.        "name": "RDTOTO",
  6304.        "item": "https://perindusukma.com/"
  6305.        },
  6306.        {
  6307.        "@type": "ListItem",
  6308.        "position": 3,
  6309.        "name": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  6310.        "item": "https://perindusukma.com/"
  6311.        }
  6312.        ]
  6313.        }
  6314.        </script>
  6315. </head>
  6316.  
  6317. <body class="gradient">
  6318.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  6319.        Skip to content
  6320.    </a>
  6321.  
  6322.    <style>
  6323.        quantity-popover {
  6324.            position: relative;
  6325.            display: block
  6326.        }
  6327.  
  6328.        quantity-popover volume-pricing li:nth-child(odd) {
  6329.            background: rgba(var(--color-foreground), .03)
  6330.        }
  6331.  
  6332.        quantity-popover volume-pricing li {
  6333.            font-size: 1.4rem;
  6334.            letter-spacing: .06rem;
  6335.            padding: .6rem .8rem;
  6336.            display: flex;
  6337.            justify-content: space-between
  6338.        }
  6339.  
  6340.        .quantity-popover__info.global-settings-popup {
  6341.            width: 100%;
  6342.            z-index: 2;
  6343.            position: absolute;
  6344.            background-color: rgb(var(--color-background));
  6345.            max-width: 36rem
  6346.        }
  6347.  
  6348.        .quantity-popover__info .button-close,
  6349.        .variant-remove-total quick-order-list-remove-all-button .button,
  6350.        .quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
  6351.        quantity-popover quick-order-list-remove-button .button {
  6352.            --shadow-opacity: 0;
  6353.            --border-opacity: 0
  6354.        }
  6355.  
  6356.        .quantity-popover__info-button {
  6357.            display: flex;
  6358.            align-items: center;
  6359.            margin: 0 .4rem 0 0;
  6360.            min-width: 1.5rem;
  6361.            min-height: 1.5rem;
  6362.            --shadow-opacity: 0;
  6363.            --border-opacity: 0
  6364.        }
  6365.  
  6366.        .quantity-popover__info-button--icon-with-label {
  6367.            align-items: flex-start;
  6368.            text-align: left
  6369.        }
  6370.  
  6371.        .quantity-popover__info-button--icon-with-label svg {
  6372.            flex-shrink: 0
  6373.        }
  6374.  
  6375.        .quantity-popover__info-button--open {
  6376.            text-decoration: underline
  6377.        }
  6378.  
  6379.        .quantity-popover__info-button span {
  6380.            padding-left: 1rem
  6381.        }
  6382.  
  6383.        @media screen and (max-width: 989px) {
  6384.            .quantity-popover__info.global-settings-popup {
  6385.                left: 0
  6386.            }
  6387.  
  6388.            .quantity-popover__info-button {
  6389.                padding-left: 0
  6390.            }
  6391.        }
  6392.  
  6393.        .quantity-popover__info .quantity__rules {
  6394.            margin-top: 1.2rem;
  6395.            margin-bottom: 1rem
  6396.        }
  6397.  
  6398.        .quantity-popover__info .volume-pricing-label {
  6399.            display: block;
  6400.            margin-left: 1.2rem;
  6401.            margin-top: 1.2rem;
  6402.            font-size: 1.2rem
  6403.        }
  6404.  
  6405.        .quantity-popover__info .button {
  6406.            width: 3.2rem;
  6407.            height: 3.2rem;
  6408.            position: absolute;
  6409.            top: .4rem;
  6410.            right: 0;
  6411.            padding: 0 1.2rem 0 0;
  6412.            display: flex;
  6413.            justify-content: flex-end
  6414.        }
  6415.  
  6416.        .quantity-popover__info .volume-pricing-label~.button {
  6417.            top: -.2rem
  6418.        }
  6419.  
  6420.        .quantity-popover__info .button .icon {
  6421.            width: 1.5rem;
  6422.            height: 1.5rem
  6423.        }
  6424.  
  6425.        quantity-popover volume-pricing {
  6426.            margin-top: 1.2rem;
  6427.            display: block
  6428.        }
  6429.  
  6430.        quantity-popover .quantity__rules span:first-of-type {
  6431.            display: block
  6432.        }
  6433.  
  6434.        .quantity-popover-container {
  6435.            display: flex;
  6436.            padding: .5rem .5rem .5rem 0
  6437.        }
  6438.  
  6439.        .quantity-popover-container:not(.quantity-popover-container--hover) {
  6440.            align-items: center
  6441.        }
  6442.  
  6443.        @media screen and (min-width: 990px) {
  6444.            .quantity-popover-container--hover:hover {
  6445.                background-color: rgba(var(--color-foreground), .03);
  6446.                border-radius: var(--inputs-radius-outset)
  6447.            }
  6448.  
  6449.            .quantity-popover-container--empty {
  6450.                margin-right: 2.7rem
  6451.            }
  6452.  
  6453.            .quantity-popover__info.global-settings-popup {
  6454.                width: 27rem
  6455.            }
  6456.  
  6457.            .quantity-popover-container {
  6458.                width: auto;
  6459.                max-width: 20rem
  6460.            }
  6461.  
  6462.            .quantity-popover__info.global-settings-popup {
  6463.                transform: translateY(1rem)
  6464.            }
  6465.        }
  6466.  
  6467.        quantity-popover:has(.quantity__input:focus-visible) .quantity-popover__info {
  6468.            display: block
  6469.        }
  6470.  
  6471.        quantity-popover .quantity {
  6472.            background: rgb(var(--color-background))
  6473.        }
  6474.  
  6475.        quantity-popover .quantity__rules {
  6476.            margin-left: .8rem
  6477.        }
  6478.  
  6479.        quantity-popover .quantity__rules .divider:nth-child(2):before {
  6480.            content: none
  6481.        }
  6482.  
  6483.        quantity-popover .quantity__button:not(:focus-visible):not(.focused),
  6484.        quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  6485.            background-color: initial
  6486.        }
  6487.    </style>
  6488.    <style>
  6489.        .card-wrapper {
  6490.            color: inherit;
  6491.            height: 100%;
  6492.            position: relative;
  6493.            text-decoration: none
  6494.        }
  6495.  
  6496.        .card {
  6497.            text-decoration: none;
  6498.            text-align: var(--text-alignment)
  6499.        }
  6500.  
  6501.        .card:not(.ratio) {
  6502.            display: flex;
  6503.            flex-direction: column;
  6504.            height: 100%
  6505.        }
  6506.  
  6507.        .card.card--horizontal {
  6508.            --text-alignment: left;
  6509.            --image-padding: 0rem;
  6510.            flex-direction: row;
  6511.            align-items: flex-start;
  6512.            gap: 1.5rem
  6513.        }
  6514.  
  6515.        .card--horizontal.ratio:before {
  6516.            padding-bottom: 0
  6517.        }
  6518.  
  6519.        .card--card.card--horizontal {
  6520.            padding: 1.2rem
  6521.        }
  6522.  
  6523.        .card--card.card--horizontal.card--text {
  6524.            column-gap: 0
  6525.        }
  6526.  
  6527.        .card--card {
  6528.            height: 100%
  6529.        }
  6530.  
  6531.        .card--card,
  6532.        .card--standard .card__inner {
  6533.            position: relative;
  6534.            box-sizing: border-box;
  6535.            border-radius: var(--border-radius);
  6536.            border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  6537.        }
  6538.  
  6539.        .card--card:after,
  6540.        .card--standard .card__inner:after {
  6541.            content: "";
  6542.            position: absolute;
  6543.            z-index: -1;
  6544.            width: calc(var(--border-width) * 2 + 100%);
  6545.            height: calc(var(--border-width) * 2 + 100%);
  6546.            top: calc(var(--border-width) * -1);
  6547.            left: calc(var(--border-width) * -1);
  6548.            border-radius: var(--border-radius);
  6549.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  6550.        }
  6551.  
  6552.        .card--card.gradient,
  6553.        .card__inner.gradient {
  6554.            transform: perspective(0)
  6555.        }
  6556.  
  6557.        .card__inner.color-background-1 {
  6558.            background: transparent
  6559.        }
  6560.  
  6561.        .card .card__inner .card__media {
  6562.            overflow: hidden;
  6563.            z-index: 0;
  6564.            border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  6565.        }
  6566.  
  6567.        .card--card .card__inner .card__media {
  6568.            border-bottom-right-radius: 0;
  6569.            border-bottom-left-radius: 0
  6570.        }
  6571.  
  6572.        .card--standard.card--text {
  6573.            background-color: transparent
  6574.        }
  6575.  
  6576.        .card-information {
  6577.            text-align: var(--text-alignment)
  6578.        }
  6579.  
  6580.        .card__media,
  6581.        .card .media {
  6582.            bottom: 0;
  6583.            position: absolute;
  6584.            top: 0
  6585.        }
  6586.  
  6587.        .card .media {
  6588.            width: 100%
  6589.        }
  6590.  
  6591.        .card__media {
  6592.            margin: var(--image-padding);
  6593.            width: calc(100% - 2 * var(--image-padding))
  6594.        }
  6595.  
  6596.        .card--standard .card__media {
  6597.            margin: var(--image-padding)
  6598.        }
  6599.  
  6600.        .card__inner {
  6601.            width: 100%
  6602.        }
  6603.  
  6604.        .card--media .card__inner .card__content {
  6605.            position: relative;
  6606.            padding: calc(var(--image-padding) + 1rem)
  6607.        }
  6608.  
  6609.        .card__content {
  6610.            display: grid;
  6611.            grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  6612.            padding: 1rem;
  6613.            width: 100%;
  6614.            flex-grow: 1
  6615.        }
  6616.  
  6617.        .card__content--auto-margins {
  6618.            grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  6619.        }
  6620.  
  6621.        .card__information {
  6622.            grid-row-start: 2;
  6623.            padding: 1.3rem 1rem
  6624.        }
  6625.  
  6626.        .card:not(.ratio)>.card__content {
  6627.            grid-template-rows: max-content minmax(0, 1fr) max-content auto
  6628.        }
  6629.  
  6630.        .card-information .card__information-volume-pricing-note {
  6631.            margin-top: .6rem;
  6632.            line-height: calc(.5 + .4 / var(--font-body-scale));
  6633.            color: rgba(var(--color-foreground), .75)
  6634.        }
  6635.  
  6636.        @media screen and (min-width: 750px) {
  6637.            .card__information {
  6638.                padding-bottom: 1.7rem;
  6639.                padding-top: 1.7rem
  6640.            }
  6641.        }
  6642.  
  6643.        .card__badge {
  6644.            align-self: flex-end;
  6645.            grid-row-start: 3;
  6646.            justify-self: flex-start
  6647.        }
  6648.  
  6649.        .card__badge.top {
  6650.            align-self: flex-start;
  6651.            grid-row-start: 1
  6652.        }
  6653.  
  6654.        .card__badge.right {
  6655.            justify-self: flex-end
  6656.        }
  6657.  
  6658.        .card:not(.card--horizontal)>.card__content>.card__badge {
  6659.            margin: 1.3rem
  6660.        }
  6661.  
  6662.        .card__media .media img {
  6663.            height: 100%;
  6664.            object-fit: cover;
  6665.            object-position: center center;
  6666.            width: 100%
  6667.        }
  6668.  
  6669.        .card__inner:not(.ratio)>.card__content {
  6670.            height: 100%
  6671.        }
  6672.  
  6673.        .card__heading {
  6674.            margin-top: 0;
  6675.            margin-bottom: 0
  6676.        }
  6677.  
  6678.        .card__heading:last-child {
  6679.            margin-bottom: 0
  6680.        }
  6681.  
  6682.        .card--horizontal .card__heading,
  6683.        .card--horizontal .price__container .price-item,
  6684.        .card--horizontal__quick-add {
  6685.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  6686.        }
  6687.  
  6688.        .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6689.            margin-top: 0
  6690.        }
  6691.  
  6692.        .card--horizontal__quick-add:before {
  6693.            box-shadow: none
  6694.        }
  6695.  
  6696.        @media only screen and (min-width: 750px) {
  6697.  
  6698.            .card--horizontal .card__heading,
  6699.            .card--horizontal .price__container .price-item,
  6700.            .card--horizontal__quick-add {
  6701.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  6702.            }
  6703.        }
  6704.  
  6705.        .card--card.card--media>.card__content {
  6706.            margin-top: calc(0rem - var(--image-padding))
  6707.        }
  6708.  
  6709.        .card--standard.card--text a:after,
  6710.        .card--card .card__heading a:after {
  6711.            bottom: calc(var(--border-width) * -1);
  6712.            left: calc(var(--border-width) * -1);
  6713.            right: calc(var(--border-width) * -1);
  6714.            top: calc(var(--border-width) * -1)
  6715.        }
  6716.  
  6717.        .card__heading a:after {
  6718.            bottom: 0;
  6719.            content: "";
  6720.            left: 0;
  6721.            position: absolute;
  6722.            right: 0;
  6723.            top: 0;
  6724.            z-index: 1
  6725.        }
  6726.  
  6727.        .card__heading a:after {
  6728.            outline-offset: .3rem
  6729.        }
  6730.  
  6731.        .card__heading a:focus:after {
  6732.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6733.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6734.        }
  6735.  
  6736.        .card__heading a:focus-visible:after {
  6737.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6738.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6739.        }
  6740.  
  6741.        .card__heading a:focus:not(:focus-visible):after {
  6742.            box-shadow: none;
  6743.            outline: 0
  6744.        }
  6745.  
  6746.        .card__heading a:focus {
  6747.            box-shadow: none;
  6748.            outline: 0
  6749.        }
  6750.  
  6751.        @media screen and (min-width: 990px) {
  6752.  
  6753.            .card .media.media--hover-effect>img:only-child,
  6754.            .card-wrapper .media.media--hover-effect>img:only-child {
  6755.                transition: transform var(--duration-long) ease
  6756.            }
  6757.  
  6758.            .card:hover .media.media--hover-effect>img:first-child:only-child,
  6759.            .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  6760.                transform: scale(1.03)
  6761.            }
  6762.  
  6763.            .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  6764.                opacity: 0
  6765.            }
  6766.  
  6767.            .card-wrapper:hover .media.media--hover-effect>img+img {
  6768.                opacity: 1;
  6769.                transition: transform var(--duration-long) ease;
  6770.                transform: scale(1.03)
  6771.            }
  6772.  
  6773.            .underline-links-hover:hover a {
  6774.                text-decoration: underline;
  6775.                text-underline-offset: .3rem
  6776.            }
  6777.        }
  6778.  
  6779.        .card--standard.card--media .card__inner .card__information,
  6780.        .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  6781.        .card--standard:not(.card--horizontal)>.card__content .card__badge,
  6782.        .card--standard.card--text.article-card>.card__content .card__information,
  6783.        .card--standard>.card__content .card__caption {
  6784.            display: none
  6785.        }
  6786.  
  6787.        .card--standard:not(.card--horizontal) .placeholder-svg {
  6788.            height: auto;
  6789.            width: 100%
  6790.        }
  6791.  
  6792.        .card--standard>.card__content {
  6793.            padding: 0
  6794.        }
  6795.  
  6796.        .card--standard>.card__content .card__information {
  6797.            padding-left: 0;
  6798.            padding-right: 0
  6799.        }
  6800.  
  6801.        .card--card.card--media .card__inner .card__information,
  6802.        .card--card.card--text .card__inner,
  6803.        .card--card.card--media>.card__content .card__badge {
  6804.            display: none
  6805.        }
  6806.  
  6807.        .card--horizontal .card__badge,
  6808.        .card--horizontal.card--text .card__inner {
  6809.            display: none
  6810.        }
  6811.  
  6812.        .card--extend-height {
  6813.            height: 100%
  6814.        }
  6815.  
  6816.        .card--extend-height.card--standard.card--text,
  6817.        .card--extend-height.card--media {
  6818.            display: flex;
  6819.            flex-direction: column
  6820.        }
  6821.  
  6822.        .card--extend-height.card--standard.card--text .card__inner,
  6823.        .card--extend-height.card--media .card__inner {
  6824.            flex-grow: 1
  6825.        }
  6826.  
  6827.        .card .icon-wrap {
  6828.            margin-left: .8rem;
  6829.            white-space: nowrap;
  6830.            transition: transform var(--duration-short) ease;
  6831.            overflow: hidden
  6832.        }
  6833.  
  6834.        .card-information>*+* {
  6835.            margin-top: .5rem
  6836.        }
  6837.  
  6838.        .card-information {
  6839.            width: 100%
  6840.        }
  6841.  
  6842.        .card-information>* {
  6843.            line-height: calc(1 + .4 / var(--font-body-scale));
  6844.            color: rgb(var(--color-foreground))
  6845.        }
  6846.  
  6847.        .card-information>.price {
  6848.            color: rgb(var(--color-foreground))
  6849.        }
  6850.  
  6851.        .card--horizontal .card-information>.price {
  6852.            color: rgba(var(--color-foreground), .75)
  6853.        }
  6854.  
  6855.        .card-information>.rating {
  6856.            margin-top: .4rem
  6857.        }
  6858.  
  6859.        .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6860.            margin-top: .7rem
  6861.        }
  6862.  
  6863.        .card-information .caption {
  6864.            letter-spacing: .07rem
  6865.        }
  6866.  
  6867.        .card-article-info {
  6868.            margin-top: 1rem
  6869.        }
  6870.  
  6871.        .card--shape .card__content {
  6872.            padding-top: 0
  6873.        }
  6874.  
  6875.        .card--shape.card--standard:not(.card--text) .card__inner {
  6876.            border: 0;
  6877.            background-color: transparent;
  6878.            filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  6879.        }
  6880.  
  6881.        .card--shape.card--standard:not(.card--text) .card__inner:after {
  6882.            display: none
  6883.        }
  6884.  
  6885.        .grid__item:nth-child(2n) .shape--blob {
  6886.            clip-path: polygon(var(--shape--blob-2))
  6887.        }
  6888.  
  6889.        .grid__item:nth-child(3n) .shape--blob {
  6890.            clip-path: polygon(var(--shape--blob-3))
  6891.        }
  6892.  
  6893.        .grid__item:nth-child(4n) .shape--blob {
  6894.            clip-path: polygon(var(--shape--blob-4))
  6895.        }
  6896.  
  6897.        .grid__item:nth-child(5n) .shape--blob {
  6898.            clip-path: polygon(var(--shape--blob-5))
  6899.        }
  6900.  
  6901.        .grid__item:nth-child(7n) .shape--blob {
  6902.            clip-path: polygon(var(--shape--blob-6))
  6903.        }
  6904.  
  6905.        .grid__item:nth-child(8n) .shape--blob {
  6906.            clip-path: polygon(var(--shape--blob-1))
  6907.        }
  6908.  
  6909.        @media (prefers-reduced-motion: no-preference) {
  6910.            .product-card-wrapper .shape--round {
  6911.                transition: clip-path var(--duration-long) ease
  6912.            }
  6913.  
  6914.            .product-card-wrapper:hover .shape--round {
  6915.                clip-path: ellipse(47% 47% at 50% 50%)
  6916.            }
  6917.  
  6918.            .product-card-wrapper .shape--blob {
  6919.                transition: clip-path var(--duration-long) ease-in-out
  6920.            }
  6921.  
  6922.            .product-card-wrapper:hover .shape--blob {
  6923.                clip-path: polygon(var(--shape--blob-5))
  6924.            }
  6925.  
  6926.            .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  6927.                clip-path: polygon(var(--shape--blob-6))
  6928.            }
  6929.  
  6930.            .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  6931.                clip-path: polygon(var(--shape--blob-1))
  6932.            }
  6933.  
  6934.            .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  6935.                clip-path: polygon(var(--shape--blob-2))
  6936.            }
  6937.  
  6938.            .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  6939.                clip-path: polygon(var(--shape--blob-3))
  6940.            }
  6941.  
  6942.            .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  6943.                clip-path: polygon(var(--shape--blob-4))
  6944.            }
  6945.  
  6946.            .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  6947.                clip-path: polygon(var(--shape--blob-5))
  6948.            }
  6949.        }
  6950.    </style>
  6951.  
  6952.    <script>
  6953.        /** Shopify CDN: Minification failed
  6954.    
  6955.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6956.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6957.    Line 22:6 Transforming const to the configured target environment ("es5") is not supported yet
  6958.    Line 30:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6959.    Line 31:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6960.    Line 36:4 Transforming const to the configured target environment ("es5") is not supported yet
  6961.    Line 45:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6962.    Line 54:22 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6963.    Line 60:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6964.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6965.    ... and 38 more hidden warnings
  6966.    
  6967.    **/
  6968.        class CartRemoveButton extends HTMLElement {
  6969.            constructor() {
  6970.                super();
  6971.  
  6972.                this.addEventListener('click', (event) => {
  6973.                    event.preventDefault();
  6974.                    const cartItems = this.closest('cart-items') || this.closest('cart-drawer-items');
  6975.                    cartItems.updateQuantity(this.dataset.index, 0);
  6976.                });
  6977.            }
  6978.        }
  6979.  
  6980.        customElements.define('cart-remove-button', CartRemoveButton);
  6981.  
  6982.        class CartItems extends HTMLElement {
  6983.            constructor() {
  6984.                super();
  6985.                this.lineItemStatusElement =
  6986.                    document.getElementById('shopping-cart-line-item-status') || document.getElementById('CartDrawer-LineItemStatus');
  6987.  
  6988.                const debouncedOnChange = debounce((event) => {
  6989.                    this.onChange(event);
  6990.                }, ON_CHANGE_DEBOUNCE_TIMER);
  6991.  
  6992.                this.addEventListener('change', debouncedOnChange.bind(this));
  6993.            }
  6994.  
  6995.            cartUpdateUnsubscriber = undefined;
  6996.  
  6997.            connectedCallback() {
  6998.                this.cartUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.cartUpdate, (event) => {
  6999.                    if (event.source === 'cart-items') {
  7000.                        return;
  7001.                    }
  7002.                    this.onCartUpdate();
  7003.                });
  7004.            }
  7005.  
  7006.            disconnectedCallback() {
  7007.                if (this.cartUpdateUnsubscriber) {
  7008.                    this.cartUpdateUnsubscriber();
  7009.                }
  7010.            }
  7011.  
  7012.            onChange(event) {
  7013.                this.updateQuantity(event.target.dataset.index, event.target.value, document.activeElement.getAttribute('name'), event.target.dataset.quantityVariantId);
  7014.            }
  7015.  
  7016.            onCartUpdate() {
  7017.                if (this.tagName === 'CART-DRAWER-ITEMS') {
  7018.                    fetch(`${routes.cart_url}?section_id=cart-drawer`)
  7019.                        .then((response) => response.text())
  7020.                        .then((responseText) => {
  7021.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7022.                            const selectors = ['cart-drawer-items', '.cart-drawer__footer'];
  7023.                            for (const selector of selectors) {
  7024.                                const targetElement = document.querySelector(selector);
  7025.                                const sourceElement = html.querySelector(selector);
  7026.                                if (targetElement && sourceElement) {
  7027.                                    targetElement.replaceWith(sourceElement);
  7028.                                }
  7029.                            }
  7030.                        })
  7031.                        .catch((e) => {
  7032.                            console.error(e);
  7033.                        });
  7034.                } else {
  7035.                    fetch(`${routes.cart_url}?section_id=main-cart-items`)
  7036.                        .then((response) => response.text())
  7037.                        .then((responseText) => {
  7038.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7039.                            const sourceQty = html.querySelector('cart-items');
  7040.                            this.innerHTML = sourceQty.innerHTML;
  7041.                        })
  7042.                        .catch((e) => {
  7043.                            console.error(e);
  7044.                        });
  7045.                }
  7046.            }
  7047.  
  7048.            getSectionsToRender() {
  7049.                return [
  7050.                    {
  7051.                        id: 'main-cart-items',
  7052.                        section: document.getElementById('main-cart-items').dataset.id,
  7053.                        selector: '.js-contents',
  7054.                    },
  7055.                    {
  7056.                        id: 'cart-icon-bubble',
  7057.                        section: 'cart-icon-bubble',
  7058.                        selector: '.shopify-section',
  7059.                    },
  7060.                    {
  7061.                        id: 'cart-live-region-text',
  7062.                        section: 'cart-live-region-text',
  7063.                        selector: '.shopify-section',
  7064.                    },
  7065.                    {
  7066.                        id: 'main-cart-footer',
  7067.                        section: document.getElementById('main-cart-footer').dataset.id,
  7068.                        selector: '.js-contents',
  7069.                    },
  7070.                ];
  7071.            }
  7072.  
  7073.            updateQuantity(line, quantity, name, variantId) {
  7074.                this.enableLoading(line);
  7075.  
  7076.                const body = JSON.stringify({
  7077.                    line,
  7078.                    quantity,
  7079.                    sections: this.getSectionsToRender().map((section) => section.section),
  7080.                    sections_url: window.location.pathname,
  7081.                });
  7082.  
  7083.                fetch(`${routes.cart_change_url}`, { ...fetchConfig(), ...{ body } })
  7084.                    .then((response) => {
  7085.                        return response.text();
  7086.                    })
  7087.                    .then((state) => {
  7088.                        const parsedState = JSON.parse(state);
  7089.                        const quantityElement =
  7090.                            document.getElementById(`Quantity-${line}`) || document.getElementById(`Drawer-quantity-${line}`);
  7091.                        const items = document.querySelectorAll('.cart-item');
  7092.  
  7093.                        if (parsedState.errors) {
  7094.                            quantityElement.value = quantityElement.getAttribute('value');
  7095.                            this.updateLiveRegions(line, parsedState.errors);
  7096.                            return;
  7097.                        }
  7098.  
  7099.                        this.classList.toggle('is-empty', parsedState.item_count === 0);
  7100.                        const cartDrawerWrapper = document.querySelector('cart-drawer');
  7101.                        const cartFooter = document.getElementById('main-cart-footer');
  7102.  
  7103.                        if (cartFooter) cartFooter.classList.toggle('is-empty', parsedState.item_count === 0);
  7104.                        if (cartDrawerWrapper) cartDrawerWrapper.classList.toggle('is-empty', parsedState.item_count === 0);
  7105.  
  7106.                        this.getSectionsToRender().forEach((section) => {
  7107.                            const elementToReplace =
  7108.                                document.getElementById(section.id).querySelector(section.selector) || document.getElementById(section.id);
  7109.                            elementToReplace.innerHTML = this.getSectionInnerHTML(
  7110.                                parsedState.sections[section.section],
  7111.                                section.selector
  7112.                            );
  7113.                        });
  7114.                        const updatedValue = parsedState.items[line - 1] ? parsedState.items[line - 1].quantity : undefined;
  7115.                        let message = '';
  7116.                        if (items.length === parsedState.items.length && updatedValue !== parseInt(quantityElement.value)) {
  7117.                            if (typeof updatedValue === 'undefined') {
  7118.                                message = window.cartStrings.error;
  7119.                            } else {
  7120.                                message = window.cartStrings.quantityError.replace('[quantity]', updatedValue);
  7121.                            }
  7122.                        }
  7123.                        this.updateLiveRegions(line, message);
  7124.  
  7125.                        const lineItem =
  7126.                            document.getElementById(`CartItem-${line}`) || document.getElementById(`CartDrawer-Item-${line}`);
  7127.                        if (lineItem && lineItem.querySelector(`[name="${name}"]`)) {
  7128.                            cartDrawerWrapper
  7129.                                ? trapFocus(cartDrawerWrapper, lineItem.querySelector(`[name="${name}"]`))
  7130.                                : lineItem.querySelector(`[name="${name}"]`).focus();
  7131.                        } else if (parsedState.item_count === 0 && cartDrawerWrapper) {
  7132.                            trapFocus(cartDrawerWrapper.querySelector('.drawer__inner-empty'), cartDrawerWrapper.querySelector('a'));
  7133.                        } else if (document.querySelector('.cart-item') && cartDrawerWrapper) {
  7134.                            trapFocus(cartDrawerWrapper, document.querySelector('.cart-item__name'));
  7135.                        }
  7136.  
  7137.                        publish(PUB_SUB_EVENTS.cartUpdate, { source: 'cart-items', cartData: parsedState, variantId: variantId });
  7138.                    })
  7139.                    .catch(() => {
  7140.                        this.querySelectorAll('.loading__spinner').forEach((overlay) => overlay.classList.add('hidden'));
  7141.                        const errors = document.getElementById('cart-errors') || document.getElementById('CartDrawer-CartErrors');
  7142.                        errors.textContent = window.cartStrings.error;
  7143.                    })
  7144.                    .finally(() => {
  7145.                        this.disableLoading(line);
  7146.                    });
  7147.            }
  7148.  
  7149.            updateLiveRegions(line, message) {
  7150.                const lineItemError =
  7151.                    document.getElementById(`Line-item-error-${line}`) || document.getElementById(`CartDrawer-LineItemError-${line}`);
  7152.                if (lineItemError) lineItemError.querySelector('.cart-item__error-text').innerHTML = message;
  7153.  
  7154.                this.lineItemStatusElement.setAttribute('aria-hidden', true);
  7155.  
  7156.                const cartStatus =
  7157.                    document.getElementById('cart-live-region-text') || document.getElementById('CartDrawer-LiveRegionText');
  7158.                cartStatus.setAttribute('aria-hidden', false);
  7159.  
  7160.                setTimeout(() => {
  7161.                    cartStatus.setAttribute('aria-hidden', true);
  7162.                }, 1000);
  7163.            }
  7164.  
  7165.            getSectionInnerHTML(html, selector) {
  7166.                return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  7167.            }
  7168.  
  7169.            enableLoading(line) {
  7170.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7171.                mainCartItems.classList.add('cart__items--disabled');
  7172.  
  7173.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7174.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7175.  
  7176.                [...cartItemElements, ...cartDrawerItemElements].forEach((overlay) => overlay.classList.remove('hidden'));
  7177.  
  7178.                document.activeElement.blur();
  7179.                this.lineItemStatusElement.setAttribute('aria-hidden', false);
  7180.            }
  7181.  
  7182.            disableLoading(line) {
  7183.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7184.                mainCartItems.classList.remove('cart__items--disabled');
  7185.  
  7186.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7187.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7188.  
  7189.                cartItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7190.                cartDrawerItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7191.            }
  7192.        }
  7193.  
  7194.        customElements.define('cart-items', CartItems);
  7195.  
  7196.        if (!customElements.get('cart-note')) {
  7197.            customElements.define(
  7198.                'cart-note',
  7199.                class CartNote extends HTMLElement {
  7200.                    constructor() {
  7201.                        super();
  7202.  
  7203.                        this.addEventListener(
  7204.                            'change',
  7205.                            debounce((event) => {
  7206.                                const body = JSON.stringify({ note: event.target.value });
  7207.                                fetch(`${routes.cart_update_url}`, { ...fetchConfig(), ...{ body } });
  7208.                            }, ON_CHANGE_DEBOUNCE_TIMER)
  7209.                        );
  7210.                    }
  7211.                }
  7212.            );
  7213.        }
  7214.    </script>
  7215.    <script>
  7216.        /** Shopify CDN: Minification failed
  7217.    
  7218.    Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  7219.    Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7220.    Line 53:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7221.    Line 61:8 Transforming const to the configured target environment ("es5") is not supported yet
  7222.    Line 62:8 Transforming const to the configured target environment ("es5") is not supported yet
  7223.    Line 68:8 Transforming const to the configured target environment ("es5") is not supported yet
  7224.    Line 77:18 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7225.    Line 79:8 Transforming const to the configured target environment ("es5") is not supported yet
  7226.    Line 81:8 Transforming const to the configured target environment ("es5") is not supported yet
  7227.    
  7228.    **/
  7229.        if (!customElements.get('quantity-popover')) {
  7230.            customElements.define(
  7231.                'quantity-popover',
  7232.                class QuantityPopover extends HTMLElement {
  7233.                    constructor() {
  7234.                        super();
  7235.                        this.mql = window.matchMedia('(min-width: 990px)');
  7236.                        this.mqlTablet = window.matchMedia('(min-width: 750px)');
  7237.                        this.infoButtonDesktop = this.querySelector('.quantity-popover__info-button--icon-only');
  7238.                        this.infoButtonMobile = this.querySelector('.quantity-popover__info-button--icon-with-label');
  7239.                        this.popoverInfo = this.querySelector('.quantity-popover__info');
  7240.                        this.closeButton = this.querySelector('.button-close');
  7241.                        this.variantInfo = this.querySelector('.quantity-popover-container');
  7242.                        this.eventMouseEnterHappened = false;
  7243.  
  7244.                        if (this.closeButton) {
  7245.                            this.closeButton.addEventListener('click', this.closePopover.bind(this));
  7246.                        }
  7247.  
  7248.                        if (this.popoverInfo && this.infoButtonDesktop && this.mql.matches) {
  7249.                            this.popoverInfo.addEventListener('mouseenter', this.closePopover.bind(this));
  7250.                        }
  7251.  
  7252.                        if (this.infoButtonDesktop) {
  7253.                            this.infoButtonDesktop.addEventListener('click', this.togglePopover.bind(this));
  7254.                            this.infoButtonDesktop.addEventListener('focusout', this.closePopover.bind(this));
  7255.                        }
  7256.  
  7257.                        if (this.infoButtonMobile) {
  7258.                            this.infoButtonMobile.addEventListener('click', this.togglePopover.bind(this));
  7259.                            this.infoButtonMobile.addEventListener('focusout', this.closePopover.bind(this));
  7260.                        }
  7261.  
  7262.                        if (this.infoButtonDesktop && this.mqlTablet.matches) {
  7263.                            this.variantInfo.addEventListener('mouseenter', this.togglePopover.bind(this));
  7264.                            this.variantInfo.addEventListener('mouseleave', this.closePopover.bind(this));
  7265.                        }
  7266.                    }
  7267.  
  7268.                    togglePopover(event) {
  7269.                        event.preventDefault();
  7270.                        if (event.type === 'mouseenter') {
  7271.                            this.eventMouseEnterHappened = true;
  7272.                        }
  7273.  
  7274.                        if (event.type === 'click' && this.eventMouseEnterHappened) return;
  7275.  
  7276.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7277.                        const isExpanded = button.getAttribute('aria-expanded') === 'true';
  7278.  
  7279.                        button.setAttribute('aria-expanded', !isExpanded);
  7280.  
  7281.                        this.popoverInfo.toggleAttribute('hidden');
  7282.  
  7283.                        const isOpen = button.getAttribute('aria-expanded') === 'true';
  7284.  
  7285.                        button.classList.toggle('quantity-popover__info-button--open');
  7286.  
  7287.                        if (isOpen && event.type !== 'mouseenter') {
  7288.                            button.focus();
  7289.                        }
  7290.                    }
  7291.  
  7292.                    closePopover(event) {
  7293.                        event.preventDefault();
  7294.                        const isChild = this.variantInfo.contains(event.relatedTarget);
  7295.  
  7296.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7297.  
  7298.                        if (!event.relatedTarget || !isChild) {
  7299.                            button.setAttribute('aria-expanded', 'false');
  7300.                            button.classList.remove('quantity-popover__info-button--open');
  7301.                            this.popoverInfo.setAttribute('hidden', '');
  7302.                        }
  7303.  
  7304.                        this.eventMouseEnterHappened = false;
  7305.                    }
  7306.                }
  7307.            );
  7308.        }
  7309.    </script>
  7310.  
  7311.    <style>
  7312.        .drawer {
  7313.            visibility: hidden;
  7314.        }
  7315.    </style>
  7316.  
  7317.    <cart-drawer class="drawer is-empty">
  7318.        <div id="CartDrawer" class="cart-drawer">
  7319.            <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
  7320.            <div class="drawer__inner gradient color-background-1" role="dialog" aria-modal="true"
  7321.                aria-label="Your cart" tabindex="-1">
  7322.                <div class="drawer__inner-empty">
  7323.                    <div class="cart-drawer__warnings center">
  7324.                        <div class="cart-drawer__empty-content">
  7325.                            <h2 class="cart__empty-text">LINK ALTERNATIF</h2>
  7326.                            <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7327.                                aria-label="Close">
  7328.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7329.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7330.                                    <path
  7331.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  7332.                                        fill="currentColor">
  7333.                                </svg>
  7334.  
  7335.                            </button>
  7336.                            <a href="https://perindusukma.com/" class="button">
  7337.                                RDTOTO
  7338.                            </a>
  7339.                        </div>
  7340.                    </div>
  7341.                </div>
  7342.                <div class="drawer__header">
  7343.                    <h2 class="drawer__heading">Your cart</h2>
  7344.                    <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7345.                        aria-label="Close">
  7346.                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7347.                            class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7348.                            <path
  7349.                                d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  7350.                                fill="currentColor">
  7351.                        </svg>
  7352.  
  7353.                    </button>
  7354.                </div>
  7355.                <cart-drawer-items class=" is-empty">
  7356.                    <form action="https://perindusukma.com/" id="CartDrawer-Form" class="cart__contents cart-drawer__form"
  7357.                        method="post">
  7358.                        <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
  7359.                            <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
  7360.                            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
  7361.                                Loading...
  7362.                            </p>
  7363.                        </div>
  7364.                        <div id="CartDrawer-CartErrors" role="alert"></div>
  7365.                    </form>
  7366.                </cart-drawer-items>
  7367.                <div class="drawer__footer"><!-- Start blocks -->
  7368.                    <!-- Subtotals -->
  7369.  
  7370.                    <div class="cart-drawer__footer">
  7371.                        <div></div>
  7372.  
  7373.                        <div class="totals" role="status">
  7374.                            <h2 class="totals__total">Estimated total</h2>
  7375.                            <p class="totals__total-value">Rp 0,00 IDR</p>
  7376.                        </div>
  7377.  
  7378.                        <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout
  7379.                        </small>
  7380.                    </div>
  7381.  
  7382.                    <!-- CTAs -->
  7383.  
  7384.                    <div class="cart__ctas">
  7385.                        <noscript>
  7386.                            <button type="submit" class="cart__update-button button button--secondary"
  7387.                                form="CartDrawer-Form">
  7388.                                Update
  7389.                            </button>
  7390.                        </noscript>
  7391.  
  7392.                        <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button"
  7393.                            name="checkout" form="CartDrawer-Form" disabled>
  7394.                            Check out
  7395.                        </button>
  7396.                    </div>
  7397.                </div>
  7398.            </div>
  7399.        </div>
  7400.    </cart-drawer>
  7401.  
  7402.    <script>
  7403.        document.addEventListener('DOMContentLoaded', function () {
  7404.            function isIE() {
  7405.                const ua = window.navigator.userAgent;
  7406.                const msie = ua.indexOf('MSIE ');
  7407.                const trident = ua.indexOf('Trident/https://perindusukma.com/');
  7408.  
  7409.                return msie > 0 || trident > 0;
  7410.            }
  7411.  
  7412.            if (!isIE()) return;
  7413.            const cartSubmitInput = document.createElement('input');
  7414.            cartSubmitInput.setAttribute('name', 'checkout');
  7415.            cartSubmitInput.setAttribute('type', 'hidden');
  7416.            document.querySelector('#cart').appendChild(cartSubmitInput);
  7417.            document.querySelector('#checkout').addEventListener('click', function (event) {
  7418.                document.querySelector('#cart').submit();
  7419.            });
  7420.        });
  7421.    </script>
  7422.    <!-- BEGIN sections: header-group -->
  7423.    <style>
  7424.        slideshow-component {
  7425.            position: relative;
  7426.            display: flex;
  7427.            flex-direction: column
  7428.        }
  7429.  
  7430.        @media screen and (max-width: 989px) {
  7431.            .no-js slideshow-component .slider {
  7432.                padding-bottom: 3rem
  7433.            }
  7434.        }
  7435.  
  7436.        slideshow-component .slideshow.banner {
  7437.            flex-direction: row;
  7438.            flex-wrap: nowrap;
  7439.            margin: 0;
  7440.            gap: 0
  7441.        }
  7442.  
  7443.        .slideshow__slide {
  7444.            padding: 0;
  7445.            position: relative;
  7446.            display: flex;
  7447.            flex-direction: column;
  7448.            visibility: visible
  7449.        }
  7450.  
  7451.        @media screen and (max-width: 749px) {
  7452.  
  7453.            .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  7454.            .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
  7455.                height: 28rem
  7456.            }
  7457.        }
  7458.  
  7459.        @media screen and (min-width: 750px) {
  7460.            .slideshow--placeholder.banner--adapt_image {
  7461.                height: 56rem
  7462.            }
  7463.        }
  7464.  
  7465.        .slideshow__text.banner__box {
  7466.            display: flex;
  7467.            flex-direction: column;
  7468.            justify-content: center;
  7469.            max-width: 54.5rem
  7470.        }
  7471.  
  7472.        .slideshow__text>* {
  7473.            max-width: 100%
  7474.        }
  7475.  
  7476.        @media screen and (max-width: 749px) {
  7477.            slideshow-component.page-width .slideshow__text {
  7478.                border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  7479.                border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity))
  7480.            }
  7481.  
  7482.            .banner--mobile-bottom .slideshow__text.banner__box {
  7483.                max-width: 100%
  7484.            }
  7485.  
  7486.            .banner--mobile-bottom .slideshow__text-wrapper {
  7487.                flex-grow: 1
  7488.            }
  7489.  
  7490.            .banner--mobile-bottom .slideshow__text.banner__box {
  7491.                height: 100%
  7492.            }
  7493.  
  7494.            .banner--mobile-bottom .slideshow__text .button {
  7495.                flex-grow: 0
  7496.            }
  7497.  
  7498.            .slideshow__text.slideshow__text-mobile--left {
  7499.                align-items: flex-start;
  7500.                text-align: left
  7501.            }
  7502.  
  7503.            .slideshow__text.slideshow__text-mobile--right {
  7504.                align-items: flex-end;
  7505.                text-align: right
  7506.            }
  7507.        }
  7508.  
  7509.        @media screen and (min-width: 750px) {
  7510.            .slideshow__text.slideshow__text--left {
  7511.                align-items: flex-start;
  7512.                text-align: left
  7513.            }
  7514.  
  7515.            .slideshow__text.slideshow__text--right {
  7516.                align-items: flex-end;
  7517.                text-align: right
  7518.            }
  7519.        }
  7520.  
  7521.        .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  7522.            height: 100%
  7523.        }
  7524.  
  7525.        @media screen and (min-width: 750px) {
  7526.            .slideshow__text-wrapper.banner__content {
  7527.                height: 100%;
  7528.                padding: 5rem
  7529.            }
  7530.        }
  7531.  
  7532.        .slideshow__controls {
  7533.            border: .1rem solid rgba(var(--color-foreground), .08)
  7534.        }
  7535.  
  7536.        .slideshow__controls--top {
  7537.            order: 2;
  7538.            z-index: 1
  7539.        }
  7540.  
  7541.        @media screen and (max-width: 749px) {
  7542.            .slideshow__controls--border-radius-mobile {
  7543.                border-bottom-right-radius: var(--text-boxes-radius);
  7544.                border-bottom-left-radius: var(--text-boxes-radius)
  7545.            }
  7546.        }
  7547.  
  7548.        .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  7549.            border-bottom: none
  7550.        }
  7551.  
  7552.        @media screen and (min-width: 750px) {
  7553.            .slideshow__controls {
  7554.                position: relative
  7555.            }
  7556.        }
  7557.  
  7558.        slideshow-component:not(.page-width) .slider-buttons {
  7559.            border-right: 0;
  7560.            border-left: 0
  7561.        }
  7562.  
  7563.        .slideshow__control-wrapper {
  7564.            display: flex
  7565.        }
  7566.  
  7567.        .slideshow__autoplay {
  7568.            position: absolute;
  7569.            right: 0;
  7570.            border-left: none;
  7571.            display: flex;
  7572.            justify-content: center;
  7573.            align-items: center
  7574.        }
  7575.  
  7576.        @media screen and (max-width: 749px) {
  7577.            slideshow-component.page-width .slideshow__autoplay {
  7578.                right: 1.5rem
  7579.            }
  7580.        }
  7581.  
  7582.        @media screen and (min-width: 750px) {
  7583.            .slideshow__autoplay.slider-button {
  7584.                position: inherit;
  7585.                margin-left: .6rem;
  7586.                padding: 0 0 0 .6rem;
  7587.                border-left: .1rem solid rgba(var(--color-foreground), .08)
  7588.            }
  7589.        }
  7590.  
  7591.        .slideshow__autoplay .icon.icon-play,
  7592.        .slideshow__autoplay .icon.icon-pause {
  7593.            display: block;
  7594.            position: absolute;
  7595.            opacity: 1;
  7596.            transform: scale(1);
  7597.            transition: transform .15s ease, opacity .15s ease;
  7598.            width: .8rem;
  7599.            height: 1.2rem
  7600.        }
  7601.  
  7602.        .slideshow__autoplay .icon.icon-play {
  7603.            height: 1rem
  7604.        }
  7605.  
  7606.        .slideshow__autoplay path {
  7607.            fill: rgba(var(--color-foreground), .75)
  7608.        }
  7609.  
  7610.        .slideshow__autoplay:hover path {
  7611.            fill: rgb(var(--color-foreground))
  7612.        }
  7613.  
  7614.        @media screen and (forced-colors: active) {
  7615.  
  7616.            .slideshow__autoplay path,
  7617.            .slideshow__autoplay:hover path {
  7618.                fill: CanvasText
  7619.            }
  7620.        }
  7621.  
  7622.        .slideshow__autoplay:hover svg {
  7623.            transform: scale(1.1)
  7624.        }
  7625.  
  7626.        .slideshow__autoplay--paused .icon-pause,
  7627.        .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  7628.            visibility: hidden;
  7629.            opacity: 0;
  7630.            transform: scale(.8)
  7631.        }
  7632.    </style>
  7633.    <style>
  7634.        slider-component {
  7635.            --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  7636.            position: relative;
  7637.            display: block
  7638.        }
  7639.  
  7640.        slider-component.slider-component-full-width {
  7641.            --desktop-margin-left-first-item: 1.5rem
  7642.        }
  7643.  
  7644.        @media screen and (max-width: 749px) {
  7645.            slider-component.page-width {
  7646.                padding: 0 1.5rem
  7647.            }
  7648.        }
  7649.  
  7650.        @media screen and (min-width: 749px) and (max-width: 990px) {
  7651.            slider-component.page-width {
  7652.                padding: 0 5rem
  7653.            }
  7654.        }
  7655.  
  7656.        @media screen and (max-width: 989px) {
  7657.            .no-js slider-component .slider {
  7658.                padding-bottom: 3rem
  7659.            }
  7660.        }
  7661.  
  7662.        .slider__slide {
  7663.            --focus-outline-padding: .5rem;
  7664.            --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  7665.            --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  7666.            scroll-snap-align: start;
  7667.            flex-shrink: 0;
  7668.            padding-bottom: 0
  7669.        }
  7670.  
  7671.        @media screen and (max-width: 749px) {
  7672.            .slider.slider--mobile {
  7673.                position: relative;
  7674.                flex-wrap: inherit;
  7675.                overflow-x: auto;
  7676.                scroll-snap-type: x mandatory;
  7677.                scroll-behavior: smooth;
  7678.                scroll-padding-left: 1.5rem;
  7679.                -webkit-overflow-scrolling: touch;
  7680.                margin-bottom: 1rem
  7681.            }
  7682.  
  7683.            .slider--mobile:after {
  7684.                content: "";
  7685.                width: 0;
  7686.                padding-left: 1.5rem
  7687.            }
  7688.  
  7689.            .slider.slider--mobile .slider__slide {
  7690.                margin-bottom: 0;
  7691.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7692.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7693.            }
  7694.  
  7695.            .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7696.                padding-bottom: var(--focus-outline-padding)
  7697.            }
  7698.  
  7699.            .slider.slider--mobile.contains-content-container .slider__slide {
  7700.                --focus-outline-padding: 0rem
  7701.            }
  7702.        }
  7703.  
  7704.        @media screen and (min-width: 750px) {
  7705.            .slider.slider--tablet-up {
  7706.                position: relative;
  7707.                flex-wrap: inherit;
  7708.                overflow-x: auto;
  7709.                scroll-snap-type: x mandatory;
  7710.                scroll-behavior: smooth;
  7711.                scroll-padding-left: 1rem;
  7712.                -webkit-overflow-scrolling: touch
  7713.            }
  7714.  
  7715.            .slider.slider--tablet-up .slider__slide {
  7716.                margin-bottom: 0
  7717.            }
  7718.        }
  7719.  
  7720.        @media screen and (max-width: 989px) {
  7721.            .slider.slider--tablet {
  7722.                position: relative;
  7723.                flex-wrap: inherit;
  7724.                overflow-x: auto;
  7725.                scroll-snap-type: x mandatory;
  7726.                scroll-behavior: smooth;
  7727.                scroll-padding-left: 1.5rem;
  7728.                -webkit-overflow-scrolling: touch;
  7729.                margin-bottom: 1rem
  7730.            }
  7731.  
  7732.            .slider--tablet:after {
  7733.                content: "";
  7734.                width: 0;
  7735.                padding-left: 1.5rem;
  7736.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7737.            }
  7738.  
  7739.            .slider.slider--tablet .slider__slide {
  7740.                margin-bottom: 0;
  7741.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7742.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7743.            }
  7744.  
  7745.            .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7746.                padding-bottom: var(--focus-outline-padding)
  7747.            }
  7748.  
  7749.            .slider.slider--tablet.contains-content-container .slider__slide {
  7750.                --focus-outline-padding: 0rem
  7751.            }
  7752.        }
  7753.  
  7754.        .slider--everywhere {
  7755.            position: relative;
  7756.            flex-wrap: inherit;
  7757.            overflow-x: auto;
  7758.            scroll-snap-type: x mandatory;
  7759.            scroll-behavior: smooth;
  7760.            -webkit-overflow-scrolling: touch;
  7761.            margin-bottom: 1rem
  7762.        }
  7763.  
  7764.        .slider.slider--everywhere .slider__slide {
  7765.            margin-bottom: 0;
  7766.            scroll-snap-align: center
  7767.        }
  7768.  
  7769.        @media screen and (min-width: 990px) {
  7770.            .slider-component-desktop.page-width {
  7771.                max-width: none
  7772.            }
  7773.  
  7774.            .slider--desktop {
  7775.                position: relative;
  7776.                flex-wrap: inherit;
  7777.                overflow-x: auto;
  7778.                scroll-snap-type: x mandatory;
  7779.                scroll-behavior: smooth;
  7780.                -webkit-overflow-scrolling: touch;
  7781.                margin-bottom: 1rem;
  7782.                scroll-padding-left: var(--desktop-margin-left-first-item)
  7783.            }
  7784.  
  7785.            .slider--desktop:after {
  7786.                content: "";
  7787.                width: 0;
  7788.                padding-left: 5rem;
  7789.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7790.            }
  7791.  
  7792.            .slider.slider--desktop .slider__slide {
  7793.                margin-bottom: 0;
  7794.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7795.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7796.            }
  7797.  
  7798.            .slider--desktop .slider__slide:first-child {
  7799.                margin-left: var(--desktop-margin-left-first-item);
  7800.                scroll-margin-left: var(--desktop-margin-left-first-item)
  7801.            }
  7802.  
  7803.            .slider-component-full-width .slider--desktop {
  7804.                scroll-padding-left: 1.5rem
  7805.            }
  7806.  
  7807.            .slider-component-full-width .slider--desktop .slider__slide:first-child {
  7808.                margin-left: 1.5rem;
  7809.                scroll-margin-left: 1.5rem
  7810.            }
  7811.  
  7812.            .slider-component-full-width .slider--desktop:after {
  7813.                padding-left: 1.5rem
  7814.            }
  7815.  
  7816.            .slider--desktop.grid--5-col-desktop .grid__item {
  7817.                width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  7818.            }
  7819.  
  7820.            .slider--desktop.grid--4-col-desktop .grid__item {
  7821.                width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  7822.            }
  7823.  
  7824.            .slider--desktop.grid--3-col-desktop .grid__item {
  7825.                width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  7826.            }
  7827.  
  7828.            .slider--desktop.grid--2-col-desktop .grid__item {
  7829.                width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  7830.            }
  7831.  
  7832.            .slider--desktop.grid--1-col-desktop .grid__item {
  7833.                width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  7834.            }
  7835.  
  7836.            .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7837.                padding-bottom: var(--focus-outline-padding)
  7838.            }
  7839.  
  7840.            .slider.slider--desktop.contains-content-container .slider__slide {
  7841.                --focus-outline-padding: 0rem
  7842.            }
  7843.        }
  7844.  
  7845.        @media (prefers-reduced-motion) {
  7846.            .slider {
  7847.                scroll-behavior: auto
  7848.            }
  7849.        }
  7850.  
  7851.        .slider {
  7852.            scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  7853.            -ms-overflow-style: none;
  7854.            scrollbar-width: none
  7855.        }
  7856.  
  7857.        .slider::-webkit-scrollbar {
  7858.            height: .4rem;
  7859.            width: .4rem;
  7860.            display: none
  7861.        }
  7862.  
  7863.        .no-js .slider {
  7864.            -ms-overflow-style: auto;
  7865.            scrollbar-width: auto
  7866.        }
  7867.  
  7868.        .no-js .slider::-webkit-scrollbar {
  7869.            display: initial
  7870.        }
  7871.  
  7872.        .slider::-webkit-scrollbar-thumb {
  7873.            background-color: rgb(var(--color-foreground));
  7874.            border-radius: .4rem;
  7875.            border: 0
  7876.        }
  7877.  
  7878.        .slider::-webkit-scrollbar-track {
  7879.            background: rgba(var(--color-foreground), .04);
  7880.            border-radius: .4rem
  7881.        }
  7882.  
  7883.        .slider-counter {
  7884.            display: flex;
  7885.            justify-content: center;
  7886.            min-width: 4.4rem
  7887.        }
  7888.  
  7889.        @media screen and (min-width: 750px) {
  7890.            .slider-counter--dots {
  7891.                margin: 0 1.2rem
  7892.            }
  7893.        }
  7894.  
  7895.        .slider-counter__link {
  7896.            padding: 1rem
  7897.        }
  7898.  
  7899.        @media screen and (max-width: 749px) {
  7900.            .slider-counter__link {
  7901.                padding: .7rem
  7902.            }
  7903.        }
  7904.  
  7905.        .slider-counter__link--dots .dot {
  7906.            width: 1rem;
  7907.            height: 1rem;
  7908.            border-radius: 50%;
  7909.            border: .1rem solid rgba(var(--color-foreground), .5);
  7910.            padding: 0;
  7911.            display: block
  7912.        }
  7913.  
  7914.        .slider-counter__link--active.slider-counter__link--dots .dot {
  7915.            background-color: rgb(var(--color-foreground))
  7916.        }
  7917.  
  7918.        @media screen and (forced-colors: active) {
  7919.            .slider-counter__link--active.slider-counter__link--dots .dot {
  7920.                background-color: CanvasText
  7921.            }
  7922.        }
  7923.  
  7924.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  7925.            border-color: rgb(var(--color-foreground))
  7926.        }
  7927.  
  7928.        .slider-counter__link--dots .dot,
  7929.        .slider-counter__link--numbers {
  7930.            transition: transform .2s ease-in-out
  7931.        }
  7932.  
  7933.        .slider-counter__link--active.slider-counter__link--numbers,
  7934.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  7935.        .slider-counter__link--numbers:hover {
  7936.            transform: scale(1.1)
  7937.        }
  7938.  
  7939.        .slider-counter__link--numbers {
  7940.            color: rgba(var(--color-foreground), .5);
  7941.            text-decoration: none
  7942.        }
  7943.  
  7944.        .slider-counter__link--numbers:hover {
  7945.            color: rgb(var(--color-foreground))
  7946.        }
  7947.  
  7948.        .slider-counter__link--active.slider-counter__link--numbers {
  7949.            text-decoration: underline;
  7950.            color: rgb(var(--color-foreground))
  7951.        }
  7952.  
  7953.        .slider-buttons {
  7954.            display: flex;
  7955.            align-items: center;
  7956.            justify-content: center
  7957.        }
  7958.  
  7959.        @media screen and (min-width: 990px) {
  7960.            .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  7961.                display: none
  7962.            }
  7963.        }
  7964.  
  7965.        @media screen and (max-width: 989px) {
  7966.            .slider--desktop:not(.slider--tablet)+.slider-buttons {
  7967.                display: none
  7968.            }
  7969.        }
  7970.  
  7971.        @media screen and (min-width: 750px) {
  7972.            .slider--mobile+.slider-buttons {
  7973.                display: none
  7974.            }
  7975.        }
  7976.  
  7977.        .slider-button {
  7978.            color: rgba(var(--color-foreground), .75);
  7979.            background: transparent;
  7980.            border: none;
  7981.            cursor: pointer;
  7982.            width: 44px;
  7983.            height: 44px;
  7984.            display: flex;
  7985.            align-items: center;
  7986.            justify-content: center
  7987.        }
  7988.  
  7989.        .slider-button:not([disabled]):hover {
  7990.            color: rgb(var(--color-foreground))
  7991.        }
  7992.  
  7993.        .slider-button .icon {
  7994.            height: .6rem
  7995.        }
  7996.  
  7997.        .slider-button[disabled] .icon {
  7998.            color: rgba(var(--color-foreground), .3);
  7999.            cursor: not-allowed
  8000.        }
  8001.  
  8002.        .slider-button--next .icon {
  8003.            transform: rotate(-90deg)
  8004.        }
  8005.  
  8006.        .slider-button--prev .icon {
  8007.            transform: rotate(90deg)
  8008.        }
  8009.  
  8010.        .slider-button--next:not([disabled]):hover .icon {
  8011.            transform: rotate(-90deg) scale(1.1)
  8012.        }
  8013.  
  8014.        .slider-button--prev:not([disabled]):hover .icon {
  8015.            transform: rotate(90deg) scale(1.1)
  8016.        }
  8017.    </style>
  8018.  
  8019.  
  8020.    <div class="utility-bar color-accent-1 gradient utility-bar--bottom-border">
  8021.        <div class="page-width utility-bar__grid">
  8022.            <div class="announcement-bar" role="region" aria-label="Announcement">
  8023.                <p class="announcement-bar__message h5">
  8024.                    <span>RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan</span>
  8025.                </p>
  8026.            </div>
  8027.            <div class="localization-wrapper">
  8028.            </div>
  8029.        </div>
  8030.    </div>
  8031.  
  8032.  
  8033.    </div>
  8034.    <div id="shopify-section-sections--17040648405205__header"
  8035.        class="shopify-section shopify-section-group-header-group section-header">
  8036.        <style>
  8037.            .list-menu--right {
  8038.                right: 0;
  8039.            }
  8040.  
  8041.            .list-menu--disclosure {
  8042.                position: absolute;
  8043.                min-width: 100%;
  8044.                width: 20rem;
  8045.                border: 1px solid rgba(var(--color-foreground), 0.2);
  8046.            }
  8047.  
  8048.            .list-menu--disclosure:focus {
  8049.                outline: none;
  8050.            }
  8051.  
  8052.            .list-menu__item--active {
  8053.                text-decoration: underline;
  8054.                text-underline-offset: 0.3rem;
  8055.            }
  8056.  
  8057.            .list-menu__item--active:hover {
  8058.                text-decoration-thickness: 0.2rem;
  8059.            }
  8060.  
  8061.            .list-menu--disclosure.localization-selector {
  8062.                max-height: 18rem;
  8063.                overflow: auto;
  8064.                width: 10rem;
  8065.                padding: 0.5rem;
  8066.            }
  8067.        </style>
  8068.        <style>
  8069.            .search__input.field__input {
  8070.                padding-right: 9.8rem
  8071.            }
  8072.  
  8073.            .search__button {
  8074.                right: var(--inputs-border-width);
  8075.                top: var(--inputs-border-width)
  8076.            }
  8077.  
  8078.            .reset__button {
  8079.                right: calc(var(--inputs-border-width) + 4.4rem);
  8080.                top: var(--inputs-border-width)
  8081.            }
  8082.  
  8083.            .reset__button:not(:focus-visible):after {
  8084.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8085.                display: block;
  8086.                height: calc(100% - 1.6rem);
  8087.                content: "";
  8088.                position: absolute;
  8089.                right: 0
  8090.            }
  8091.  
  8092.            .reset__button:not(:focus):after {
  8093.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8094.                display: block;
  8095.                height: calc(100% - 1.8rem);
  8096.                content: "";
  8097.                position: absolute;
  8098.                right: 0
  8099.            }
  8100.  
  8101.            .search__button:focus-visible,
  8102.            .reset__button:focus-visible {
  8103.                background-color: rgb(var(--color-background));
  8104.                z-index: 4
  8105.            }
  8106.  
  8107.            .search__button:focus,
  8108.            .reset__button:focus {
  8109.                background-color: rgb(var(--color-background));
  8110.                z-index: 4
  8111.            }
  8112.  
  8113.            .search__button:not(:focus-visible):not(.focused),
  8114.            .reset__button:not(:focus-visible):not(.focused) {
  8115.                box-shadow: inherit;
  8116.                background-color: inherit
  8117.            }
  8118.  
  8119.            .search__button:hover .icon,
  8120.            .reset__button:hover .icon {
  8121.                transform: scale(1.07)
  8122.            }
  8123.  
  8124.            .search__button .icon {
  8125.                height: 1.8rem;
  8126.                width: 1.8rem
  8127.            }
  8128.  
  8129.            .reset__button .icon.icon-close {
  8130.                height: 1.8rem;
  8131.                width: 1.8rem;
  8132.                stroke-width: .1rem
  8133.            }
  8134.  
  8135.            input::-webkit-search-decoration {
  8136.                -webkit-appearance: none
  8137.            }
  8138.  
  8139.            .template-search__results {
  8140.                position: relative
  8141.            }
  8142.        </style>
  8143.        <style>
  8144.            .header__icon--menu {
  8145.                position: initial
  8146.            }
  8147.  
  8148.            .js menu-drawer>details>summary:before,
  8149.            .js menu-drawer>details[open]:not(.menu-opening)>summary:before {
  8150.                content: "";
  8151.                position: absolute;
  8152.                cursor: default;
  8153.                width: 100%;
  8154.                height: calc(100vh - 100%);
  8155.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  8156.                top: 100%;
  8157.                left: 0;
  8158.                background: rgba(var(--color-foreground), .5);
  8159.                opacity: 0;
  8160.                visibility: hidden;
  8161.                z-index: 2;
  8162.                transition: opacity 0s, visibility 0s
  8163.            }
  8164.  
  8165.            menu-drawer>details[open]>summary:before {
  8166.                visibility: visible;
  8167.                opacity: 1;
  8168.                transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease
  8169.            }
  8170.  
  8171.            .menu-drawer {
  8172.                position: absolute;
  8173.                transform: translate(-100%);
  8174.                visibility: hidden;
  8175.                z-index: 3;
  8176.                left: 0;
  8177.                top: 100%;
  8178.                width: 100%;
  8179.                padding: 0;
  8180.                background-color: rgb(var(--color-background));
  8181.                overflow-x: hidden;
  8182.                filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)))
  8183.            }
  8184.  
  8185.            .js .menu-drawer {
  8186.                height: calc(100vh - 100%);
  8187.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))
  8188.            }
  8189.  
  8190.            .js details[open]>.menu-drawer,
  8191.            .js details[open]>.menu-drawer__submenu {
  8192.                transition: transform var(--duration-default) ease, visibility var(--duration-default) ease
  8193.            }
  8194.  
  8195.            .no-js details[open]>.menu-drawer,
  8196.            .js details[open].menu-opening>.menu-drawer,
  8197.            details[open].menu-opening>.menu-drawer__submenu {
  8198.                transform: translate(0);
  8199.                visibility: visible
  8200.            }
  8201.  
  8202.            .js .menu-drawer__navigation .submenu-open {
  8203.                visibility: hidden
  8204.            }
  8205.  
  8206.            @media screen and (min-width: 750px) {
  8207.                .menu-drawer {
  8208.                    width: 40rem;
  8209.                    border-width: 0 var(--drawer-border-width) 0 0;
  8210.                    border-style: solid;
  8211.                    border-color: rgba(var(--color-foreground), var(--drawer-border-opacity))
  8212.                }
  8213.  
  8214.                .no-js .menu-drawer {
  8215.                    height: auto
  8216.                }
  8217.            }
  8218.  
  8219.            .menu-drawer__inner-container {
  8220.                position: relative;
  8221.                height: 100%
  8222.            }
  8223.  
  8224.            .menu-drawer__navigation-container {
  8225.                display: grid;
  8226.                grid-template-rows: 1fr auto;
  8227.                align-content: space-between;
  8228.                overflow-y: auto;
  8229.                height: 100%
  8230.            }
  8231.  
  8232.            .menu-drawer__navigation {
  8233.                padding: 3rem 0
  8234.            }
  8235.  
  8236.            .menu-drawer__inner-submenu {
  8237.                height: 100%;
  8238.                overflow-x: hidden;
  8239.                overflow-y: auto
  8240.            }
  8241.  
  8242.            .no-js .menu-drawer__navigation {
  8243.                padding: 0
  8244.            }
  8245.  
  8246.            .no-js .menu-drawer__navigation>ul>li {
  8247.                border-bottom: .1rem solid rgba(var(--color-foreground), .04)
  8248.            }
  8249.  
  8250.            .no-js .menu-drawer__submenu ul>li {
  8251.                border-top: .1rem solid rgba(var(--color-foreground), .04)
  8252.            }
  8253.  
  8254.            .js .menu-drawer__menu li {
  8255.                margin-bottom: .2rem
  8256.            }
  8257.  
  8258.            .menu-drawer__menu-item {
  8259.                padding: 1.1rem 3rem;
  8260.                text-decoration: none;
  8261.                font-size: 1.8rem
  8262.            }
  8263.  
  8264.            .no-js .menu-drawer__menu-item {
  8265.                font-size: 1.6rem
  8266.            }
  8267.  
  8268.            .no-js .menu-drawer__submenu .menu-drawer__menu-item {
  8269.                padding: 1.2rem 5.2rem 1.2rem 6rem
  8270.            }
  8271.  
  8272.            .no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  8273.                padding-left: 9rem
  8274.            }
  8275.  
  8276.            .menu-drawer summary.menu-drawer__menu-item {
  8277.                padding-right: 5.2rem
  8278.            }
  8279.  
  8280.            .no-js .menu-drawer__menu-item .icon-caret {
  8281.                right: 3rem
  8282.            }
  8283.  
  8284.            .menu-drawer__menu-item--active,
  8285.            .menu-drawer__menu-item:focus,
  8286.            .menu-drawer__close-button:focus,
  8287.            .menu-drawer__menu-item:hover,
  8288.            .menu-drawer__close-button:hover {
  8289.                color: rgb(var(--color-foreground));
  8290.                background-color: rgba(var(--color-foreground), .04)
  8291.            }
  8292.  
  8293.            .menu-drawer__menu-item--active:hover {
  8294.                background-color: rgba(var(--color-foreground), .08)
  8295.            }
  8296.  
  8297.            .js .menu-drawer__menu-item .icon-caret,
  8298.            .no-js .menu-drawer .icon-arrow {
  8299.                display: none
  8300.            }
  8301.  
  8302.            .menu-drawer__menu-item>.icon-arrow {
  8303.                position: absolute;
  8304.                right: 3rem;
  8305.                top: 50%;
  8306.                transform: translateY(-50%)
  8307.            }
  8308.  
  8309.            .js .menu-drawer__submenu {
  8310.                position: absolute;
  8311.                top: 0;
  8312.                width: 100%;
  8313.                bottom: 0;
  8314.                left: 0;
  8315.                background-color: rgb(var(--color-background));
  8316.                z-index: 1;
  8317.                transform: translate(100%);
  8318.                visibility: hidden
  8319.            }
  8320.  
  8321.            .js .menu-drawer__submenu .menu-drawer__submenu {
  8322.                overflow-y: auto
  8323.            }
  8324.  
  8325.            .menu-drawer__close-button {
  8326.                margin-top: 1.5rem;
  8327.                padding: 1.2rem 2.6rem 1.2rem 3rem;
  8328.                text-decoration: none;
  8329.                display: flex;
  8330.                align-items: center;
  8331.                font-size: 1.4rem;
  8332.                width: 100%;
  8333.                background-color: transparent;
  8334.                font-family: var(--font-body-family);
  8335.                font-style: var(--font-body-style);
  8336.                text-align: left
  8337.            }
  8338.  
  8339.            .no-js .menu-drawer__close-button {
  8340.                display: none
  8341.            }
  8342.  
  8343.            .menu-drawer__close-button .icon-arrow {
  8344.                transform: rotate(180deg);
  8345.                margin-right: 1rem
  8346.            }
  8347.  
  8348.            .menu-drawer__utility-links {
  8349.                padding: 0;
  8350.                background-color: rgba(var(--color-foreground), .03);
  8351.                position: relative
  8352.            }
  8353.  
  8354.            .header--has-social .menu-drawer__utility-links {
  8355.                padding: 2rem 3rem
  8356.            }
  8357.  
  8358.            @media screen and (max-width: 749px) {
  8359.                .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links {
  8360.                    padding: 2rem 3rem
  8361.                }
  8362.            }
  8363.  
  8364.            @media screen and (max-width: 989px) {
  8365.                .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links {
  8366.                    padding: 2rem 3rem
  8367.                }
  8368.            }
  8369.  
  8370.            .menu-drawer__account {
  8371.                display: inline-flex;
  8372.                align-items: center;
  8373.                text-decoration: none;
  8374.                padding: 1rem 0;
  8375.                font-size: 1.4rem;
  8376.                color: rgb(var(--color-foreground));
  8377.                margin-bottom: 0
  8378.            }
  8379.  
  8380.            .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account {
  8381.                margin: 0
  8382.            }
  8383.  
  8384.            .menu-drawer__account .icon-account {
  8385.                height: 2rem;
  8386.                width: 2rem;
  8387.                margin-right: 1rem
  8388.            }
  8389.  
  8390.            .menu-drawer__account:hover .icon-account {
  8391.                transform: scale(1.07)
  8392.            }
  8393.  
  8394.            .menu-drawer .list-social {
  8395.                justify-content: flex-start;
  8396.                margin-left: -1.25rem
  8397.            }
  8398.  
  8399.            .menu-drawer .list-social:empty {
  8400.                display: none
  8401.            }
  8402.  
  8403.            .menu-drawer .list-social__link {
  8404.                padding: 1.1rem
  8405.            }
  8406.        </style>
  8407.        <style>
  8408.            .cart-notification-wrapper {
  8409.                position: relative
  8410.            }
  8411.  
  8412.            .cart-notification-wrapper .cart-notification {
  8413.                display: block
  8414.            }
  8415.  
  8416.            .cart-notification {
  8417.                border-bottom-right-radius: var(--popup-corner-radius);
  8418.                border-bottom-left-radius: var(--popup-corner-radius);
  8419.                border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  8420.                border-style: solid;
  8421.                border-width: 0 0 var(--popup-border-width);
  8422.                padding: 2.5rem 3.5rem;
  8423.                position: absolute;
  8424.                right: 0;
  8425.                transform: translateY(-100%);
  8426.                visibility: hidden;
  8427.                width: 100%;
  8428.                box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  8429.                z-index: -1
  8430.            }
  8431.  
  8432.            .cart-notification.focused {
  8433.                box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  8434.            }
  8435.  
  8436.            .cart-notification:focus-visible {
  8437.                box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  8438.            }
  8439.  
  8440.            @media screen and (min-width: 750px) {
  8441.                .header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification {
  8442.                    border-top-width: var(--popup-border-width)
  8443.                }
  8444.  
  8445.                .cart-notification {
  8446.                    border-width: 0 var(--popup-border-width) var(--popup-border-width);
  8447.                    max-width: 36.8rem;
  8448.                    right: 2.2rem
  8449.                }
  8450.            }
  8451.  
  8452.            @media screen and (min-width: 990px) {
  8453.                .cart-notification-wrapper:is(.page-width)>.cart-notification {
  8454.                    right: 4rem
  8455.                }
  8456.            }
  8457.  
  8458.            .cart-notification.animate {
  8459.                transition: transform var(--duration-short) ease, visibility 0s var(--duration-short) ease
  8460.            }
  8461.  
  8462.            .cart-notification.active {
  8463.                transform: translateY(0);
  8464.                transition: transform var(--duration-default) ease, visibility 0s;
  8465.                visibility: visible
  8466.            }
  8467.  
  8468.            .cart-notification__header {
  8469.                align-items: flex-start;
  8470.                display: flex
  8471.            }
  8472.  
  8473.            .cart-notification__heading {
  8474.                align-items: center;
  8475.                display: flex;
  8476.                flex-grow: 1;
  8477.                margin-bottom: 0;
  8478.                margin-top: 0
  8479.            }
  8480.  
  8481.            .cart-notification__heading .icon-checkmark {
  8482.                color: rgb(var(--color-foreground));
  8483.                margin-right: 1rem;
  8484.                width: 1.3rem
  8485.            }
  8486.  
  8487.            .cart-notification__close {
  8488.                margin-top: -2rem;
  8489.                margin-right: -3rem
  8490.            }
  8491.  
  8492.            .cart-notification__links {
  8493.                text-align: center
  8494.            }
  8495.  
  8496.            .cart-notification__links>* {
  8497.                margin-top: 1rem
  8498.            }
  8499.  
  8500.            .cart-notification-product {
  8501.                align-items: flex-start;
  8502.                display: flex;
  8503.                padding-bottom: 3rem;
  8504.                padding-top: 2rem
  8505.            }
  8506.  
  8507.            .cart-notification-product dl {
  8508.                margin-bottom: 0;
  8509.                margin-top: 0
  8510.            }
  8511.  
  8512.            .cart-notification-product__image {
  8513.                display: inline-flex;
  8514.                margin-right: 1.5rem;
  8515.                margin-top: .5rem
  8516.            }
  8517.  
  8518.            .cart-notification-product__image:after {
  8519.                content: none
  8520.            }
  8521.  
  8522.            .cart-notification-product__name {
  8523.                margin-bottom: .5rem;
  8524.                margin-top: 0
  8525.            }
  8526.        </style>
  8527.        <style>
  8528.            cart-items .title-wrapper-with-link {
  8529.                margin-top: 0
  8530.            }
  8531.  
  8532.            .cart-items td,
  8533.            .cart-items th {
  8534.                padding: 0;
  8535.                border: none
  8536.            }
  8537.  
  8538.            .cart-items th {
  8539.                text-align: left;
  8540.                padding-bottom: 1.8rem;
  8541.                opacity: .85;
  8542.                font-weight: 400
  8543.            }
  8544.  
  8545.            .cart-item__quantity-wrapper {
  8546.                display: flex
  8547.            }
  8548.  
  8549.            .cart-item__totals {
  8550.                position: relative
  8551.            }
  8552.  
  8553.            .cart-items *.right {
  8554.                text-align: right
  8555.            }
  8556.  
  8557.            .cart-item__image-container {
  8558.                display: inline-flex;
  8559.                align-items: flex-start
  8560.            }
  8561.  
  8562.            .cart-item__image-container:after {
  8563.                content: none
  8564.            }
  8565.  
  8566.            .cart-item__image {
  8567.                height: auto;
  8568.                max-width: calc(10rem / var(--font-body-scale))
  8569.            }
  8570.  
  8571.            @media screen and (min-width: 750px) {
  8572.                .cart-item__image {
  8573.                    max-width: 100%
  8574.                }
  8575.            }
  8576.  
  8577.            .cart-item__details {
  8578.                font-size: 1.6rem;
  8579.                line-height: calc(1 + .4 / var(--font-body-scale))
  8580.            }
  8581.  
  8582.            .cart-item__details>* {
  8583.                margin: 0;
  8584.                max-width: 30rem
  8585.            }
  8586.  
  8587.            .cart-item__details>*+* {
  8588.                margin-top: .6rem
  8589.            }
  8590.  
  8591.            .cart-item__media {
  8592.                position: relative
  8593.            }
  8594.  
  8595.            .cart-item__link {
  8596.                display: block;
  8597.                bottom: 0;
  8598.                left: 0;
  8599.                position: absolute;
  8600.                right: 0;
  8601.                top: 0;
  8602.                width: 100%;
  8603.                height: 100%
  8604.            }
  8605.  
  8606.            .cart-item__name {
  8607.                text-decoration: none;
  8608.                display: block
  8609.            }
  8610.  
  8611.            .cart-item__name:hover {
  8612.                text-decoration: underline;
  8613.                text-underline-offset: .3rem;
  8614.                text-decoration-thickness: .2rem
  8615.            }
  8616.  
  8617.            .cart-item__price-wrapper>* {
  8618.                display: block;
  8619.                margin: 0;
  8620.                padding: 0
  8621.            }
  8622.  
  8623.            .cart-item__discounted-prices dd {
  8624.                margin: 0
  8625.            }
  8626.  
  8627.            .cart-item__discounted-prices .cart-item__old-price {
  8628.                font-size: 1.4rem
  8629.            }
  8630.  
  8631.            .cart-item__old-price {
  8632.                opacity: .7
  8633.            }
  8634.  
  8635.            .cart-item__final-price {
  8636.                font-weight: 400
  8637.            }
  8638.  
  8639.            .product-option {
  8640.                font-size: 1.4rem;
  8641.                word-break: break-word;
  8642.                line-height: calc(1 + .5 / var(--font-body-scale))
  8643.            }
  8644.  
  8645.            .cart-item cart-remove-button {
  8646.                display: flex;
  8647.                margin-left: 1rem
  8648.            }
  8649.  
  8650.            @media screen and (min-width: 750px) and (max-width: 989px) {
  8651.                .cart-item cart-remove-button {
  8652.                    width: 4.5rem;
  8653.                    height: 4.5rem
  8654.                }
  8655.            }
  8656.  
  8657.            cart-remove-button .button {
  8658.                min-width: calc(4.5rem / var(--font-body-scale));
  8659.                min-height: 4.5rem;
  8660.                padding: 0;
  8661.                margin: 0 .1rem .1rem 0
  8662.            }
  8663.  
  8664.            cart-remove-button .button:before,
  8665.            cart-remove-button .button:after {
  8666.                content: none
  8667.            }
  8668.  
  8669.            cart-remove-button .button:not([disabled]):hover {
  8670.                color: rgb(var(--color-foreground))
  8671.            }
  8672.  
  8673.            @media screen and (min-width: 750px) {
  8674.                cart-remove-button .button {
  8675.                    min-width: 3.5rem;
  8676.                    min-height: 3.5rem
  8677.                }
  8678.            }
  8679.  
  8680.            cart-remove-button .icon-remove {
  8681.                height: 1.5rem;
  8682.                width: 1.5rem
  8683.            }
  8684.  
  8685.            .cart-item .loading__spinner {
  8686.                top: 0;
  8687.                left: auto;
  8688.                right: auto;
  8689.                bottom: 0;
  8690.                padding: 0
  8691.            }
  8692.  
  8693.            @media screen and (min-width: 750px) {
  8694.                .cart-item .loading__spinner {
  8695.                    right: 0;
  8696.                    padding-top: 4.5rem;
  8697.                    bottom: auto
  8698.                }
  8699.            }
  8700.  
  8701.            .cart-item .loading__spinner:not(.hidden)~* {
  8702.                visibility: hidden
  8703.            }
  8704.  
  8705.            .cart-item__error {
  8706.                display: flex;
  8707.                align-items: flex-start;
  8708.                margin-top: .2rem;
  8709.                width: min-content;
  8710.                min-width: 100%
  8711.            }
  8712.  
  8713.            .cart-item__error-text {
  8714.                font-size: 1.2rem;
  8715.                line-height: calc(1 + .2 / var(--font-body-scale));
  8716.                order: 1
  8717.            }
  8718.  
  8719.            .cart-item__error-text+svg {
  8720.                flex-shrink: 0;
  8721.                width: 1.2rem;
  8722.                margin-right: .5rem;
  8723.                margin-top: .1rem
  8724.            }
  8725.  
  8726.            .cart-item__error-text:empty+svg {
  8727.                display: none
  8728.            }
  8729.  
  8730.            .product-option+.product-option {
  8731.                margin-top: .4rem
  8732.            }
  8733.  
  8734.            .product-option * {
  8735.                display: inline;
  8736.                margin: 0
  8737.            }
  8738.  
  8739.            .cart-items thead th {
  8740.                text-transform: uppercase
  8741.            }
  8742.  
  8743.            @media screen and (max-width: 749px) {
  8744.  
  8745.                .cart-items,
  8746.                .cart-items thead,
  8747.                .cart-items tbody {
  8748.                    display: block;
  8749.                    width: 100%
  8750.                }
  8751.  
  8752.                .cart-items thead tr {
  8753.                    display: flex;
  8754.                    justify-content: space-between;
  8755.                    border-bottom: .1rem solid rgba(var(--color-foreground), .2);
  8756.                    margin-bottom: 4rem
  8757.                }
  8758.  
  8759.                .cart-item {
  8760.                    display: grid;
  8761.                    grid-template: repeat(2, auto) / repeat(4, 1fr);
  8762.                    gap: 1.5rem;
  8763.                    margin-bottom: 3.5rem
  8764.                }
  8765.  
  8766.                .cart-item:last-child {
  8767.                    margin-bottom: 0
  8768.                }
  8769.  
  8770.                .cart-item__media {
  8771.                    grid-row: 1 / 3
  8772.                }
  8773.  
  8774.                .cart-item__details {
  8775.                    grid-column: 2 / 4
  8776.                }
  8777.  
  8778.                .cart-item__quantity {
  8779.                    grid-column: 2 / 5
  8780.                }
  8781.  
  8782.                .cart-item__quantity-wrapper {
  8783.                    flex-wrap: wrap
  8784.                }
  8785.  
  8786.                .cart-item__totals {
  8787.                    display: flex;
  8788.                    align-items: flex-start;
  8789.                    justify-content: flex-end
  8790.                }
  8791.            }
  8792.  
  8793.            @media screen and (min-width: 750px) {
  8794.                .cart-items {
  8795.                    border-spacing: 0;
  8796.                    border-collapse: separate;
  8797.                    box-shadow: none;
  8798.                    width: 100%;
  8799.                    display: table
  8800.                }
  8801.  
  8802.                .cart-items th {
  8803.                    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  8804.                }
  8805.  
  8806.                .cart-items thead th:first-child {
  8807.                    width: 50%
  8808.                }
  8809.  
  8810.                .cart-items th+th {
  8811.                    padding-left: 4rem
  8812.                }
  8813.  
  8814.                .cart-items td {
  8815.                    vertical-align: top;
  8816.                    padding-top: 4rem
  8817.                }
  8818.  
  8819.                .cart-item {
  8820.                    display: table-row
  8821.                }
  8822.  
  8823.                .cart-item>td+td {
  8824.                    padding-left: 4rem
  8825.                }
  8826.  
  8827.                .cart-item__details {
  8828.                    width: 35rem
  8829.                }
  8830.  
  8831.                .cart-item__media {
  8832.                    width: 10rem
  8833.                }
  8834.  
  8835.                .cart-item cart-remove-button {
  8836.                    margin: .5rem 0 0 1.5rem
  8837.                }
  8838.  
  8839.                .cart-item__price-wrapper>*:only-child:not(.cart-item__discounted-prices) {
  8840.                    margin-top: 1rem
  8841.                }
  8842.  
  8843.                .cart-item__error {
  8844.                    margin-left: .3rem
  8845.                }
  8846.            }
  8847.  
  8848.            @media screen and (min-width: 990px) {
  8849.  
  8850.                .cart-item .cart-item__quantity,
  8851.                .cart-items .cart-items__heading--wide {
  8852.                    padding-left: 6rem
  8853.                }
  8854.  
  8855.                .cart-item__details {
  8856.                    width: 50rem
  8857.                }
  8858.  
  8859.                .cart-items thead th:first-child {
  8860.                    width: 60%
  8861.                }
  8862.            }
  8863.  
  8864.            @media screen and (min-width: 750px) {
  8865.  
  8866.                .cart-items .cart-items__heading--quantity,
  8867.                .cart-item .cart-item__quantity,
  8868.                .cart-item__quantity--info quantity-popover>*,
  8869.                .no-js .cart-item .cart-item__quantity--info {
  8870.                    padding-left: 5rem
  8871.                }
  8872.  
  8873.                .cart-item .cart-item__quantity--info,
  8874.                .cart-item__quantity--info .cart-item__quantity-wrapper,
  8875.                .cart-item__quantity--info .cart-items__info {
  8876.                    padding-left: 0
  8877.                }
  8878.            }
  8879.  
  8880.            @media screen and (min-width: 749px) and (max-width: 990px) {
  8881.                .cart-items .quantity-popover__info-button {
  8882.                    padding-left: 1.5rem
  8883.                }
  8884.            }
  8885.        </style>
  8886.        <style>
  8887.            .price {
  8888.                font-size: 1.6rem;
  8889.                letter-spacing: .1rem;
  8890.                line-height: calc(1 + .5 / var(--font-body-scale));
  8891.                color: rgb(var(--color-foreground))
  8892.            }
  8893.  
  8894.            .price>* {
  8895.                display: inline-block;
  8896.                vertical-align: top
  8897.            }
  8898.  
  8899.            .price.price--unavailable {
  8900.                visibility: hidden
  8901.            }
  8902.  
  8903.            .price--end {
  8904.                text-align: right
  8905.            }
  8906.  
  8907.            .price .price-item {
  8908.                display: inline-block;
  8909.                margin: 0 1rem 0 0
  8910.            }
  8911.  
  8912.            .price__regular .price-item--regular {
  8913.                margin-right: 0
  8914.            }
  8915.  
  8916.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  8917.                margin: 0
  8918.            }
  8919.  
  8920.            @media screen and (min-width: 750px) {
  8921.                .price {
  8922.                    margin-bottom: 0
  8923.                }
  8924.            }
  8925.  
  8926.            .price--large {
  8927.                font-size: 1.6rem;
  8928.                line-height: calc(1 + .5 / var(--font-body-scale));
  8929.                letter-spacing: .13rem
  8930.            }
  8931.  
  8932.            @media screen and (min-width: 750px) {
  8933.                .price--large {
  8934.                    font-size: 1.8rem
  8935.                }
  8936.            }
  8937.  
  8938.            .price--sold-out .price__availability,
  8939.            .price__regular {
  8940.                display: block
  8941.            }
  8942.  
  8943.            .price__sale,
  8944.            .price__availability,
  8945.            .price .price__badge-sale,
  8946.            .price .price__badge-sold-out,
  8947.            .price--on-sale .price__regular,
  8948.            .price--on-sale .price__availability {
  8949.                display: none
  8950.            }
  8951.  
  8952.            .price--sold-out .price__badge-sold-out,
  8953.            .price--on-sale .price__badge-sale,
  8954.            .volume-pricing--sale-badge .price__badge-sale {
  8955.                display: inline-block
  8956.            }
  8957.  
  8958.            .volume-pricing--sale-badge .price__badge-sale {
  8959.                margin-left: .5rem
  8960.            }
  8961.  
  8962.            .price--on-sale .price__sale {
  8963.                display: initial;
  8964.                flex-direction: row;
  8965.                flex-wrap: wrap
  8966.            }
  8967.  
  8968.            .price--center {
  8969.                display: initial;
  8970.                justify-content: center
  8971.            }
  8972.  
  8973.            .price--on-sale .price-item--regular {
  8974.                text-decoration: line-through;
  8975.                color: rgba(var(--color-foreground), .75);
  8976.                font-size: 1.3rem
  8977.            }
  8978.  
  8979.            .unit-price {
  8980.                display: block;
  8981.                font-size: 1.1rem;
  8982.                letter-spacing: .04rem;
  8983.                line-height: calc(1 + .2 / var(--font-body-scale));
  8984.                margin-top: .2rem;
  8985.                text-transform: uppercase;
  8986.                color: rgba(var(--color-foreground), .7)
  8987.            }
  8988.        </style>
  8989.        <style>
  8990.            .drawer {
  8991.                position: fixed;
  8992.                z-index: 1000;
  8993.                left: 0;
  8994.                top: 0;
  8995.                width: 100vw;
  8996.                height: 100%;
  8997.                display: flex;
  8998.                justify-content: flex-end;
  8999.                background-color: rgba(var(--color-foreground), .5);
  9000.                transition: visibility var(--duration-default) ease
  9001.            }
  9002.  
  9003.            .drawer.active {
  9004.                visibility: visible
  9005.            }
  9006.  
  9007.            .drawer__inner {
  9008.                height: 100%;
  9009.                width: 40rem;
  9010.                max-width: calc(100vw - 3rem);
  9011.                padding: 0 1.5rem;
  9012.                border: .1rem solid rgba(var(--color-foreground), .2);
  9013.                border-right: 0;
  9014.                overflow: hidden;
  9015.                display: flex;
  9016.                flex-direction: column;
  9017.                transform: translate(100%);
  9018.                transition: transform var(--duration-default) ease
  9019.            }
  9020.  
  9021.            .drawer__inner-empty {
  9022.                height: 100%;
  9023.                padding: 0 1.5rem;
  9024.                overflow: hidden;
  9025.                display: flex;
  9026.                flex-direction: column
  9027.            }
  9028.  
  9029.            .cart-drawer__warnings {
  9030.                display: flex;
  9031.                flex-direction: column;
  9032.                flex: 1;
  9033.                justify-content: center
  9034.            }
  9035.  
  9036.            cart-drawer.is-empty .drawer__inner {
  9037.                display: grid;
  9038.                grid-template-rows: 1fr;
  9039.                align-items: center;
  9040.                padding: 0
  9041.            }
  9042.  
  9043.            cart-drawer.is-empty .drawer__header {
  9044.                display: none
  9045.            }
  9046.  
  9047.            cart-drawer:not(.is-empty) .cart-drawer__warnings,
  9048.            cart-drawer:not(.is-empty) .cart-drawer__collection {
  9049.                display: none
  9050.            }
  9051.  
  9052.            .cart-drawer__warnings--has-collection .cart__login-title {
  9053.                margin-top: 2.5rem
  9054.            }
  9055.  
  9056.            .drawer.active .drawer__inner {
  9057.                transform: translate(0)
  9058.            }
  9059.  
  9060.            .drawer__header {
  9061.                position: relative;
  9062.                padding: 1.5rem 0;
  9063.                display: flex;
  9064.                justify-content: space-between;
  9065.                align-items: center
  9066.            }
  9067.  
  9068.            .drawer__heading {
  9069.                margin: 0 0 1rem
  9070.            }
  9071.  
  9072.            .drawer__close {
  9073.                display: inline-block;
  9074.                padding: 0;
  9075.                min-width: 4.4rem;
  9076.                min-height: 4.4rem;
  9077.                box-shadow: 0 0 0 .2rem rgba(var(--color-button), 0);
  9078.                position: absolute;
  9079.                top: 10px;
  9080.                right: -10px;
  9081.                color: rgb(var(--color-foreground));
  9082.                background-color: transparent;
  9083.                border: none;
  9084.                cursor: pointer
  9085.            }
  9086.  
  9087.            .cart-drawer__warnings .drawer__close {
  9088.                right: 5px
  9089.            }
  9090.  
  9091.            .drawer__close svg {
  9092.                height: 2.4rem;
  9093.                width: 2.4rem
  9094.            }
  9095.  
  9096.            .drawer__contents {
  9097.                flex-grow: 1;
  9098.                display: flex;
  9099.                flex-direction: column
  9100.            }
  9101.  
  9102.            .drawer__footer {
  9103.                border-top: .1rem solid rgba(var(--color-foreground), .2);
  9104.                padding: 1.5rem 0
  9105.            }
  9106.  
  9107.            cart-drawer-items.is-empty+.drawer__footer {
  9108.                display: none
  9109.            }
  9110.  
  9111.            .drawer__footer>details {
  9112.                margin-top: -1.5rem;
  9113.                border-bottom: .1rem solid rgba(var(--color-foreground), .2)
  9114.            }
  9115.  
  9116.            .drawer__footer>details[open] {
  9117.                padding-bottom: 1.5rem
  9118.            }
  9119.  
  9120.            .drawer__footer summary {
  9121.                display: flex;
  9122.                position: relative;
  9123.                line-height: 1;
  9124.                padding: 1.5rem 0
  9125.            }
  9126.  
  9127.            .drawer__footer>details+.cart-drawer__footer {
  9128.                padding-top: 1.5rem
  9129.            }
  9130.  
  9131.            cart-drawer {
  9132.                position: fixed;
  9133.                top: 0;
  9134.                left: 0;
  9135.                width: 100vw;
  9136.                height: 100%
  9137.            }
  9138.  
  9139.            .cart-drawer__overlay {
  9140.                position: fixed;
  9141.                top: 0;
  9142.                right: 0;
  9143.                bottom: 0;
  9144.                left: 0
  9145.            }
  9146.  
  9147.            .cart-drawer__overlay:empty {
  9148.                display: block
  9149.            }
  9150.  
  9151.            .cart-drawer__form {
  9152.                flex-grow: 1;
  9153.                display: flex;
  9154.                flex-wrap: wrap
  9155.            }
  9156.  
  9157.            .cart-drawer__collection {
  9158.                margin: 0 2.5rem 1.5rem
  9159.            }
  9160.  
  9161.            .cart-drawer .drawer__cart-items-wrapper {
  9162.                flex-grow: 1
  9163.            }
  9164.  
  9165.            .cart-drawer .cart-items,
  9166.            .cart-drawer tbody {
  9167.                display: block;
  9168.                width: 100%
  9169.            }
  9170.  
  9171.            .cart-drawer thead {
  9172.                display: inline-table;
  9173.                width: 100%;
  9174.                position: sticky;
  9175.                top: 0;
  9176.                z-index: 2
  9177.            }
  9178.  
  9179.            cart-drawer-items {
  9180.                overflow: auto;
  9181.                flex: 1
  9182.            }
  9183.  
  9184.            @media screen and (max-height: 650px) {
  9185.                cart-drawer-items {
  9186.                    overflow: visible
  9187.                }
  9188.  
  9189.                .drawer__inner {
  9190.                    overflow: scroll
  9191.                }
  9192.            }
  9193.  
  9194.            .cart-drawer .cart-item {
  9195.                display: grid;
  9196.                grid-template: repeat(2, auto) / repeat(4, 1fr);
  9197.                gap: 1.5rem;
  9198.                margin-bottom: 0
  9199.            }
  9200.  
  9201.            .cart-drawer .cart-item:last-child {
  9202.                margin-bottom: 1rem
  9203.            }
  9204.  
  9205.            .cart-drawer .cart-item__media {
  9206.                grid-row: 1 / 3
  9207.            }
  9208.  
  9209.            .cart-drawer .cart-item__image {
  9210.                max-width: 100%
  9211.            }
  9212.  
  9213.            .cart-drawer .cart-items thead {
  9214.                margin-bottom: .5rem
  9215.            }
  9216.  
  9217.            .cart-drawer .cart-items thead th:first-child,
  9218.            .cart-drawer .cart-items thead th:last-child {
  9219.                width: 0;
  9220.                padding: 0
  9221.            }
  9222.  
  9223.            .cart-drawer .cart-items thead th:nth-child(2) {
  9224.                width: 50%;
  9225.                padding-left: 0
  9226.            }
  9227.  
  9228.            .cart-drawer .cart-items thead tr {
  9229.                display: table-row;
  9230.                margin-bottom: 0
  9231.            }
  9232.  
  9233.            .cart-drawer .cart-items th {
  9234.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9235.            }
  9236.  
  9237.            .cart-drawer .cart-item:last-child {
  9238.                margin-bottom: 1.5rem
  9239.            }
  9240.  
  9241.            .cart-drawer .cart-item .loading__spinner {
  9242.                right: 5px;
  9243.                padding-top: 2.5rem
  9244.            }
  9245.  
  9246.            .cart-drawer .cart-items td {
  9247.                padding-top: 2rem
  9248.            }
  9249.  
  9250.            .cart-drawer .cart-item>td+td {
  9251.                padding-left: 1rem
  9252.            }
  9253.  
  9254.            .cart-drawer .cart-item__details {
  9255.                width: auto;
  9256.                grid-column: 2 / 4
  9257.            }
  9258.  
  9259.            .cart-drawer .cart-item__totals {
  9260.                pointer-events: none;
  9261.                display: flex;
  9262.                align-items: flex-start;
  9263.                justify-content: flex-end
  9264.            }
  9265.  
  9266.            .cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
  9267.                margin-top: 0
  9268.            }
  9269.  
  9270.            .cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  9271.                display: flex;
  9272.                flex-direction: column;
  9273.                gap: .6rem
  9274.            }
  9275.  
  9276.            .cart-drawer .unit-price {
  9277.                margin-top: .6rem
  9278.            }
  9279.  
  9280.            .cart-drawer .cart-items .cart-item__quantity {
  9281.                padding-top: 0;
  9282.                grid-column: 2 / 5
  9283.            }
  9284.  
  9285.            @media screen and (max-width: 749px) {
  9286.                .cart-drawer .cart-item cart-remove-button {
  9287.                    margin-left: 0
  9288.                }
  9289.            }
  9290.  
  9291.            .cart-drawer__footer>*+* {
  9292.                margin-top: 1rem
  9293.            }
  9294.  
  9295.            .cart-drawer .totals {
  9296.                justify-content: space-between
  9297.            }
  9298.  
  9299.            .cart-drawer .price {
  9300.                line-height: 1
  9301.            }
  9302.  
  9303.            .cart-drawer .tax-note {
  9304.                margin: 1.2rem 0 1rem auto;
  9305.                text-align: left
  9306.            }
  9307.  
  9308.            .cart-drawer .product-option dd {
  9309.                word-break: break-word
  9310.            }
  9311.  
  9312.            .cart-drawer details[open]>summary .icon-caret {
  9313.                transform: rotate(180deg)
  9314.            }
  9315.  
  9316.            .cart-drawer .cart__checkout-button {
  9317.                max-width: none
  9318.            }
  9319.  
  9320.            .drawer__footer .cart__dynamic-checkout-buttons {
  9321.                max-width: 100%
  9322.            }
  9323.  
  9324.            .drawer__footer #dynamic-checkout-cart ul {
  9325.                flex-wrap: wrap !important;
  9326.                flex-direction: row !important;
  9327.                margin: .5rem -.5rem 0 0 !important;
  9328.                gap: .5rem
  9329.            }
  9330.  
  9331.            .drawer__footer [data-shopify-buttoncontainer] {
  9332.                justify-content: flex-start
  9333.            }
  9334.  
  9335.            .drawer__footer #dynamic-checkout-cart ul>li {
  9336.                flex-basis: calc(50% - .5rem) !important;
  9337.                margin: 0 !important
  9338.            }
  9339.  
  9340.            .drawer__footer #dynamic-checkout-cart ul>li:only-child {
  9341.                flex-basis: 100% !important;
  9342.                margin-right: .5rem !important
  9343.            }
  9344.  
  9345.            @media screen and (min-width: 750px) {
  9346.                .drawer__footer #dynamic-checkout-cart ul>li {
  9347.                    flex-basis: calc(100% / 3 - .5rem) !important;
  9348.                    margin: 0 !important
  9349.                }
  9350.  
  9351.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),
  9352.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,
  9353.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),
  9354.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li {
  9355.                    flex-basis: calc(50% - .5rem) !important
  9356.                }
  9357.            }
  9358.  
  9359.            cart-drawer-items::-webkit-scrollbar {
  9360.                width: 3px
  9361.            }
  9362.  
  9363.            cart-drawer-items::-webkit-scrollbar-thumb {
  9364.                background-color: rgba(var(--color-foreground), .7);
  9365.                border-radius: 100px
  9366.            }
  9367.  
  9368.            cart-drawer-items::-webkit-scrollbar-track-piece {
  9369.                margin-top: 31px
  9370.            }
  9371.  
  9372.            .cart-drawer .quantity-popover-container {
  9373.                padding: 0
  9374.            }
  9375.  
  9376.            .cart-drawer .quantity-popover__info.global-settings-popup {
  9377.                transform: translateY(0);
  9378.                right: 0
  9379.            }
  9380.  
  9381.            .cart-drawer .cart-item__error {
  9382.                margin-top: .8rem
  9383.            }
  9384.  
  9385.            .cart-drawer .quantity-popover__info+.cart-item__error {
  9386.                margin-top: .2rem
  9387.            }
  9388.  
  9389.            @media screen and (min-width: 750px) {
  9390.                .cart-drawer .cart-item__quantity--info quantity-popover>* {
  9391.                    padding-left: 0
  9392.                }
  9393.  
  9394.                .cart-drawer .cart-item__error {
  9395.                    margin-left: 0
  9396.                }
  9397.            }
  9398.        </style>
  9399.        <style>
  9400.            .cart {
  9401.                position: relative;
  9402.                display: block
  9403.            }
  9404.  
  9405.            .cart__empty-text,
  9406.            .is-empty .cart__contents,
  9407.            cart-items.is-empty .title-wrapper-with-link,
  9408.            .is-empty .cart__footer {
  9409.                display: none
  9410.            }
  9411.  
  9412.            .is-empty .cart__empty-text,
  9413.            .is-empty .cart__warnings {
  9414.                display: block
  9415.            }
  9416.  
  9417.            .cart__warnings {
  9418.                display: none;
  9419.                text-align: center;
  9420.                padding: 3rem 0 1rem
  9421.            }
  9422.  
  9423.            .cart__empty-text {
  9424.                margin: 4.5rem 0 2rem
  9425.            }
  9426.  
  9427.            .cart__contents>*+* {
  9428.                margin-top: 2.5rem
  9429.            }
  9430.  
  9431.            .cart__login-title {
  9432.                margin: 5.5rem 0 .5rem
  9433.            }
  9434.  
  9435.            .cart__login-paragraph {
  9436.                margin-top: .8rem
  9437.            }
  9438.  
  9439.            .cart__login-paragraph a {
  9440.                font-size: inherit
  9441.            }
  9442.  
  9443.            @media screen and (min-width: 990px) {
  9444.                .cart__warnings {
  9445.                    padding: 7rem 0 1rem
  9446.                }
  9447.  
  9448.                .cart__empty-text {
  9449.                    margin: 0 0 3rem
  9450.                }
  9451.            }
  9452.  
  9453.            cart-items {
  9454.                display: block
  9455.            }
  9456.  
  9457.            .cart__items {
  9458.                position: relative;
  9459.                padding-bottom: 3rem;
  9460.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9461.            }
  9462.  
  9463.            .cart__items--disabled {
  9464.                pointer-events: none
  9465.            }
  9466.  
  9467.            .cart__footer-wrapper:last-child .cart__footer {
  9468.                padding-bottom: 5rem
  9469.            }
  9470.  
  9471.            .cart__footer>div:only-child {
  9472.                margin-left: auto
  9473.            }
  9474.  
  9475.            .cart__footer>*+* {
  9476.                margin-top: 6.5rem
  9477.            }
  9478.  
  9479.            .cart__footer .discounts {
  9480.                margin-bottom: 1rem
  9481.            }
  9482.  
  9483.            .cart__note {
  9484.                height: fit-content;
  9485.                top: 2.5rem
  9486.            }
  9487.  
  9488.            .cart__note label {
  9489.                display: flex;
  9490.                align-items: flex-end;
  9491.                position: absolute;
  9492.                line-height: 1;
  9493.                height: 1.8rem;
  9494.                top: -3rem;
  9495.                color: rgba(var(--color-foreground), .75)
  9496.            }
  9497.  
  9498.            .cart__note .field__input {
  9499.                height: 100%;
  9500.                position: relative;
  9501.                border-radius: var(--inputs-radius);
  9502.                padding: 1rem 2rem
  9503.            }
  9504.  
  9505.            .cart__note .text-area {
  9506.                resize: vertical
  9507.            }
  9508.  
  9509.            .cart__note:after,
  9510.            .cart__note:hover.cart__note:after,
  9511.            .cart__note:before,
  9512.            .cart__note:hover.cart__note:before,
  9513.            .cart__note .field__input:focus,
  9514.            .cart__note .field__input {
  9515.                border-bottom-right-radius: 0
  9516.            }
  9517.  
  9518.            @media screen and (min-width: 750px) {
  9519.                .cart__items {
  9520.                    grid-column-start: 1;
  9521.                    grid-column-end: 3;
  9522.                    padding-bottom: 4rem
  9523.                }
  9524.  
  9525.                .cart__contents>*+* {
  9526.                    margin-top: 0
  9527.                }
  9528.  
  9529.                .cart__items+.cart__footer {
  9530.                    grid-column: 2
  9531.                }
  9532.  
  9533.                .cart__footer {
  9534.                    display: flex;
  9535.                    justify-content: space-between;
  9536.                    border: 0
  9537.                }
  9538.  
  9539.                .cart__footer-wrapper:last-child {
  9540.                    padding-top: 0
  9541.                }
  9542.  
  9543.                .cart__footer>* {
  9544.                    width: 35rem
  9545.                }
  9546.  
  9547.                .cart__footer>*+* {
  9548.                    margin-left: 4rem;
  9549.                    margin-top: 0
  9550.                }
  9551.            }
  9552.  
  9553.            .cart__ctas button {
  9554.                width: 100%
  9555.            }
  9556.  
  9557.            .cart__ctas>*:not(noscript:first-child)+* {
  9558.                margin-top: 1rem
  9559.            }
  9560.  
  9561.            .cart__update-button {
  9562.                margin-bottom: 1rem
  9563.            }
  9564.  
  9565.            .cart__dynamic-checkout-buttons {
  9566.                max-width: 36rem;
  9567.                margin: 0 auto
  9568.            }
  9569.  
  9570.            .cart__dynamic-checkout-buttons:has(.dynamic-checkout__content:empty) {
  9571.                margin: 0
  9572.            }
  9573.  
  9574.            .cart__dynamic-checkout-buttons div[role=button] {
  9575.                border-radius: var(--buttons-radius-outset) !important
  9576.            }
  9577.  
  9578.            .cart__blocks>*+* {
  9579.                margin-top: 1rem
  9580.            }
  9581.  
  9582.            .cart-note__label {
  9583.                display: inline-block;
  9584.                margin-bottom: 1rem;
  9585.                line-height: calc(1 + 1 / var(--font-body-scale))
  9586.            }
  9587.  
  9588.            .tax-note {
  9589.                margin: 2.2rem 0 1.6rem auto;
  9590.                text-align: center;
  9591.                display: block
  9592.            }
  9593.  
  9594.            .cart__checkout-button {
  9595.                max-width: 36rem
  9596.            }
  9597.  
  9598.            .cart__ctas {
  9599.                text-align: center
  9600.            }
  9601.  
  9602.            @media screen and (min-width: 750px) {
  9603.                .cart-note {
  9604.                    max-width: 35rem
  9605.                }
  9606.  
  9607.                .cart__update-button {
  9608.                    margin-bottom: 0;
  9609.                    margin-right: .8rem
  9610.                }
  9611.  
  9612.                .tax-note {
  9613.                    margin-bottom: 2.2rem;
  9614.                    text-align: right
  9615.                }
  9616.  
  9617.                [data-shopify-buttoncontainer] {
  9618.                    justify-content: flex-end
  9619.                }
  9620.  
  9621.                .cart__ctas {
  9622.                    display: flex;
  9623.                    gap: 1rem
  9624.                }
  9625.            }
  9626.        </style>
  9627.        <style>
  9628.            .totals {
  9629.                display: flex;
  9630.                justify-content: center;
  9631.                align-items: flex-end
  9632.            }
  9633.  
  9634.            .totals>* {
  9635.                font-size: 1.6rem;
  9636.                margin: 0
  9637.            }
  9638.  
  9639.            .totals>h2 {
  9640.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  9641.            }
  9642.  
  9643.            .totals * {
  9644.                line-height: 1
  9645.            }
  9646.  
  9647.            .totals>*+* {
  9648.                margin-left: 2rem
  9649.            }
  9650.  
  9651.            .totals__total {
  9652.                margin-top: .5rem
  9653.            }
  9654.  
  9655.            .totals__total-value {
  9656.                font-size: 1.8rem
  9657.            }
  9658.  
  9659.            .cart__ctas+.totals {
  9660.                margin-top: 2rem
  9661.            }
  9662.  
  9663.            @media all and (min-width: 750px) {
  9664.                .totals {
  9665.                    justify-content: flex-end
  9666.                }
  9667.            }
  9668.        </style>
  9669.        <style>
  9670.            .price {
  9671.                font-size: 1.6rem;
  9672.                letter-spacing: .1rem;
  9673.                line-height: calc(1 + .5 / var(--font-body-scale));
  9674.                color: rgb(var(--color-foreground))
  9675.            }
  9676.  
  9677.            .price>* {
  9678.                display: inline-block;
  9679.                vertical-align: top
  9680.            }
  9681.  
  9682.            .price.price--unavailable {
  9683.                visibility: hidden
  9684.            }
  9685.  
  9686.            .price--end {
  9687.                text-align: right
  9688.            }
  9689.  
  9690.            .price .price-item {
  9691.                display: inline-block;
  9692.                margin: 0 1rem 0 0
  9693.            }
  9694.  
  9695.            .price__regular .price-item--regular {
  9696.                margin-right: 0
  9697.            }
  9698.  
  9699.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  9700.                margin: 0
  9701.            }
  9702.  
  9703.            @media screen and (min-width: 750px) {
  9704.                .price {
  9705.                    margin-bottom: 0
  9706.                }
  9707.            }
  9708.  
  9709.            .price--large {
  9710.                font-size: 1.6rem;
  9711.                line-height: calc(1 + .5 / var(--font-body-scale));
  9712.                letter-spacing: .13rem
  9713.            }
  9714.  
  9715.            @media screen and (min-width: 750px) {
  9716.                .price--large {
  9717.                    font-size: 1.8rem
  9718.                }
  9719.            }
  9720.  
  9721.            .price--sold-out .price__availability,
  9722.            .price__regular {
  9723.                display: block
  9724.            }
  9725.  
  9726.            .price__sale,
  9727.            .price__availability,
  9728.            .price .price__badge-sale,
  9729.            .price .price__badge-sold-out,
  9730.            .price--on-sale .price__regular,
  9731.            .price--on-sale .price__availability {
  9732.                display: none
  9733.            }
  9734.  
  9735.            .price--sold-out .price__badge-sold-out,
  9736.            .price--on-sale .price__badge-sale,
  9737.            .volume-pricing--sale-badge .price__badge-sale {
  9738.                display: inline-block
  9739.            }
  9740.  
  9741.            .volume-pricing--sale-badge .price__badge-sale {
  9742.                margin-left: .5rem
  9743.            }
  9744.  
  9745.            .price--on-sale .price__sale {
  9746.                display: initial;
  9747.                flex-direction: row;
  9748.                flex-wrap: wrap
  9749.            }
  9750.  
  9751.            .price--center {
  9752.                display: initial;
  9753.                justify-content: center
  9754.            }
  9755.  
  9756.            .price--on-sale .price-item--regular {
  9757.                text-decoration: line-through;
  9758.                color: rgba(var(--color-foreground), .75);
  9759.                font-size: 1.3rem
  9760.            }
  9761.  
  9762.            .unit-price {
  9763.                display: block;
  9764.                font-size: 1.1rem;
  9765.                letter-spacing: .04rem;
  9766.                line-height: calc(1 + .2 / var(--font-body-scale));
  9767.                margin-top: .2rem;
  9768.                text-transform: uppercase;
  9769.                color: rgba(var(--color-foreground), .7)
  9770.            }
  9771.        </style>
  9772.        <style>
  9773.            .discounts {
  9774.                font-size: 1.2rem;
  9775.            }
  9776.  
  9777.            .discounts__discount {
  9778.                display: flex;
  9779.                align-items: center;
  9780.                line-height: calc(1 + 0.5 / var(--font-body-scale));
  9781.            }
  9782.  
  9783.            .discounts__discount svg {
  9784.                color: rgba(var(--color-button), var(--alpha-button-background));
  9785.            }
  9786.  
  9787.            .discounts__discount--position {
  9788.                justify-content: center;
  9789.            }
  9790.  
  9791.            @media screen and (min-width: 750px) {
  9792.                .discounts__discount--position {
  9793.                    justify-content: flex-end;
  9794.                }
  9795.            }
  9796.  
  9797.            .discounts__discount>.icon {
  9798.                color: rgb(var(--color-foreground));
  9799.                width: 1.2rem;
  9800.                height: 1.2rem;
  9801.                margin-right: 0.7rem;
  9802.            }
  9803.        </style>
  9804.        <style>
  9805.            p img {
  9806.                width: 100%;
  9807.            }
  9808.  
  9809.            header-drawer {
  9810.                justify-self: start;
  9811.                margin-left: -1.2rem;
  9812.            }
  9813.  
  9814.            @media screen and (min-width: 990px) {
  9815.                header-drawer {
  9816.                    display: none;
  9817.                }
  9818.            }
  9819.  
  9820.            .menu-drawer-container {
  9821.                display: flex;
  9822.            }
  9823.  
  9824.            .list-menu {
  9825.                list-style: none;
  9826.                padding: 0;
  9827.                margin: 0;
  9828.            }
  9829.  
  9830.            .list-menu--inline {
  9831.                display: inline-flex;
  9832.                flex-wrap: wrap;
  9833.            }
  9834.  
  9835.            summary.list-menu__item {
  9836.                padding-right: 2.7rem;
  9837.            }
  9838.  
  9839.            .list-menu__item {
  9840.                display: flex;
  9841.                align-items: center;
  9842.                line-height: calc(1 + 0.3 / var(--font-body-scale));
  9843.            }
  9844.  
  9845.            .list-menu__item--link {
  9846.                text-decoration: none;
  9847.                padding-bottom: 1rem;
  9848.                padding-top: 1rem;
  9849.                line-height: calc(1 + 0.8 / var(--font-body-scale));
  9850.            }
  9851.  
  9852.            @media screen and (min-width: 750px) {
  9853.                .list-menu__item--link {
  9854.                    padding-bottom: 0.5rem;
  9855.                    padding-top: 0.5rem;
  9856.                }
  9857.            }
  9858.        </style>
  9859.        <style data-shopify>
  9860.            .header {
  9861.                padding: 10px 3rem 10px 3rem;
  9862.            }
  9863.  
  9864.            .section-header {
  9865.                position: sticky;
  9866.                /* This is for fixing a Safari z-index issue. PR #2147 */
  9867.                margin-bottom: 0px;
  9868.            }
  9869.  
  9870.            @media screen and (min-width: 750px) {
  9871.                .section-header {
  9872.                    margin-bottom: 0px;
  9873.                }
  9874.            }
  9875.  
  9876.            @media screen and (min-width: 990px) {
  9877.                .header {
  9878.                    padding-top: 20px;
  9879.                    padding-bottom: 20px;
  9880.                }
  9881.            }
  9882.        </style>
  9883.        <script>
  9884.            /** Shopify CDN: Minification failed
  9885.        
  9886.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9887.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9888.        Line 23:12 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9889.        Line 29:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9890.        Line 39:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9891.        Line 47:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9892.        Line 48:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9893.        Line 53:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9894.        
  9895.        **/
  9896.            class DetailsDisclosure extends HTMLElement {
  9897.                constructor() {
  9898.                    super();
  9899.                    this.mainDetailsToggle = this.querySelector('details');
  9900.                    this.content = this.mainDetailsToggle.querySelector('summary').nextElementSibling;
  9901.  
  9902.                    this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  9903.                    this.mainDetailsToggle.addEventListener('toggle', this.onToggle.bind(this));
  9904.                }
  9905.  
  9906.                onFocusOut() {
  9907.                    setTimeout(() => {
  9908.                        if (!this.contains(document.activeElement)) this.close();
  9909.                    });
  9910.                }
  9911.  
  9912.                onToggle() {
  9913.                    if (!this.animations) this.animations = this.content.getAnimations();
  9914.  
  9915.                    if (this.mainDetailsToggle.hasAttribute('open')) {
  9916.                        this.animations.forEach((animation) => animation.play());
  9917.                    } else {
  9918.                        this.animations.forEach((animation) => animation.cancel());
  9919.                    }
  9920.                }
  9921.  
  9922.                close() {
  9923.                    this.mainDetailsToggle.removeAttribute('open');
  9924.                    this.mainDetailsToggle.querySelector('summary').setAttribute('aria-expanded', false);
  9925.                }
  9926.            }
  9927.  
  9928.            customElements.define('details-disclosure', DetailsDisclosure);
  9929.  
  9930.            class HeaderMenu extends DetailsDisclosure {
  9931.                constructor() {
  9932.                    super();
  9933.                    this.header = document.querySelector('.header-wrapper');
  9934.                }
  9935.  
  9936.                onToggle() {
  9937.                    if (!this.header) return;
  9938.                    this.header.preventHide = this.mainDetailsToggle.open;
  9939.  
  9940.                    if (document.documentElement.style.getPropertyValue('--header-bottom-position-desktop') !== '') return;
  9941.                    document.documentElement.style.setProperty(
  9942.                        '--header-bottom-position-desktop',
  9943.                        `${Math.floor(this.header.getBoundingClientRect().bottom)}px`
  9944.                    );
  9945.                }
  9946.            }
  9947.  
  9948.            customElements.define('header-menu', HeaderMenu);
  9949.        </script>
  9950.        <script>
  9951.            /** Shopify CDN: Minification failed
  9952.        
  9953.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9954.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9955.        Line 26:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9956.        Line 30:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9957.        Line 35:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9958.        Line 39:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9959.        Line 51:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9960.        Line 51:20 Transforming default arguments to the configured target environment ("es5") is not supported yet
  9961.        
  9962.        **/
  9963.            class DetailsModal extends HTMLElement {
  9964.                constructor() {
  9965.                    super();
  9966.                    this.detailsContainer = this.querySelector('details');
  9967.                    this.summaryToggle = this.querySelector('summary');
  9968.  
  9969.                    this.detailsContainer.addEventListener('keyup', (event) => event.code.toUpperCase() === 'ESCAPE' && this.close());
  9970.                    this.summaryToggle.addEventListener('click', this.onSummaryClick.bind(this));
  9971.                    this.querySelector('button[type="button"]').addEventListener('click', this.close.bind(this));
  9972.  
  9973.                    this.summaryToggle.setAttribute('role', 'button');
  9974.                }
  9975.  
  9976.                isOpen() {
  9977.                    return this.detailsContainer.hasAttribute('open');
  9978.                }
  9979.  
  9980.                onSummaryClick(event) {
  9981.                    event.preventDefault();
  9982.                    event.target.closest('details').hasAttribute('open') ? this.close() : this.open(event);
  9983.                }
  9984.  
  9985.                onBodyClick(event) {
  9986.                    if (!this.contains(event.target) || event.target.classList.contains('modal-overlay')) this.close(false);
  9987.                }
  9988.  
  9989.                open(event) {
  9990.                    this.onBodyClickEvent = this.onBodyClickEvent || this.onBodyClick.bind(this);
  9991.                    event.target.closest('details').setAttribute('open', true);
  9992.                    document.body.addEventListener('click', this.onBodyClickEvent);
  9993.                    document.body.classList.add('overflow-hidden');
  9994.  
  9995.                    trapFocus(
  9996.                        this.detailsContainer.querySelector('[tabindex="-1"]'),
  9997.                        this.detailsContainer.querySelector('input:not([type="hidden"])')
  9998.                    );
  9999.                }
  10000.  
  10001.                close(focusToggle = true) {
  10002.                    removeTrapFocus(focusToggle ? this.summaryToggle : null);
  10003.                    this.detailsContainer.removeAttribute('open');
  10004.                    document.body.removeEventListener('click', this.onBodyClickEvent);
  10005.                    document.body.classList.remove('overflow-hidden');
  10006.                }
  10007.            }
  10008.  
  10009.            customElements.define('details-modal', DetailsModal);
  10010.        </script>
  10011.        <script>
  10012.            /** Shopify CDN: Minification failed
  10013.        
  10014.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10015.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10016.        Line 30:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10017.        Line 45:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10018.        Line 52:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10019.        Line 65:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10020.        Line 80:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10021.        Line 80:37 Transforming default arguments to the configured target environment ("es5") is not supported yet
  10022.        Line 84:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10023.        Line 85:4 Transforming const to the configured target environment ("es5") is not supported yet
  10024.        ... and 2 more hidden warnings
  10025.        
  10026.        **/
  10027.            class CartNotification extends HTMLElement {
  10028.                constructor() {
  10029.                    super();
  10030.  
  10031.                    this.notification = document.getElementById('cart-notification');
  10032.                    this.header = document.querySelector('sticky-header');
  10033.                    this.onBodyClick = this.handleBodyClick.bind(this);
  10034.  
  10035.                    this.notification.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10036.                    this.querySelectorAll('button[type="button"]').forEach((closeButton) =>
  10037.                        closeButton.addEventListener('click', this.close.bind(this))
  10038.                    );
  10039.                }
  10040.  
  10041.                open() {
  10042.                    this.notification.classList.add('animate', 'active');
  10043.  
  10044.                    this.notification.addEventListener(
  10045.                        'transitionend',
  10046.                        () => {
  10047.                            this.notification.focus();
  10048.                            trapFocus(this.notification);
  10049.                        },
  10050.                        { once: true }
  10051.                    );
  10052.  
  10053.                    document.body.addEventListener('click', this.onBodyClick);
  10054.                }
  10055.  
  10056.                close() {
  10057.                    this.notification.classList.remove('active');
  10058.                    document.body.removeEventListener('click', this.onBodyClick);
  10059.  
  10060.                    removeTrapFocus(this.activeElement);
  10061.                }
  10062.  
  10063.                renderContents(parsedState) {
  10064.                    this.cartItemKey = parsedState.key;
  10065.                    this.getSectionsToRender().forEach((section) => {
  10066.                        document.getElementById(section.id).innerHTML = this.getSectionInnerHTML(
  10067.                            parsedState.sections[section.id],
  10068.                            section.selector
  10069.                        );
  10070.                    });
  10071.  
  10072.                    if (this.header) this.header.reveal();
  10073.                    this.open();
  10074.                }
  10075.  
  10076.                getSectionsToRender() {
  10077.                    return [
  10078.                        {
  10079.                            id: 'cart-notification-product',
  10080.                            selector: `[id="cart-notification-product-${this.cartItemKey}"]`,
  10081.                        },
  10082.                        {
  10083.                            id: 'cart-notification-button',
  10084.                        },
  10085.                        {
  10086.                            id: 'cart-icon-bubble',
  10087.                        },
  10088.                    ];
  10089.                }
  10090.  
  10091.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10092.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10093.                }
  10094.  
  10095.                handleBodyClick(evt) {
  10096.                    const target = evt.target;
  10097.                    if (target !== this.notification && !target.closest('cart-notification')) {
  10098.                        const disclosure = target.closest('details-disclosure, header-menu');
  10099.                        this.activeElement = disclosure ? disclosure.querySelector('summary') : null;
  10100.                        this.close();
  10101.                    }
  10102.                }
  10103.  
  10104.                setActiveElement(element) {
  10105.                    this.activeElement = element;
  10106.                }
  10107.            }
  10108.  
  10109.            customElements.define('cart-notification', CartNotification);
  10110.        </script>
  10111.        <script>
  10112.            /** Shopify CDN: Minification failed
  10113.        
  10114.        Line 12:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10115.        Line 13:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10116.        Line 29:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10117.        Line 30:4 Transforming const to the configured target environment ("es5") is not supported yet
  10118.        Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10119.        Line 42:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10120.        Line 46:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10121.        
  10122.        **/
  10123.            class SearchForm extends HTMLElement {
  10124.                constructor() {
  10125.                    super();
  10126.                    this.input = this.querySelector('input[type="search"]');
  10127.                    this.resetButton = this.querySelector('button[type="reset"]');
  10128.  
  10129.                    if (this.input) {
  10130.                        this.input.form.addEventListener('reset', this.onFormReset.bind(this));
  10131.                        this.input.addEventListener(
  10132.                            'input',
  10133.                            debounce((event) => {
  10134.                                this.onChange(event);
  10135.                            }, 300).bind(this)
  10136.                        );
  10137.                    }
  10138.                }
  10139.  
  10140.                toggleResetButton() {
  10141.                    const resetIsHidden = this.resetButton.classList.contains('hidden');
  10142.                    if (this.input.value.length > 0 && resetIsHidden) {
  10143.                        this.resetButton.classList.remove('hidden');
  10144.                    } else if (this.input.value.length === 0 && !resetIsHidden) {
  10145.                        this.resetButton.classList.add('hidden');
  10146.                    }
  10147.                }
  10148.  
  10149.                onChange() {
  10150.                    this.toggleResetButton();
  10151.                }
  10152.  
  10153.                shouldResetForm() {
  10154.                    return !document.querySelector('[aria-selected="true"] a');
  10155.                }
  10156.  
  10157.                onFormReset(event) {
  10158.                    // Prevent default so the form reset doesn't set the value gotten from the url on page load
  10159.                    event.preventDefault();
  10160.                    // Don't reset if the user has selected an element on the predictive search dropdown
  10161.                    if (this.shouldResetForm()) {
  10162.                        this.input.value = '';
  10163.                        this.input.focus();
  10164.                        this.toggleResetButton();
  10165.                    }
  10166.                }
  10167.            }
  10168.  
  10169.            customElements.define('search-form', SearchForm);
  10170.        </script>
  10171.        <script>
  10172.            /** Shopify CDN: Minification failed
  10173.        
  10174.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10175.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10176.        Line 25:32 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10177.        Line 26:4 Transforming const to the configured target environment ("es5") is not supported yet
  10178.        Line 41:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10179.        Line 43:4 Transforming const to the configured target environment ("es5") is not supported yet
  10180.        Line 53:8 Transforming const to the configured target environment ("es5") is not supported yet
  10181.        Line 56:8 Transforming const to the configured target environment ("es5") is not supported yet
  10182.        Line 65:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10183.        Line 71:25 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10184.        ... and 10 more hidden warnings
  10185.        
  10186.        **/
  10187.            class CartDrawer extends HTMLElement {
  10188.                constructor() {
  10189.                    super();
  10190.  
  10191.                    this.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10192.                    this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10193.                    this.setHeaderCartIconAccessibility();
  10194.                }
  10195.  
  10196.                setHeaderCartIconAccessibility() {
  10197.                    const cartLink = document.querySelector('#cart-icon-bubble');
  10198.                    cartLink.setAttribute('role', 'button');
  10199.                    cartLink.setAttribute('aria-haspopup', 'dialog');
  10200.                    cartLink.addEventListener('click', (event) => {
  10201.                        event.preventDefault();
  10202.                        this.open(cartLink);
  10203.                    });
  10204.                    cartLink.addEventListener('keydown', (event) => {
  10205.                        if (event.code.toUpperCase() === 'SPACE') {
  10206.                            event.preventDefault();
  10207.                            this.open(cartLink);
  10208.                        }
  10209.                    });
  10210.                }
  10211.  
  10212.                open(triggeredBy) {
  10213.                    if (triggeredBy) this.setActiveElement(triggeredBy);
  10214.                    const cartDrawerNote = this.querySelector('[id^="Details-"] summary');
  10215.                    if (cartDrawerNote && !cartDrawerNote.hasAttribute('role')) this.setSummaryAccessibility(cartDrawerNote);
  10216.                    // here the animation doesn't seem to always get triggered. A timeout seem to help
  10217.                    setTimeout(() => {
  10218.                        this.classList.add('animate', 'active');
  10219.                    });
  10220.  
  10221.                    this.addEventListener(
  10222.                        'transitionend',
  10223.                        () => {
  10224.                            const containerToTrapFocusOn = this.classList.contains('is-empty')
  10225.                                ? this.querySelector('.drawer__inner-empty')
  10226.                                : document.getElementById('CartDrawer');
  10227.                            const focusElement = this.querySelector('.drawer__inner') || this.querySelector('.drawer__close');
  10228.                            trapFocus(containerToTrapFocusOn, focusElement);
  10229.                        },
  10230.                        { once: true }
  10231.                    );
  10232.  
  10233.                    document.body.classList.add('overflow-hidden');
  10234.                }
  10235.  
  10236.                close() {
  10237.                    this.classList.remove('active');
  10238.                    removeTrapFocus(this.activeElement);
  10239.                    document.body.classList.remove('overflow-hidden');
  10240.                }
  10241.  
  10242.                setSummaryAccessibility(cartDrawerNote) {
  10243.                    cartDrawerNote.setAttribute('role', 'button');
  10244.                    cartDrawerNote.setAttribute('aria-expanded', 'false');
  10245.  
  10246.                    if (cartDrawerNote.nextElementSibling.getAttribute('id')) {
  10247.                        cartDrawerNote.setAttribute('aria-controls', cartDrawerNote.nextElementSibling.id);
  10248.                    }
  10249.  
  10250.                    cartDrawerNote.addEventListener('click', (event) => {
  10251.                        event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  10252.                    });
  10253.  
  10254.                    cartDrawerNote.parentElement.addEventListener('keyup', onKeyUpEscape);
  10255.                }
  10256.  
  10257.                renderContents(parsedState) {
  10258.                    this.querySelector('.drawer__inner').classList.contains('is-empty') &&
  10259.                        this.querySelector('.drawer__inner').classList.remove('is-empty');
  10260.                    this.productId = parsedState.id;
  10261.                    this.getSectionsToRender().forEach((section) => {
  10262.                        const sectionElement = section.selector
  10263.                            ? document.querySelector(section.selector)
  10264.                            : document.getElementById(section.id);
  10265.                        sectionElement.innerHTML = this.getSectionInnerHTML(parsedState.sections[section.id], section.selector);
  10266.                    });
  10267.  
  10268.                    setTimeout(() => {
  10269.                        this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10270.                        this.open();
  10271.                    });
  10272.                }
  10273.  
  10274.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10275.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10276.                }
  10277.  
  10278.                getSectionsToRender() {
  10279.                    return [
  10280.                        {
  10281.                            id: 'cart-drawer',
  10282.                            selector: '#CartDrawer',
  10283.                        },
  10284.                        {
  10285.                            id: 'cart-icon-bubble',
  10286.                        },
  10287.                    ];
  10288.                }
  10289.  
  10290.                getSectionDOM(html, selector = '.shopify-section') {
  10291.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector);
  10292.                }
  10293.  
  10294.                setActiveElement(element) {
  10295.                    this.activeElement = element;
  10296.                }
  10297.            }
  10298.  
  10299.            customElements.define('cart-drawer', CartDrawer);
  10300.  
  10301.            class CartDrawerItems extends CartItems {
  10302.                getSectionsToRender() {
  10303.                    return [
  10304.                        {
  10305.                            id: 'CartDrawer',
  10306.                            section: 'cart-drawer',
  10307.                            selector: '.drawer__inner',
  10308.                        },
  10309.                        {
  10310.                            id: 'cart-icon-bubble',
  10311.                            section: 'cart-icon-bubble',
  10312.                            selector: '.shopify-section',
  10313.                        },
  10314.                    ];
  10315.                }
  10316.            }
  10317.  
  10318.            customElements.define('cart-drawer-items', CartDrawerItems);
  10319.        </script>
  10320.        <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  10321.            <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  10322.                <path fill-rule="evenodd" clip-rule="evenodd"
  10323.                    d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z"
  10324.                    fill="currentColor" />
  10325.            </symbol>
  10326.  
  10327.            <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
  10328.                <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2" />
  10329.                <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round"
  10330.                    transform="translate(5 5)" />
  10331.                <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round"
  10332.                    transform="translate(5 5)" />
  10333.            </symbol>
  10334.  
  10335.            <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10336.                <path
  10337.                    d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  10338.                    fill="currentColor">
  10339.            </symbol>
  10340.        </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-inverse gradient">
  10341.            <header class="header header--top-center header--mobile-center page-width header--has-menu">
  10342.  
  10343.                <header-drawer data-breakpoint="tablet">
  10344.                    <details id="Details-menu-drawer-container" class="menu-drawer-container">
  10345.                        <summary class="header__icon header__icon--menu header__icon--summary link focus-inset"
  10346.                            aria-label="Menu">
  10347.                            <span>
  10348.  
  10349.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  10350.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10351.                                    <path
  10352.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  10353.                                        fill="currentColor">
  10354.                                </svg>
  10355.  
  10356.                            </span>
  10357.                        </summary>
  10358.                        <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-inverse">
  10359.                            <div class="menu-drawer__inner-container">
  10360.                                <div class="menu-drawer__navigation-container">
  10361.                                    <nav class="menu-drawer__navigation">
  10362.                                        <ul class="menu-drawer__menu has-submenu list-menu" role="list">
  10363.                                            <li><a id="HeaderDrawer-home" href="https://perindusukma.com/"
  10364.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10365.                                                    SITUS RDTOTO
  10366.                                                </a></li>
  10367.                                            <li><a id="HeaderDrawer-catalog" href="https://perindusukma.com/"
  10368.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10369.                                                    AGEN TOGEL ONLINE
  10370.                                                </a></li>
  10371.                                            <li><a id="HeaderDrawer-contact" href="https://perindusukma.com/"
  10372.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10373.                                                    TOTO TOGEL
  10374.                                                </a></li>
  10375.                                        </ul>
  10376.                                    </nav>
  10377.                                    <div class="menu-drawer__utility-links">
  10378.                                        <div class="menu-drawer__localization header-localization">
  10379.                                        </div>
  10380.                                        <ul class="list list-social list-unstyled" role="list"></ul>
  10381.                                    </div>
  10382.                                </div>
  10383.                            </div>
  10384.                        </div>
  10385.                    </details>
  10386.                </header-drawer>
  10387.  
  10388.  
  10389.                <details-modal class="header__search">
  10390.                    <details>
  10391.                        <summary
  10392.                            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10393.                            aria-haspopup="dialog" aria-label="Search">
  10394.  
  10395.                        </summary>
  10396.                        <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10397.                            aria-label="Search">
  10398.                            <div class="modal-overlay"></div>
  10399.                            <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10400.                                <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10401.                                    <form action="https://tekan.in/MmIUz" method="get" role="search"
  10402.                                        class="search search-modal__form">
  10403.                                        <div class="field">
  10404.                                            <input class="search__input field__input" id="Search-In-Modal-1"
  10405.                                                type="search" name="q" value="" placeholder="Search" role="combobox"
  10406.                                                aria-expanded="false" aria-owns="predictive-search-results"
  10407.                                                aria-controls="predictive-search-results" aria-haspopup="listbox"
  10408.                                                aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10409.                                                autocapitalize="off" spellcheck="false">
  10410.                                            <label class="field__label" for="Search-In-Modal-1">Search</label>
  10411.                                            <input type="hidden" name="options[prefix]" value="last">
  10412.                                            <button type="reset" class="reset__button field__button hidden"
  10413.                                                aria-label="Clear search term">
  10414.                                                <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10415.                                                    <use xlink:href="#icon-reset">
  10416.                                                </svg>
  10417.                                            </button>
  10418.                                            <button class="search__button field__button" aria-label="Search">
  10419.                                                <a href="https://tekan.in/MmIUz"><img
  10420.                                                        src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10421.                                                        width="30px" height="30px" /></a>
  10422.  
  10423.                                            </button>
  10424.                                        </div>
  10425.                                        <div class="predictive-search predictive-search--header" tabindex="-1"
  10426.                                            data-predictive-search>
  10427.  
  10428.                                            <style>
  10429.                                                .loading__spinner {
  10430.                                                    position: absolute;
  10431.                                                    z-index: 1;
  10432.                                                    width: 1.8rem
  10433.                                                }
  10434.  
  10435.                                                .loading__spinner {
  10436.                                                    width: 1.8rem;
  10437.                                                    display: inline-block
  10438.                                                }
  10439.  
  10440.                                                .spinner {
  10441.                                                    animation: rotator 1.4s linear infinite
  10442.                                                }
  10443.  
  10444.                                                @keyframes rotator {
  10445.                                                    0% {
  10446.                                                        transform: rotate(0)
  10447.                                                    }
  10448.  
  10449.                                                    to {
  10450.                                                        transform: rotate(270deg)
  10451.                                                    }
  10452.                                                }
  10453.  
  10454.                                                .path {
  10455.                                                    stroke-dasharray: 280;
  10456.                                                    stroke-dashoffset: 0;
  10457.                                                    transform-origin: center;
  10458.                                                    stroke: rgb(var(--color-foreground));
  10459.                                                    animation: dash 1.4s ease-in-out infinite
  10460.                                                }
  10461.  
  10462.                                                @media screen and (forced-colors: active) {
  10463.                                                    .path {
  10464.                                                        stroke: CanvasText
  10465.                                                    }
  10466.                                                }
  10467.  
  10468.                                                @keyframes dash {
  10469.                                                    0% {
  10470.                                                        stroke-dashoffset: 280
  10471.                                                    }
  10472.  
  10473.                                                    50% {
  10474.                                                        stroke-dashoffset: 75;
  10475.                                                        transform: rotate(135deg)
  10476.                                                    }
  10477.  
  10478.                                                    to {
  10479.                                                        stroke-dashoffset: 280;
  10480.                                                        transform: rotate(450deg)
  10481.                                                    }
  10482.                                                }
  10483.  
  10484.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10485.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10486.                                                    opacity: 50%
  10487.                                                }
  10488.  
  10489.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10490.                                                    pointer-events: none;
  10491.                                                    cursor: default
  10492.                                                }
  10493.                                            </style>
  10494.                                            <div class="predictive-search__loading-state">
  10495.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  10496.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10497.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  10498.                                                        r="30"></circle>
  10499.                                                </svg>
  10500.                                            </div>
  10501.                                        </div>
  10502.  
  10503.                                        <span class="predictive-search-status visually-hidden" role="status"
  10504.                                            aria-hidden="true"></span>
  10505.                                    </form>
  10506.                                </predictive-search><button type="button"
  10507.                                    class="search-modal__close-button modal__close-button link link--text focus-inset"
  10508.                                    aria-label="Close">
  10509.                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10510.                                        <use href="#icon-close">
  10511.                                    </svg>
  10512.                                </button>
  10513.                            </div>
  10514.                        </div>
  10515.                    </details>
  10516.                </details-modal>
  10517.                <a class="header__heading-link link link--text focus-inset"><img
  10518.                        src="https://i.postimg.cc/7Z8rC1R8/logo.png"
  10519.                        alt="Rdtoto" width="110" height="36.666666666666664" loading="eager"
  10520.                        class="header__heading-logo" sizes="(min-width: 750px) 110px, 50vw"></a>
  10521.  
  10522.                <nav class="header__inline-menu">
  10523.                    <ul class="list-menu list-menu--inline" role="list">
  10524.                        <li><a id="HeaderMenu-home"
  10525.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10526.                                <span>RDTOTO</span>
  10527.                            </a></li>
  10528.                        <li><a id="HeaderMenu-catalog"
  10529.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10530.                                <span>TOGEL ONLINE</span>
  10531.                            </a></li>
  10532.                        <li><a id="HeaderMenu-contact"
  10533.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10534.                                <span>LINK ALTERNATIF</span>
  10535.                            </a></li>
  10536.                    </ul>
  10537.                </nav>
  10538.  
  10539.                <div class="header__icons header__icons--localization header-localization">
  10540.                    <div class="desktop-localization-wrapper">
  10541.                    </div>
  10542.  
  10543.  
  10544.                    <details-modal class="header__search">
  10545.                        <details>
  10546.                            <summary
  10547.                                class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10548.                                aria-haspopup="dialog" aria-label="Search">
  10549.  
  10550.                            </summary>
  10551.                            <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10552.                                aria-label="Search">
  10553.                                <div class="modal-overlay"></div>
  10554.                                <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10555.                                    <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10556.                                        <form action="https://tekan.in/MmIUz" method="get" role="search"
  10557.                                            class="search search-modal__form">
  10558.                                            <div class="field">
  10559.                                                <input class="search__input field__input" id="Search-In-Modal"
  10560.                                                    type="search" name="q" value="" placeholder="Search" role="combobox"
  10561.                                                    aria-expanded="false" aria-owns="predictive-search-results"
  10562.                                                    aria-controls="predictive-search-results" aria-haspopup="listbox"
  10563.                                                    aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10564.                                                    autocapitalize="off" spellcheck="false">
  10565.                                                <label class="field__label" for="Search-In-Modal">Search</label>
  10566.                                                <input type="hidden" name="options[prefix]" value="last">
  10567.                                                <button type="reset" class="reset__button field__button hidden"
  10568.                                                    aria-label="Clear search term">
  10569.                                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10570.                                                        <use xlink:href="#icon-reset">
  10571.                                                    </svg>
  10572.                                                </button>
  10573.                                                <button class="search__button field__button" aria-label="Search">
  10574.                                                    <a href="https://tekan.in/MmIUz"><img
  10575.                                                            src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10576.                                                            width="30px" height="30px" /></a>
  10577.                                                </button>
  10578.                                            </div>
  10579.                                            <div class="predictive-search predictive-search--header" tabindex="-1"
  10580.                                                data-predictive-search>
  10581.  
  10582.                                                <style>
  10583.                                                    .loading__spinner {
  10584.                                                        position: absolute;
  10585.                                                        z-index: 1;
  10586.                                                        width: 1.8rem
  10587.                                                    }
  10588.  
  10589.                                                    .loading__spinner {
  10590.                                                        width: 1.8rem;
  10591.                                                        display: inline-block
  10592.                                                    }
  10593.  
  10594.                                                    .spinner {
  10595.                                                        animation: rotator 1.4s linear infinite
  10596.                                                    }
  10597.  
  10598.                                                    @keyframes rotator {
  10599.                                                        0% {
  10600.                                                            transform: rotate(0)
  10601.                                                        }
  10602.  
  10603.                                                        to {
  10604.                                                            transform: rotate(270deg)
  10605.                                                        }
  10606.                                                    }
  10607.  
  10608.                                                    .path {
  10609.                                                        stroke-dasharray: 280;
  10610.                                                        stroke-dashoffset: 0;
  10611.                                                        transform-origin: center;
  10612.                                                        stroke: rgb(var(--color-foreground));
  10613.                                                        animation: dash 1.4s ease-in-out infinite
  10614.                                                    }
  10615.  
  10616.                                                    @media screen and (forced-colors: active) {
  10617.                                                        .path {
  10618.                                                            stroke: CanvasText
  10619.                                                        }
  10620.                                                    }
  10621.  
  10622.                                                    @keyframes dash {
  10623.                                                        0% {
  10624.                                                            stroke-dashoffset: 280
  10625.                                                        }
  10626.  
  10627.                                                        50% {
  10628.                                                            stroke-dashoffset: 75;
  10629.                                                            transform: rotate(135deg)
  10630.                                                        }
  10631.  
  10632.                                                        to {
  10633.                                                            stroke-dashoffset: 280;
  10634.                                                            transform: rotate(450deg)
  10635.                                                        }
  10636.                                                    }
  10637.  
  10638.                                                    .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10639.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10640.                                                        opacity: 50%
  10641.                                                    }
  10642.  
  10643.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10644.                                                        pointer-events: none;
  10645.                                                        cursor: default
  10646.                                                    }
  10647.                                                </style>
  10648.                                                <div class="predictive-search__loading-state">
  10649.                                                    <svg aria-hidden="true" focusable="false" class="spinner"
  10650.                                                        viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10651.                                                        <circle class="path" fill="none" stroke-width="6" cx="33"
  10652.                                                            cy="33" r="30"></circle>
  10653.                                                    </svg>
  10654.                                                </div>
  10655.                                            </div>
  10656.  
  10657.                                            <span class="predictive-search-status visually-hidden" role="status"
  10658.                                                aria-hidden="true"></span>
  10659.                                        </form>
  10660.                                    </predictive-search><button type="button"
  10661.                                        class="search-modal__close-button modal__close-button link link--text focus-inset"
  10662.                                        aria-label="Close">
  10663.                                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10664.                                            <use href="#icon-close">
  10665.                                        </svg>
  10666.                                    </button>
  10667.                                </div>
  10668.                            </div>
  10669.                        </details>
  10670.                    </details-modal>
  10671.  
  10672.                </div>
  10673.            </header>
  10674.        </sticky-header>
  10675.  
  10676.        <script type="application/ld+json">
  10677.  {
  10678.    "@context": "http://schema.org",
  10679.    "@type": "Organization",
  10680.    "name": "RDTOTO",
  10681.    "sameAs": ["", "", "", "", "", "", "", "", ""],
  10682.    "url": "https://perindusukma.com/"
  10683.  }
  10684. </script>
  10685.    </div>
  10686.    <!-- END sections: header-group -->
  10687.    <div class="n-columns-2">
  10688.        <a href="https://shortjeans.org/" rel="nofollow noreferrer" class="login">LOGIN</a>
  10689.        <a href="https://shortjeans.org/" rel="nofollow noreferrer" class="register">DAFTAR</a>
  10690.    </div>
  10691.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  10692.        <section id="shopify-section-template--17040648077525__main" class="shopify-section section">
  10693.            <section id="MainProduct-template--17040648077525__main"
  10694.                class="section-template--17040648077525__main-padding gradient color-background-1"
  10695.                data-section="template--17040648077525__main">
  10696.                <style>
  10697.                    .product {
  10698.                        margin: 0
  10699.                    }
  10700.  
  10701.                    .product.grid {
  10702.                        gap: 0
  10703.                    }
  10704.  
  10705.                    .product--no-media {
  10706.                        max-width: 57rem;
  10707.                        margin: 0 auto
  10708.                    }
  10709.  
  10710.                    .product__media-wrapper {
  10711.                        padding-left: 0
  10712.                    }
  10713.  
  10714.                    @media screen and (min-width: 750px) {
  10715.                        .product__column-sticky {
  10716.                            display: block;
  10717.                            position: sticky;
  10718.                            top: 3rem;
  10719.                            z-index: 2
  10720.                        }
  10721.  
  10722.                        .product--thumbnail .thumbnail-list {
  10723.                            padding-right: var(--media-shadow-horizontal-offset)
  10724.                        }
  10725.  
  10726.                        .product__info-wrapper {
  10727.                            padding: 0 0 0 5rem
  10728.                        }
  10729.  
  10730.                        .product__info-wrapper--extra-padding {
  10731.                            padding: 0 0 0 8rem
  10732.                        }
  10733.  
  10734.                        .product--right .product__info-wrapper {
  10735.                            padding: 0 5rem 0 0
  10736.                        }
  10737.  
  10738.                        .product--right .product__info-wrapper--extra-padding {
  10739.                            padding: 0 8rem 0 0
  10740.                        }
  10741.  
  10742.                        .product--right .product__media-list {
  10743.                            margin-bottom: 2rem
  10744.                        }
  10745.  
  10746.                        .product__media-container .slider-buttons {
  10747.                            display: none
  10748.                        }
  10749.                    }
  10750.  
  10751.                    @media screen and (min-width: 990px) {
  10752.                        .product--large:not(.product--no-media) .product__media-wrapper {
  10753.                            max-width: 65%;
  10754.                            width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2)
  10755.                        }
  10756.  
  10757.                        .product--large:not(.product--no-media) .product__info-wrapper {
  10758.                            padding: 0 0 0 4rem;
  10759.                            max-width: 35%;
  10760.                            width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2)
  10761.                        }
  10762.  
  10763.                        .product--large:not(.product--no-media).product--right .product__info-wrapper {
  10764.                            padding: 0 4rem 0 0
  10765.                        }
  10766.  
  10767.                        .product--medium:not(.product--no-media) .product__media-wrapper,
  10768.                        .product--small:not(.product--no-media) .product__info-wrapper {
  10769.                            max-width: 55%;
  10770.                            width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2)
  10771.                        }
  10772.  
  10773.                        .product--medium:not(.product--no-media) .product__info-wrapper,
  10774.                        .product--small:not(.product--no-media) .product__media-wrapper {
  10775.                            max-width: 45%;
  10776.                            width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2)
  10777.                        }
  10778.                    }
  10779.  
  10780.                    .shopify-payment-button__button {
  10781.                        font-family: inherit;
  10782.                        min-height: 4.6rem
  10783.                    }
  10784.  
  10785.                    .shopify-payment-button__button [role=button].focused,
  10786.                    .no-js .shopify-payment-button__button [role=button]:focus {
  10787.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10788.                        outline-offset: .3rem;
  10789.                        box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3) !important
  10790.                    }
  10791.  
  10792.                    .shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
  10793.                        outline: 0;
  10794.                        box-shadow: none !important
  10795.                    }
  10796.  
  10797.                    .shopify-payment-button__button [role=button]:focus-visible {
  10798.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10799.                        box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3) !important
  10800.                    }
  10801.  
  10802.                    .shopify-payment-button__button--unbranded {
  10803.                        background-color: rgba(var(--color-button), var(--alpha-button-background));
  10804.                        color: rgb(var(--color-button-text));
  10805.                        font-size: 1.4rem;
  10806.                        line-height: calc(1 + .2 / var(--font-body-scale));
  10807.                        letter-spacing: .07rem
  10808.                    }
  10809.  
  10810.                    .shopify-payment-button__button--unbranded::selection {
  10811.                        background-color: rgba(var(--color-button-text), .3)
  10812.                    }
  10813.  
  10814.                    .shopify-payment-button__button--unbranded:hover,
  10815.                    .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  10816.                        background-color: rgba(var(--color-button), var(--alpha-button-background))
  10817.                    }
  10818.  
  10819.                    .shopify-payment-button__more-options {
  10820.                        margin: 1.6rem 0 1rem;
  10821.                        font-size: 1.2rem;
  10822.                        line-height: calc(1 + .5 / var(--font-body-scale));
  10823.                        letter-spacing: .05rem;
  10824.                        text-decoration: underline;
  10825.                        text-underline-offset: .3rem
  10826.                    }
  10827.  
  10828.                    .shopify-payment-button__button+.shopify-payment-button__button--hidden {
  10829.                        display: none
  10830.                    }
  10831.  
  10832.                    .product-form {
  10833.                        display: block
  10834.                    }
  10835.  
  10836.                    .product-form__error-message-wrapper:not([hidden]) {
  10837.                        display: flex;
  10838.                        align-items: flex-start;
  10839.                        font-size: 1.2rem;
  10840.                        margin-bottom: 1.5rem
  10841.                    }
  10842.  
  10843.                    .product-form__error-message-wrapper svg {
  10844.                        flex-shrink: 0;
  10845.                        width: 1.2rem;
  10846.                        height: 1.2rem;
  10847.                        margin-right: .7rem;
  10848.                        margin-top: .5rem
  10849.                    }
  10850.  
  10851.                    .product-form__input {
  10852.                        flex: 0 0 100%;
  10853.                        padding: 0;
  10854.                        margin: 0 0 1.2rem;
  10855.                        max-width: 44rem;
  10856.                        min-width: fit-content;
  10857.                        border: none
  10858.                    }
  10859.  
  10860.                    variant-radios,
  10861.                    variant-selects {
  10862.                        display: block
  10863.                    }
  10864.  
  10865.                    .product-form__input--dropdown {
  10866.                        margin-bottom: 1.6rem
  10867.                    }
  10868.  
  10869.                    .product-form__input .form__label {
  10870.                        padding-left: 0
  10871.                    }
  10872.  
  10873.                    fieldset.product-form__input .form__label {
  10874.                        margin-bottom: .2rem
  10875.                    }
  10876.  
  10877.                    .product-form__input input[type=radio] {
  10878.                        clip: rect(0, 0, 0, 0);
  10879.                        overflow: hidden;
  10880.                        position: absolute;
  10881.                        height: 1px;
  10882.                        width: 1px
  10883.                    }
  10884.  
  10885.                    .product-form__input input[type=radio]+label {
  10886.                        border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  10887.                        background-color: rgb(var(--color-background));
  10888.                        color: rgba(var(--color-foreground));
  10889.                        border-radius: var(--variant-pills-radius);
  10890.                        color: rgb(var(--color-foreground));
  10891.                        display: inline-block;
  10892.                        margin: .7rem .5rem .2rem 0;
  10893.                        padding: 1rem 2rem;
  10894.                        font-size: 1.4rem;
  10895.                        letter-spacing: .1rem;
  10896.                        line-height: 1;
  10897.                        text-align: center;
  10898.                        transition: border var(--duration-short) ease;
  10899.                        cursor: pointer;
  10900.                        position: relative
  10901.                    }
  10902.  
  10903.                    .product-form__input input[type=radio]+label:before {
  10904.                        content: "";
  10905.                        position: absolute;
  10906.                        top: calc(var(--variant-pills-border-width) * -1);
  10907.                        right: calc(var(--variant-pills-border-width) * -1);
  10908.                        bottom: calc(var(--variant-pills-border-width) * -1);
  10909.                        left: calc(var(--variant-pills-border-width) * -1);
  10910.                        z-index: -1;
  10911.                        border-radius: var(--variant-pills-radius);
  10912.                        box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow), var(--variant-pills-shadow-opacity))
  10913.                    }
  10914.  
  10915.                    .product-form__input input[type=radio]+label:hover {
  10916.                        border-color: rgb(var(--color-foreground))
  10917.                    }
  10918.  
  10919.                    .product-form__input input[type=radio]:checked+label {
  10920.                        background-color: rgb(var(--color-foreground));
  10921.                        color: rgb(var(--color-background))
  10922.                    }
  10923.  
  10924.                    .product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden {
  10925.                        display: none
  10926.                    }
  10927.  
  10928.                    @media screen and (forced-colors: active) {
  10929.                        .product-form__input input[type=radio]:checked+label {
  10930.                            text-decoration: underline
  10931.                        }
  10932.                    }
  10933.  
  10934.                    .product-form__input input[type=radio]:checked+label::selection {
  10935.                        background-color: rgba(var(--color-background), .3)
  10936.                    }
  10937.  
  10938.                    .product-form__input input[type=radio]:disabled+label,
  10939.                    .product-form__input input[type=radio].disabled+label {
  10940.                        border-color: rgba(var(--color-foreground), .1);
  10941.                        color: rgba(var(--color-foreground), .6);
  10942.                        text-decoration: line-through
  10943.                    }
  10944.  
  10945.                    .product-form__input input[type=radio].disabled:checked+label,
  10946.                    .product-form__input input[type=radio]:disabled:checked+label {
  10947.                        color: rgba(var(--color-background), .6)
  10948.                    }
  10949.  
  10950.                    .product-form__input input[type=radio]:focus-visible+label {
  10951.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10952.                    }
  10953.  
  10954.                    .product-form__input input[type=radio].focused+label,
  10955.                    .no-js .shopify-payment-button__button [role=button]:focus+label {
  10956.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10957.                    }
  10958.  
  10959.                    .no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {
  10960.                        box-shadow: none
  10961.                    }
  10962.  
  10963.                    .product-form__input .select {
  10964.                        max-width: 25rem
  10965.                    }
  10966.  
  10967.                    .product-form__submit {
  10968.                        margin-bottom: 1rem
  10969.                    }
  10970.  
  10971.                    .no-js .product-form__submit.button--secondary {
  10972.                        --color-button: inherit;
  10973.                        --color-button-text: inherit;
  10974.                        --alpha-button-background: 1
  10975.                    }
  10976.  
  10977.                    .product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled],
  10978.                    .product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {
  10979.                        cursor: not-allowed;
  10980.                        opacity: .5
  10981.                    }
  10982.  
  10983.                    @media screen and (forced-colors: active) {
  10984.                        .product-form__submit[aria-disabled=true] {
  10985.                            color: Window
  10986.                        }
  10987.                    }
  10988.  
  10989.                    .shopify-payment-button__more-options {
  10990.                        color: rgb(var(--color-foreground))
  10991.                    }
  10992.  
  10993.                    .shopify-payment-button__button {
  10994.                        font-size: 1.5rem;
  10995.                        letter-spacing: .1rem
  10996.                    }
  10997.  
  10998.                    .product__info-container>*+* {
  10999.                        margin: 1.5rem 0
  11000.                    }
  11001.  
  11002.                    .product__info-container iframe {
  11003.                        max-width: 100%
  11004.                    }
  11005.  
  11006.                    .product__info-container .product-form,
  11007.                    .product__info-container .product__description,
  11008.                    .product__info-container .icon-with-text {
  11009.                        margin: 2.5rem 0
  11010.                    }
  11011.  
  11012.                    .product__text {
  11013.                        margin-bottom: 0
  11014.                    }
  11015.  
  11016.                    a.product__text {
  11017.                        display: block;
  11018.                        text-decoration: none;
  11019.                        color: rgba(var(--color-foreground), .75)
  11020.                    }
  11021.  
  11022.                    .product__text.caption-with-letter-spacing {
  11023.                        text-transform: uppercase
  11024.                    }
  11025.  
  11026.                    .product__title {
  11027.                        word-break: break-word;
  11028.                        margin-bottom: 1.5rem
  11029.                    }
  11030.  
  11031.                    .product__title>* {
  11032.                        margin: 0
  11033.                    }
  11034.  
  11035.                    .product__title>a {
  11036.                        display: none
  11037.                    }
  11038.  
  11039.                    .product__title+.product__text.caption-with-letter-spacing {
  11040.                        margin-top: -1.5rem
  11041.                    }
  11042.  
  11043.                    .product__text.caption-with-letter-spacing+.product__title {
  11044.                        margin-top: 0
  11045.                    }
  11046.  
  11047.                    .product__accordion .accordion__content {
  11048.                        padding: 0 1rem
  11049.                    }
  11050.  
  11051.                    .product .price .badge,
  11052.                    .product .price__container {
  11053.                        margin-bottom: .5rem
  11054.                    }
  11055.  
  11056.                    .product .price dl {
  11057.                        margin-top: .5rem;
  11058.                        margin-bottom: .5rem
  11059.                    }
  11060.  
  11061.                    .product .price--sold-out .price__badge-sale {
  11062.                        display: none
  11063.                    }
  11064.  
  11065.                    @media screen and (min-width: 750px) {
  11066.                        .product__info-container {
  11067.                            max-width: 60rem
  11068.                        }
  11069.  
  11070.                        .product__info-container .price--on-sale .price-item--regular {
  11071.                            font-size: 1.6rem
  11072.                        }
  11073.  
  11074.                        .product__info-container>*:first-child {
  11075.                            margin-top: 0
  11076.                        }
  11077.                    }
  11078.  
  11079.                    .product__description-title {
  11080.                        font-weight: 600
  11081.                    }
  11082.  
  11083.                    .product--no-media .product__title,
  11084.                    .product--no-media .product__text,
  11085.                    .product--no-media noscript .product-form__input,
  11086.                    .product--no-media .product__tax,
  11087.                    .product--no-media .product__sku,
  11088.                    .product--no-media shopify-payment-terms {
  11089.                        text-align: center
  11090.                    }
  11091.  
  11092.                    .product--no-media .product__media-wrapper,
  11093.                    .product--no-media .product__info-wrapper {
  11094.                        padding: 0
  11095.                    }
  11096.  
  11097.                    .product__tax {
  11098.                        margin-top: -1.4rem
  11099.                    }
  11100.  
  11101.                    .product--no-media noscript .product-form__input,
  11102.                    .product--no-media .share-button {
  11103.                        max-width: 100%
  11104.                    }
  11105.  
  11106.                    .product--no-media fieldset.product-form__input,
  11107.                    .product--no-media .product-form__quantity,
  11108.                    .product--no-media .product-form__input--dropdown,
  11109.                    .product--no-media .share-button,
  11110.                    .product--no-media .product__view-details,
  11111.                    .product--no-media .product__pickup-availabilities,
  11112.                    .product--no-media .product-form {
  11113.                        display: flex;
  11114.                        align-items: center;
  11115.                        justify-content: center;
  11116.                        text-align: center
  11117.                    }
  11118.  
  11119.                    .product--no-media .product-form {
  11120.                        flex-direction: column
  11121.                    }
  11122.  
  11123.                    .product--no-media .product-form>.form {
  11124.                        max-width: 30rem;
  11125.                        width: 100%
  11126.                    }
  11127.  
  11128.                    .product--no-media .product-form__quantity,
  11129.                    .product--no-media .product-form__input--dropdown {
  11130.                        flex-direction: column;
  11131.                        max-width: 100%
  11132.                    }
  11133.  
  11134.                    .product-form__quantity .form__label {
  11135.                        margin-bottom: .6rem
  11136.                    }
  11137.  
  11138.                    .price-per-item__label.form__label {
  11139.                        margin-bottom: 0rem
  11140.                    }
  11141.  
  11142.                    .product-form__quantity-top .form__label {
  11143.                        margin-bottom: 1.2rem
  11144.                    }
  11145.  
  11146.                    .product--no-media fieldset.product-form__input {
  11147.                        flex-wrap: wrap;
  11148.                        margin: 0 auto 1.2rem
  11149.                    }
  11150.  
  11151.                    .product-form__buttons {
  11152.                        max-width: 44rem
  11153.                    }
  11154.  
  11155.                    .product--no-media .product__info-container>modal-opener {
  11156.                        display: block;
  11157.                        text-align: center
  11158.                    }
  11159.  
  11160.                    .product--no-media .product-popup-modal__button {
  11161.                        padding-right: 0
  11162.                    }
  11163.  
  11164.                    .product--no-media .price {
  11165.                        text-align: center
  11166.                    }
  11167.  
  11168.                    .product__media-list video {
  11169.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11170.                    }
  11171.  
  11172.                    @media screen and (max-width: 749px) {
  11173.                        .product__media-list {
  11174.                            margin-left: -2.5rem;
  11175.                            margin-bottom: 3rem;
  11176.                            width: calc(100% + 4rem)
  11177.                        }
  11178.  
  11179.                        .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
  11180.                            margin-left: -1.5rem;
  11181.                            margin-right: -1.5rem
  11182.                        }
  11183.  
  11184.                        .slider.product__media-list::-webkit-scrollbar {
  11185.                            height: .2rem;
  11186.                            width: .2rem
  11187.                        }
  11188.  
  11189.                        .product__media-list::-webkit-scrollbar-thumb {
  11190.                            background-color: rgb(var(--color-foreground))
  11191.                        }
  11192.  
  11193.                        .product__media-list::-webkit-scrollbar-track {
  11194.                            background-color: rgba(var(--color-foreground), .2)
  11195.                        }
  11196.  
  11197.                        .product__media-list .product__media-item {
  11198.                            width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))
  11199.                        }
  11200.  
  11201.                        .product--mobile-columns .product__media-item {
  11202.                            width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))
  11203.                        }
  11204.                    }
  11205.  
  11206.                    @media screen and (min-width: 750px) {
  11207.  
  11208.                        .product--thumbnail .product__media-list,
  11209.                        .product--thumbnail_slider .product__media-list {
  11210.                            padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))
  11211.                        }
  11212.  
  11213.                        .product__media-list {
  11214.                            padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))
  11215.                        }
  11216.  
  11217.                        .product--thumbnail .product__media-item:not(.is-active),
  11218.                        .product--thumbnail_slider .product__media-item:not(.is-active) {
  11219.                            display: none
  11220.                        }
  11221.  
  11222.                        .product-media-modal__content>.product__media-item--variant.product__media-item--variant {
  11223.                            display: none
  11224.                        }
  11225.  
  11226.                        .product-media-modal__content>.product__media-item--variant:first-child {
  11227.                            display: block
  11228.                        }
  11229.                    }
  11230.  
  11231.                    .product__media-item.product__media-item--variant {
  11232.                        display: none
  11233.                    }
  11234.  
  11235.                    .product__media-item--variant:first-child {
  11236.                        display: block
  11237.                    }
  11238.  
  11239.                    @media screen and (min-width: 750px) and (max-width: 989px) {
  11240.                        .product__media-list .product__media-item:first-child {
  11241.                            padding-left: 0
  11242.                        }
  11243.  
  11244.                        .product--thumbnail_slider .product__media-list {
  11245.                            margin-left: 0
  11246.                        }
  11247.  
  11248.                        .product__media-list .product__media-item {
  11249.                            width: 100%
  11250.                        }
  11251.                    }
  11252.  
  11253.                    .product__media-icon .icon {
  11254.                        width: 1.2rem;
  11255.                        height: 1.4rem
  11256.                    }
  11257.  
  11258.                    .product__media-icon,
  11259.                    .thumbnail__badge {
  11260.                        background-color: rgb(var(--color-background));
  11261.                        border-radius: 50%;
  11262.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11263.                        color: rgb(var(--color-foreground));
  11264.                        display: flex;
  11265.                        align-items: center;
  11266.                        justify-content: center;
  11267.                        height: 3rem;
  11268.                        width: 3rem;
  11269.                        position: absolute;
  11270.                        left: 1.2rem;
  11271.                        top: 1.2rem;
  11272.                        z-index: 1;
  11273.                        transition: color var(--duration-short) ease, opacity var(--duration-short) ease
  11274.                    }
  11275.  
  11276.                    .product__media-video .product__media-icon {
  11277.                        opacity: 1
  11278.                    }
  11279.  
  11280.                    .product__modal-opener--image .product__media-toggle:hover {
  11281.                        cursor: zoom-in
  11282.                    }
  11283.  
  11284.                    .product__modal-opener:hover .product__media-icon {
  11285.                        border: .1rem solid rgba(var(--color-foreground), .1)
  11286.                    }
  11287.  
  11288.                    @media screen and (min-width: 750px) {
  11289.                        .grid__item.product__media-item--full {
  11290.                            width: 100%
  11291.                        }
  11292.  
  11293.                        .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
  11294.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11295.                        }
  11296.  
  11297.                        .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
  11298.                            height: 5rem;
  11299.                            width: 5rem
  11300.                        }
  11301.  
  11302.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
  11303.                            height: 4.2rem;
  11304.                            width: 4.2rem
  11305.                        }
  11306.  
  11307.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11308.                            width: 1.8rem;
  11309.                            height: 1.8rem
  11310.                        }
  11311.  
  11312.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
  11313.                            height: 3.6rem;
  11314.                            width: 3.6rem
  11315.                        }
  11316.  
  11317.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11318.                            width: 1.6rem;
  11319.                            height: 1.6rem
  11320.                        }
  11321.                    }
  11322.  
  11323.                    @media screen and (min-width: 990px) {
  11324.                        .product--stacked .product__media-item {
  11325.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11326.                        }
  11327.  
  11328.                        .product:not(.product--columns) .product__media-list .product__media-item:first-child,
  11329.                        .product:not(.product--columns) .product__media-list .product__media-item--full {
  11330.                            width: 100%;
  11331.                            max-width: 100%
  11332.                        }
  11333.  
  11334.                        .product__modal-opener .product__media-icon {
  11335.                            opacity: 0
  11336.                        }
  11337.  
  11338.                        .product__modal-opener:hover .product__media-icon,
  11339.                        .product__modal-opener:focus .product__media-icon {
  11340.                            opacity: 1
  11341.                        }
  11342.                    }
  11343.  
  11344.                    .product__media-item>* {
  11345.                        display: block;
  11346.                        position: relative
  11347.                    }
  11348.  
  11349.                    .product__media-toggle {
  11350.                        display: flex;
  11351.                        border: none;
  11352.                        background-color: transparent;
  11353.                        color: currentColor;
  11354.                        padding: 0
  11355.                    }
  11356.  
  11357.                    .product__media-toggle:after {
  11358.                        content: "";
  11359.                        cursor: pointer;
  11360.                        display: block;
  11361.                        margin: 0;
  11362.                        padding: 0;
  11363.                        position: absolute;
  11364.                        top: calc(var(--border-width) * -1);
  11365.                        right: calc(var(--border-width) * -1);
  11366.                        bottom: calc(var(--border-width) * -1);
  11367.                        left: calc(var(--border-width) * -1);
  11368.                        z-index: 2
  11369.                    }
  11370.  
  11371.                    .product__media-toggle:focus-visible {
  11372.                        outline: 0;
  11373.                        box-shadow: none
  11374.                    }
  11375.  
  11376.                    @media (forced-colors: active) {
  11377.  
  11378.                        .product__media-toggle:focus-visible,
  11379.                        .product__media-toggle:focus-visible:after,
  11380.                        .product-form__input input[type=radio]:focus-visible+label {
  11381.                            outline: transparent solid 1px;
  11382.                            outline-offset: 2px
  11383.                        }
  11384.                    }
  11385.  
  11386.                    .product__media-toggle.focused {
  11387.                        outline: 0;
  11388.                        box-shadow: none
  11389.                    }
  11390.  
  11391.                    .product__media-toggle:focus-visible:after {
  11392.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11393.                        border-radius: var(--media-radius)
  11394.                    }
  11395.  
  11396.                    .product__media-toggle.focused:after {
  11397.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11398.                        border-radius: var(--media-radius)
  11399.                    }
  11400.  
  11401.                    .product-media-modal {
  11402.                        background-color: rgb(var(--color-background));
  11403.                        height: 100%;
  11404.                        position: fixed;
  11405.                        top: 0;
  11406.                        left: 0;
  11407.                        width: 100%;
  11408.                        visibility: hidden;
  11409.                        opacity: 0;
  11410.                        z-index: -1
  11411.                    }
  11412.  
  11413.                    .product-media-modal[open] {
  11414.                        visibility: visible;
  11415.                        opacity: 1;
  11416.                        z-index: 101
  11417.                    }
  11418.  
  11419.                    .product-media-modal__dialog {
  11420.                        display: flex;
  11421.                        align-items: center;
  11422.                        height: 100vh
  11423.                    }
  11424.  
  11425.                    .product-media-modal__content {
  11426.                        max-height: 100vh;
  11427.                        width: 100%;
  11428.                        overflow: auto
  11429.                    }
  11430.  
  11431.                    .product-media-modal__content>*:not(.active),
  11432.                    .product__media-list .deferred-media {
  11433.                        display: none
  11434.                    }
  11435.  
  11436.                    @media screen and (min-width: 750px) {
  11437.                        .product-media-modal__content {
  11438.                            padding-bottom: 2rem
  11439.                        }
  11440.  
  11441.                        .product-media-modal__content>*:not(.active) {
  11442.                            display: block
  11443.                        }
  11444.  
  11445.                        .product__modal-opener:not(.product__modal-opener--image) {
  11446.                            display: none
  11447.                        }
  11448.  
  11449.                        .product__media-list .deferred-media {
  11450.                            display: block
  11451.                        }
  11452.                    }
  11453.  
  11454.                    @media screen and (max-width: 749px) {
  11455.  
  11456.                        .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),
  11457.                        .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
  11458.                            display: none
  11459.                        }
  11460.  
  11461.                        .product--thumbnail .is-active .deferred-media,
  11462.                        .product--thumbnail_slider .is-active .deferred-media {
  11463.                            display: block;
  11464.                            width: 100%
  11465.                        }
  11466.                    }
  11467.  
  11468.                    .product-media-modal__content>* {
  11469.                        display: block;
  11470.                        height: auto;
  11471.                        margin: auto
  11472.                    }
  11473.  
  11474.                    .product-media-modal__content .media {
  11475.                        background: none
  11476.                    }
  11477.  
  11478.                    .product-media-modal__model {
  11479.                        width: 100%
  11480.                    }
  11481.  
  11482.                    .product-media-modal__toggle {
  11483.                        background-color: rgb(var(--color-background));
  11484.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11485.                        border-radius: 50%;
  11486.                        color: rgba(var(--color-foreground), .55);
  11487.                        display: flex;
  11488.                        align-items: center;
  11489.                        justify-content: center;
  11490.                        cursor: pointer;
  11491.                        right: 2rem;
  11492.                        padding: 1.2rem;
  11493.                        position: fixed;
  11494.                        z-index: 2;
  11495.                        top: 2rem;
  11496.                        width: 4rem
  11497.                    }
  11498.  
  11499.                    .product-media-modal__content .deferred-media {
  11500.                        width: 100%
  11501.                    }
  11502.  
  11503.                    @media screen and (min-width: 750px) {
  11504.                        .product-media-modal__content {
  11505.                            padding: 2rem 11rem
  11506.                        }
  11507.  
  11508.                        .product-media-modal__content>* {
  11509.                            width: 100%
  11510.                        }
  11511.  
  11512.                        .product-media-modal__content>*+* {
  11513.                            margin-top: 2rem
  11514.                        }
  11515.  
  11516.                        .product-media-modal__toggle {
  11517.                            right: 5rem;
  11518.                            top: 2.2rem
  11519.                        }
  11520.                    }
  11521.  
  11522.                    @media screen and (min-width: 990px) {
  11523.                        .product-media-modal__content {
  11524.                            padding: 2rem 11rem
  11525.                        }
  11526.  
  11527.                        .product-media-modal__content>*+* {
  11528.                            margin-top: 1.5rem
  11529.                        }
  11530.  
  11531.                        .product-media-modal__content {
  11532.                            padding-bottom: 1.5rem
  11533.                        }
  11534.  
  11535.                        .product-media-modal__toggle {
  11536.                            right: 5rem
  11537.                        }
  11538.                    }
  11539.  
  11540.                    .product-media-modal__toggle:hover {
  11541.                        color: rgba(var(--color-foreground), .75)
  11542.                    }
  11543.  
  11544.                    .product-media-modal__toggle .icon {
  11545.                        height: auto;
  11546.                        margin: 0;
  11547.                        width: 2.2rem
  11548.                    }
  11549.  
  11550.                    .product-popup-modal {
  11551.                        box-sizing: border-box;
  11552.                        opacity: 0;
  11553.                        position: fixed;
  11554.                        visibility: hidden;
  11555.                        z-index: -1;
  11556.                        margin: 0 auto;
  11557.                        top: 0;
  11558.                        left: 0;
  11559.                        overflow: auto;
  11560.                        width: 100%;
  11561.                        background: rgba(var(--color-foreground), .2);
  11562.                        height: 100%
  11563.                    }
  11564.  
  11565.                    .product-popup-modal[open] {
  11566.                        opacity: 1;
  11567.                        visibility: visible;
  11568.                        z-index: 101
  11569.                    }
  11570.  
  11571.                    .product-popup-modal__content {
  11572.                        border-radius: var(--popup-corner-radius);
  11573.                        background-color: rgb(var(--color-background));
  11574.                        overflow: auto;
  11575.                        height: 80%;
  11576.                        margin: 0 auto;
  11577.                        left: 50%;
  11578.                        transform: translate(-50%);
  11579.                        margin-top: 5rem;
  11580.                        width: 92%;
  11581.                        position: absolute;
  11582.                        top: 0;
  11583.                        padding: 0 1.5rem 0 3rem;
  11584.                        border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  11585.                        border-style: solid;
  11586.                        border-width: var(--popup-border-width);
  11587.                        box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11588.                    }
  11589.  
  11590.                    .product-popup-modal__content.focused {
  11591.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11592.                    }
  11593.  
  11594.                    .product-popup-modal__content:focus-visible {
  11595.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11596.                    }
  11597.  
  11598.                    @media screen and (min-width: 750px) {
  11599.                        .product-popup-modal__content {
  11600.                            padding-right: 1.5rem;
  11601.                            margin-top: 10rem;
  11602.                            width: 70%;
  11603.                            padding: 0 3rem
  11604.                        }
  11605.  
  11606.                        .product-media-modal__dialog .global-media-settings--no-shadow {
  11607.                            overflow: visible !important
  11608.                        }
  11609.                    }
  11610.  
  11611.                    .product-popup-modal__content img {
  11612.                        max-width: 100%
  11613.                    }
  11614.  
  11615.                    @media screen and (max-width: 749px) {
  11616.                        .product-popup-modal__content table {
  11617.                            display: block;
  11618.                            max-width: fit-content;
  11619.                            overflow-x: auto;
  11620.                            white-space: nowrap;
  11621.                            margin: 0
  11622.                        }
  11623.  
  11624.                        .product-media-modal__dialog .global-media-settings,
  11625.                        .product-media-modal__dialog .global-media-settings video,
  11626.                        .product-media-modal__dialog .global-media-settings model-viewer,
  11627.                        .product-media-modal__dialog .global-media-settings iframe,
  11628.                        .product-media-modal__dialog .global-media-settings img {
  11629.                            border: none;
  11630.                            border-radius: 0
  11631.                        }
  11632.                    }
  11633.  
  11634.                    .product-popup-modal__opener {
  11635.                        display: inline-block
  11636.                    }
  11637.  
  11638.                    .product-popup-modal__button {
  11639.                        font-size: 1.6rem;
  11640.                        padding-right: 1.3rem;
  11641.                        padding-left: 0;
  11642.                        min-height: 4.4rem;
  11643.                        text-underline-offset: .3rem;
  11644.                        text-decoration-thickness: .1rem;
  11645.                        transition: text-decoration-thickness var(--duration-short) ease
  11646.                    }
  11647.  
  11648.                    .product-popup-modal__button:hover {
  11649.                        text-decoration-thickness: .2rem
  11650.                    }
  11651.  
  11652.                    .product-popup-modal__content-info {
  11653.                        padding-right: 4.4rem
  11654.                    }
  11655.  
  11656.                    .product-popup-modal__content-info>* {
  11657.                        height: auto;
  11658.                        margin: 0 auto;
  11659.                        max-width: 100%;
  11660.                        width: 100%
  11661.                    }
  11662.  
  11663.                    @media screen and (max-width: 749px) {
  11664.                        .product-popup-modal__content-info>* {
  11665.                            max-height: 100%
  11666.                        }
  11667.                    }
  11668.  
  11669.                    .product-popup-modal__toggle {
  11670.                        background-color: rgb(var(--color-background));
  11671.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11672.                        border-radius: 50%;
  11673.                        color: rgba(var(--color-foreground), .55);
  11674.                        display: flex;
  11675.                        align-items: center;
  11676.                        justify-content: center;
  11677.                        cursor: pointer;
  11678.                        position: sticky;
  11679.                        padding: 1.2rem;
  11680.                        z-index: 2;
  11681.                        top: 1.5rem;
  11682.                        width: 4rem;
  11683.                        margin: 0 0 0 auto
  11684.                    }
  11685.  
  11686.                    .product-popup-modal__toggle:hover {
  11687.                        color: rgba(var(--color-foreground), .75)
  11688.                    }
  11689.  
  11690.                    .product-popup-modal__toggle .icon {
  11691.                        height: auto;
  11692.                        margin: 0;
  11693.                        width: 2.2rem
  11694.                    }
  11695.  
  11696.                    .product__media-list .media>* {
  11697.                        overflow: hidden
  11698.                    }
  11699.  
  11700.                    .thumbnail-list {
  11701.                        flex-wrap: wrap;
  11702.                        grid-gap: 1rem
  11703.                    }
  11704.  
  11705.                    .slider--mobile.thumbnail-list:after {
  11706.                        content: none
  11707.                    }
  11708.  
  11709.                    @media screen and (min-width: 750px) {
  11710.                        .product--stacked .thumbnail-list {
  11711.                            display: none
  11712.                        }
  11713.  
  11714.                        .thumbnail-list {
  11715.                            display: grid;
  11716.                            grid-template-columns: repeat(4, 1fr)
  11717.                        }
  11718.                    }
  11719.  
  11720.                    .thumbnail-list_item--variant:not(:first-child) {
  11721.                        display: none
  11722.                    }
  11723.  
  11724.                    @media screen and (min-width: 990px) {
  11725.                        .thumbnail-list {
  11726.                            grid-template-columns: repeat(4, 1fr)
  11727.                        }
  11728.  
  11729.                        .product--medium .thumbnail-list {
  11730.                            grid-template-columns: repeat(5, 1fr)
  11731.                        }
  11732.  
  11733.                        .product--large .thumbnail-list {
  11734.                            grid-template-columns: repeat(6, 1fr)
  11735.                        }
  11736.                    }
  11737.  
  11738.                    @media screen and (max-width: 749px) {
  11739.                        .product__media-item {
  11740.                            display: flex;
  11741.                            align-items: center
  11742.                        }
  11743.  
  11744.                        .product__modal-opener {
  11745.                            width: 100%
  11746.                        }
  11747.  
  11748.                        .thumbnail-slider {
  11749.                            display: flex;
  11750.                            align-items: center
  11751.                        }
  11752.  
  11753.                        .thumbnail-slider .thumbnail-list.slider {
  11754.                            display: flex;
  11755.                            padding: .5rem;
  11756.                            flex: 1;
  11757.                            scroll-padding-left: .5rem
  11758.                        }
  11759.  
  11760.                        .thumbnail-list__item.slider__slide {
  11761.                            width: calc(33% - .6rem)
  11762.                        }
  11763.                    }
  11764.  
  11765.                    @media screen and (min-width: 750px) {
  11766.                        .product--thumbnail_slider .thumbnail-slider {
  11767.                            display: flex;
  11768.                            align-items: center
  11769.                        }
  11770.  
  11771.                        .thumbnail-slider .thumbnail-list.slider--tablet-up {
  11772.                            display: flex;
  11773.                            padding: .5rem;
  11774.                            flex: 1;
  11775.                            scroll-padding-left: .5rem
  11776.                        }
  11777.  
  11778.                        .product__media-wrapper .slider-mobile-gutter .slider-button {
  11779.                            display: none
  11780.                        }
  11781.  
  11782.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11783.                            width: calc(25% - .8rem)
  11784.                        }
  11785.  
  11786.                        .product--thumbnail_slider .slider-mobile-gutter .slider-button {
  11787.                            display: flex
  11788.                        }
  11789.                    }
  11790.  
  11791.                    @media screen and (min-width: 900px) {
  11792.                        .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11793.                            width: calc(25% - .8rem)
  11794.                        }
  11795.  
  11796.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11797.                            width: calc(20% - .8rem)
  11798.                        }
  11799.                    }
  11800.  
  11801.                    .thumbnail {
  11802.                        position: absolute;
  11803.                        top: 0;
  11804.                        left: 0;
  11805.                        display: block;
  11806.                        height: 100%;
  11807.                        width: 100%;
  11808.                        padding: 0;
  11809.                        color: rgb(var(--color-foreground));
  11810.                        cursor: pointer;
  11811.                        background-color: transparent
  11812.                    }
  11813.  
  11814.                    .thumbnail:hover {
  11815.                        opacity: .7
  11816.                    }
  11817.  
  11818.                    .thumbnail.global-media-settings img {
  11819.                        border-radius: 0
  11820.                    }
  11821.  
  11822.                    .thumbnail[aria-current] {
  11823.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
  11824.                        border-color: rgb(var(--color-foreground))
  11825.                    }
  11826.  
  11827.                    .image-magnify-full-size {
  11828.                        cursor: zoom-out;
  11829.                        z-index: 1;
  11830.                        margin: 0;
  11831.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11832.                    }
  11833.  
  11834.                    .image-magnify-hover {
  11835.                        cursor: zoom-in
  11836.                    }
  11837.  
  11838.                    .product__modal-opener--image .product__media-zoom-none,
  11839.                    .product__media-icon--none {
  11840.                        display: none
  11841.                    }
  11842.  
  11843.                    .product__modal-opener>.loading__spinner {
  11844.                        top: 50%;
  11845.                        left: 50%;
  11846.                        transform: translate(-50%, -50%);
  11847.                        position: absolute;
  11848.                        display: flex;
  11849.                        align-items: center;
  11850.                        height: 48px;
  11851.                        width: 48px
  11852.                    }
  11853.  
  11854.                    .product__modal-opener .path {
  11855.                        stroke: rgb(var(--color-button));
  11856.                        opacity: .75
  11857.                    }
  11858.  
  11859.                    @media (hover: hover) {
  11860.  
  11861.                        .product__media-zoom-hover,
  11862.                        .product__media-icon--hover {
  11863.                            display: none
  11864.                        }
  11865.                    }
  11866.  
  11867.                    @media screen and (max-width: 749px) {
  11868.  
  11869.                        .product__media-zoom-hover,
  11870.                        .product__media-icon--hover {
  11871.                            display: flex
  11872.                        }
  11873.                    }
  11874.  
  11875.                    .js .product__media {
  11876.                        overflow: hidden !important
  11877.                    }
  11878.  
  11879.                    .thumbnail[aria-current]:focus-visible {
  11880.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11881.                    }
  11882.  
  11883.                    .thumbnail[aria-current]:focus,
  11884.                    .thumbnail.focused {
  11885.                        outline: 0;
  11886.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11887.                    }
  11888.  
  11889.                    @media (forced-colors: active) {
  11890.  
  11891.                        .thumbnail[aria-current]:focus,
  11892.                        .thumbnail.focused {
  11893.                            outline: transparent solid 1px
  11894.                        }
  11895.                    }
  11896.  
  11897.                    .thumbnail[aria-current]:focus:not(:focus-visible) {
  11898.                        outline: 0;
  11899.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground))
  11900.                    }
  11901.  
  11902.                    .thumbnail img {
  11903.                        object-fit: cover;
  11904.                        width: 100%;
  11905.                        height: 100%;
  11906.                        pointer-events: none
  11907.                    }
  11908.  
  11909.                    .thumbnail__badge .icon {
  11910.                        width: 1rem;
  11911.                        height: 1rem
  11912.                    }
  11913.  
  11914.                    .thumbnail__badge .icon-3d-model {
  11915.                        width: 1.2rem;
  11916.                        height: 1.2rem
  11917.                    }
  11918.  
  11919.                    .thumbnail__badge {
  11920.                        color: rgb(var(--color-foreground), .6);
  11921.                        height: 2rem;
  11922.                        width: 2rem;
  11923.                        left: auto;
  11924.                        right: calc(.4rem + var(--media-border-width));
  11925.                        top: calc(.4rem + var(--media-border-width))
  11926.                    }
  11927.  
  11928.                    @media screen and (min-width: 750px) {
  11929.                        .product:not(.product--small) .thumbnail__badge {
  11930.                            height: 3rem;
  11931.                            width: 3rem
  11932.                        }
  11933.  
  11934.                        .product:not(.product--small) .thumbnail__badge .icon {
  11935.                            width: 1.2rem;
  11936.                            height: 1.2rem
  11937.                        }
  11938.  
  11939.                        .product:not(.product--small) .thumbnail__badge .icon-3d-model {
  11940.                            width: 1.4rem;
  11941.                            height: 1.4rem
  11942.                        }
  11943.                    }
  11944.  
  11945.                    .thumbnail-list__item {
  11946.                        position: relative
  11947.                    }
  11948.  
  11949.                    .thumbnail-list__item:before {
  11950.                        content: "";
  11951.                        display: block;
  11952.                        padding-bottom: 100%
  11953.                    }
  11954.  
  11955.                    .product:not(.featured-product) .product__view-details {
  11956.                        display: none
  11957.                    }
  11958.  
  11959.                    .product__view-details {
  11960.                        display: block;
  11961.                        text-decoration: none
  11962.                    }
  11963.  
  11964.                    .product__view-details:hover {
  11965.                        text-decoration: underline;
  11966.                        text-underline-offset: .3rem
  11967.                    }
  11968.  
  11969.                    .product__view-details .icon {
  11970.                        width: 1.2rem;
  11971.                        margin-left: 1.2rem;
  11972.                        flex-shrink: 0
  11973.                    }
  11974.  
  11975.                    .product__inventory {
  11976.                        display: flex;
  11977.                        align-items: center;
  11978.                        gap: .5rem
  11979.                    }
  11980.  
  11981.                    .product--no-media .product__inventory {
  11982.                        justify-content: center
  11983.                    }
  11984.  
  11985.                    .product__inventory.visibility-hidden:empty {
  11986.                        display: block
  11987.                    }
  11988.  
  11989.                    .product__inventory.visibility-hidden:empty:after {
  11990.                        content: "#"
  11991.                    }
  11992.  
  11993.                    .icon-with-text {
  11994.                        --icon-size: calc(var(--font-heading-scale) * 3rem);
  11995.                        --icon-spacing: calc(var(--font-heading-scale) * 1rem)
  11996.                    }
  11997.  
  11998.                    .icon-with-text--horizontal {
  11999.                        display: flex;
  12000.                        justify-content: center;
  12001.                        column-gap: 3rem;
  12002.                        flex-direction: row
  12003.                    }
  12004.  
  12005.                    .icon-with-text--vertical {
  12006.                        --icon-size: calc(var(--font-heading-scale) * 2rem)
  12007.                    }
  12008.  
  12009.                    .icon-with-text .icon {
  12010.                        fill: rgb(var(--color-foreground));
  12011.                        height: var(--icon-size);
  12012.                        width: var(--icon-size)
  12013.                    }
  12014.  
  12015.                    .icon-with-text--horizontal .icon,
  12016.                    .icon-with-text--horizontal img {
  12017.                        margin-bottom: var(--icon-spacing)
  12018.                    }
  12019.  
  12020.                    .icon-with-text--vertical .icon {
  12021.                        min-height: var(--icon-size);
  12022.                        min-width: var(--icon-size);
  12023.                        margin-right: var(--icon-spacing)
  12024.                    }
  12025.  
  12026.                    .icon-with-text img {
  12027.                        height: var(--icon-size);
  12028.                        width: var(--icon-size);
  12029.                        object-fit: contain
  12030.                    }
  12031.  
  12032.                    .icon-with-text--vertical img {
  12033.                        margin-right: var(--icon-spacing)
  12034.                    }
  12035.  
  12036.                    .icon-with-text--horizontal .h4 {
  12037.                        padding-top: calc(var(--icon-size) + var(--icon-spacing));
  12038.                        text-align: center
  12039.                    }
  12040.  
  12041.                    .icon-with-text--horizontal svg+.h4,
  12042.                    .icon-with-text--horizontal img+.h4,
  12043.                    .icon-with-text--horizontal.icon-with-text--text-only .h4 {
  12044.                        padding-top: 0
  12045.                    }
  12046.  
  12047.                    .icon-with-text__item {
  12048.                        display: flex;
  12049.                        align-items: center
  12050.                    }
  12051.  
  12052.                    .icon-with-text--horizontal .icon-with-text__item {
  12053.                        flex-direction: column;
  12054.                        width: 33%
  12055.                    }
  12056.  
  12057.                    .icon-with-text--vertical .icon-with-text__item {
  12058.                        margin-bottom: var(--icon-size)
  12059.                    }
  12060.  
  12061.                    .product__sku.visibility-hidden:after {
  12062.                        content: "#"
  12063.                    }
  12064.  
  12065.                    .product-media-container {
  12066.                        --aspect-ratio: var(--preview-ratio);
  12067.                        --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  12068.                        position: relative;
  12069.                        width: 100%;
  12070.                        max-width: calc(100% - calc(var(--media-border-width) * 2))
  12071.                    }
  12072.  
  12073.                    .product-media-container.constrain-height {
  12074.                        --viewport-offset: 400px;
  12075.                        --constrained-min-height: 300px;
  12076.                        --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));
  12077.                        margin-right: auto;
  12078.                        margin-left: auto
  12079.                    }
  12080.  
  12081.                    .product-media-container.constrain-height.media-fit-contain {
  12082.                        --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  12083.                        width: min(var(--contained-width), 100%)
  12084.                    }
  12085.  
  12086.                    .product-media-container .media {
  12087.                        padding-top: var(--ratio-percent)
  12088.                    }
  12089.  
  12090.                    .product-media-container.constrain-height .media {
  12091.                        padding-top: min(var(--constrained-height), var(--ratio-percent))
  12092.                    }
  12093.  
  12094.                    @media screen and (max-width: 749px) {
  12095.                        .product-media-container.media-fit-cover {
  12096.                            display: flex;
  12097.                            align-self: stretch
  12098.                        }
  12099.  
  12100.                        .product-media-container.media-fit-cover .media {
  12101.                            position: initial
  12102.                        }
  12103.                    }
  12104.  
  12105.                    @media screen and (min-width: 750px) {
  12106.                        .product-media-container {
  12107.                            max-width: 100%
  12108.                        }
  12109.  
  12110.                        .product-media-container:not(.media-type-image) {
  12111.                            --aspect-ratio: var(--ratio)
  12112.                        }
  12113.  
  12114.                        .product-media-container.constrain-height {
  12115.                            --viewport-offset: 170px;
  12116.                            --constrained-min-height: 500px
  12117.                        }
  12118.  
  12119.                        .product-media-container.media-fit-cover,
  12120.                        .product-media-container.media-fit-cover .product__modal-opener,
  12121.                        .product-media-container.media-fit-cover .media {
  12122.                            height: 100%
  12123.                        }
  12124.  
  12125.                        .product-media-container.media-fit-cover .deferred-media__poster img {
  12126.                            object-fit: cover;
  12127.                            width: 100%
  12128.                        }
  12129.                    }
  12130.  
  12131.                    .product-media-container .product__modal-opener {
  12132.                        display: block;
  12133.                        position: relative
  12134.                    }
  12135.  
  12136.                    @media screen and (min-width: 750px) {
  12137.                        .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
  12138.                            display: none
  12139.                        }
  12140.                    }
  12141.  
  12142.                    .recipient-form {
  12143.                        --recipient-checkbox-margin-top: .64rem;
  12144.                        display: block;
  12145.                        position: relative;
  12146.                        max-width: 44rem;
  12147.                        margin-bottom: 2.5rem
  12148.                    }
  12149.  
  12150.                    .recipient-form-field-label {
  12151.                        margin: .6rem 0
  12152.                    }
  12153.  
  12154.                    .recipient-form-field-label--space-between {
  12155.                        display: flex;
  12156.                        justify-content: space-between
  12157.                    }
  12158.  
  12159.                    .recipient-checkbox {
  12160.                        flex-grow: 1;
  12161.                        font-size: 1.6rem;
  12162.                        display: flex;
  12163.                        word-break: break-word;
  12164.                        align-items: flex-start;
  12165.                        max-width: inherit;
  12166.                        position: relative;
  12167.                        cursor: pointer
  12168.                    }
  12169.  
  12170.                    .no-js .recipient-checkbox {
  12171.                        display: none
  12172.                    }
  12173.  
  12174.                    .recipient-form>input[type=checkbox] {
  12175.                        position: absolute;
  12176.                        width: 1.6rem;
  12177.                        height: 1.6rem;
  12178.                        margin: var(--recipient-checkbox-margin-top) 0;
  12179.                        top: 0;
  12180.                        left: 0;
  12181.                        z-index: -1;
  12182.                        appearance: none;
  12183.                        -webkit-appearance: none
  12184.                    }
  12185.  
  12186.                    .recipient-fields__field {
  12187.                        margin: 0 0 2rem
  12188.                    }
  12189.  
  12190.                    .recipient-fields .field__label {
  12191.                        white-space: nowrap;
  12192.                        text-overflow: ellipsis;
  12193.                        max-width: calc(100% - 3.5rem);
  12194.                        overflow: hidden
  12195.                    }
  12196.  
  12197.                    .recipient-checkbox>svg {
  12198.                        margin-top: var(--recipient-checkbox-margin-top);
  12199.                        margin-right: 1.2rem;
  12200.                        flex-shrink: 0
  12201.                    }
  12202.  
  12203.                    .recipient-form .icon-checkmark {
  12204.                        visibility: hidden;
  12205.                        position: absolute;
  12206.                        left: .28rem;
  12207.                        z-index: 5;
  12208.                        top: .4rem
  12209.                    }
  12210.  
  12211.                    .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12212.                        visibility: visible
  12213.                    }
  12214.  
  12215.                    .js .recipient-fields {
  12216.                        display: none
  12217.                    }
  12218.  
  12219.                    .recipient-fields hr {
  12220.                        margin: 1.6rem auto
  12221.                    }
  12222.  
  12223.                    .recipient-form>input[type=checkbox]:checked~.recipient-fields {
  12224.                        display: block;
  12225.                        animation: animateMenuOpen var(--duration-default) ease
  12226.                    }
  12227.  
  12228.                    .recipient-form>input[type=checkbox]:not(:checked, :disabled)~.recipient-fields,
  12229.                    .recipient-email-label {
  12230.                        display: none
  12231.                    }
  12232.  
  12233.                    .js .recipient-email-label.required,
  12234.                    .no-js .recipient-email-label.optional {
  12235.                        display: inline
  12236.                    }
  12237.  
  12238.                    .recipient-form ul {
  12239.                        line-height: calc(1 + .6 / var(--font-body-scale));
  12240.                        padding-left: 4.4rem;
  12241.                        text-align: left
  12242.                    }
  12243.  
  12244.                    .recipient-form ul a {
  12245.                        display: inline
  12246.                    }
  12247.  
  12248.                    .recipient-form .error-message:first-letter {
  12249.                        text-transform: capitalize
  12250.                    }
  12251.  
  12252.                    @media screen and (forced-colors: active) {
  12253.                        .recipient-fields>hr {
  12254.                            border-top: .1rem solid rgb(var(--color-background))
  12255.                        }
  12256.  
  12257.                        .recipient-checkbox>svg {
  12258.                            background-color: inherit;
  12259.                            border: .1rem solid rgb(var(--color-background))
  12260.                        }
  12261.  
  12262.                        .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12263.                            border: none
  12264.                        }
  12265.                    }
  12266.                </style>
  12267.                <style>
  12268.                    .accordion summary {
  12269.                        display: flex;
  12270.                        position: relative;
  12271.                        line-height: 1;
  12272.                        padding: 1.5rem 0
  12273.                    }
  12274.  
  12275.                    .accordion .summary__title {
  12276.                        display: flex;
  12277.                        flex: 1
  12278.                    }
  12279.  
  12280.                    .accordion .summary__title+.icon-caret {
  12281.                        height: calc(var(--font-heading-scale) * .6rem)
  12282.                    }
  12283.  
  12284.                    .accordion+.accordion {
  12285.                        margin-top: 0;
  12286.                        border-top: none
  12287.                    }
  12288.  
  12289.                    .accordion {
  12290.                        margin-top: 2.5rem;
  12291.                        margin-bottom: 0;
  12292.                        border-top: .1rem solid rgba(var(--color-foreground), .08);
  12293.                        border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  12294.                    }
  12295.  
  12296.                    .accordion__title {
  12297.                        display: inline-block;
  12298.                        max-width: calc(100% - 6rem);
  12299.                        min-height: 1.6rem;
  12300.                        margin: 0;
  12301.                        word-break: break-word
  12302.                    }
  12303.  
  12304.                    .accordion .icon-accordion {
  12305.                        align-self: center;
  12306.                        fill: rgb(var(--color-foreground));
  12307.                        height: calc(var(--font-heading-scale) * 2rem);
  12308.                        margin-right: calc(var(--font-heading-scale) * 1rem);
  12309.                        width: calc(var(--font-heading-scale) * 2rem)
  12310.                    }
  12311.  
  12312.                    .accordion details[open]>summary .icon-caret {
  12313.                        transform: rotate(180deg)
  12314.                    }
  12315.  
  12316.                    .accordion__content {
  12317.                        margin-bottom: 1.5rem;
  12318.                        word-break: break-word;
  12319.                        overflow-x: auto;
  12320.                        padding: 0 .6rem
  12321.                    }
  12322.  
  12323.                    .accordion__content img {
  12324.                        max-width: 100%
  12325.                    }
  12326.                </style>
  12327.                <style>
  12328.                    .price {
  12329.                        font-size: 1.6rem;
  12330.                        letter-spacing: .1rem;
  12331.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12332.                        color: rgb(var(--color-foreground))
  12333.                    }
  12334.  
  12335.                    .price>* {
  12336.                        display: inline-block;
  12337.                        vertical-align: top
  12338.                    }
  12339.  
  12340.                    .price.price--unavailable {
  12341.                        visibility: hidden
  12342.                    }
  12343.  
  12344.                    .price--end {
  12345.                        text-align: right
  12346.                    }
  12347.  
  12348.                    .price .price-item {
  12349.                        display: inline-block;
  12350.                        margin: 0 1rem 0 0
  12351.                    }
  12352.  
  12353.                    .price__regular .price-item--regular {
  12354.                        margin-right: 0
  12355.                    }
  12356.  
  12357.                    .price:not(.price--show-badge) .price-item--last:last-of-type {
  12358.                        margin: 0
  12359.                    }
  12360.  
  12361.                    @media screen and (min-width: 750px) {
  12362.                        .price {
  12363.                            margin-bottom: 0
  12364.                        }
  12365.                    }
  12366.  
  12367.                    .price--large {
  12368.                        font-size: 1.6rem;
  12369.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12370.                        letter-spacing: .13rem
  12371.                    }
  12372.  
  12373.                    @media screen and (min-width: 750px) {
  12374.                        .price--large {
  12375.                            font-size: 1.8rem
  12376.                        }
  12377.                    }
  12378.  
  12379.                    .price--sold-out .price__availability,
  12380.                    .price__regular {
  12381.                        display: block
  12382.                    }
  12383.  
  12384.                    .price__sale,
  12385.                    .price__availability,
  12386.                    .price .price__badge-sale,
  12387.                    .price .price__badge-sold-out,
  12388.                    .price--on-sale .price__regular,
  12389.                    .price--on-sale .price__availability {
  12390.                        display: none
  12391.                    }
  12392.  
  12393.                    .price--sold-out .price__badge-sold-out,
  12394.                    .price--on-sale .price__badge-sale,
  12395.                    .volume-pricing--sale-badge .price__badge-sale {
  12396.                        display: inline-block
  12397.                    }
  12398.  
  12399.                    .volume-pricing--sale-badge .price__badge-sale {
  12400.                        margin-left: .5rem
  12401.                    }
  12402.  
  12403.                    .price--on-sale .price__sale {
  12404.                        display: initial;
  12405.                        flex-direction: row;
  12406.                        flex-wrap: wrap
  12407.                    }
  12408.  
  12409.                    .price--center {
  12410.                        display: initial;
  12411.                        justify-content: center
  12412.                    }
  12413.  
  12414.                    .price--on-sale .price-item--regular {
  12415.                        text-decoration: line-through;
  12416.                        color: rgba(var(--color-foreground), .75);
  12417.                        font-size: 1.3rem
  12418.                    }
  12419.  
  12420.                    .unit-price {
  12421.                        display: block;
  12422.                        font-size: 1.1rem;
  12423.                        letter-spacing: .04rem;
  12424.                        line-height: calc(1 + .2 / var(--font-body-scale));
  12425.                        margin-top: .2rem;
  12426.                        text-transform: uppercase;
  12427.                        color: rgba(var(--color-foreground), .7)
  12428.                    }
  12429.                </style>
  12430.                <style>
  12431.                    slider-component {
  12432.                        --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  12433.                        position: relative;
  12434.                        display: block
  12435.                    }
  12436.  
  12437.                    slider-component.slider-component-full-width {
  12438.                        --desktop-margin-left-first-item: 1.5rem
  12439.                    }
  12440.  
  12441.                    @media screen and (max-width: 749px) {
  12442.                        slider-component.page-width {
  12443.                            padding: 0 1.5rem
  12444.                        }
  12445.                    }
  12446.  
  12447.                    @media screen and (min-width: 749px) and (max-width: 990px) {
  12448.                        slider-component.page-width {
  12449.                            padding: 0 5rem
  12450.                        }
  12451.                    }
  12452.  
  12453.                    @media screen and (max-width: 989px) {
  12454.                        .no-js slider-component .slider {
  12455.                            padding-bottom: 3rem
  12456.                        }
  12457.                    }
  12458.  
  12459.                    .slider__slide {
  12460.                        --focus-outline-padding: .5rem;
  12461.                        --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  12462.                        --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  12463.                        scroll-snap-align: start;
  12464.                        flex-shrink: 0;
  12465.                        padding-bottom: 0
  12466.                    }
  12467.  
  12468.                    @media screen and (max-width: 749px) {
  12469.                        .slider.slider--mobile {
  12470.                            position: relative;
  12471.                            flex-wrap: inherit;
  12472.                            overflow-x: auto;
  12473.                            scroll-snap-type: x mandatory;
  12474.                            scroll-behavior: smooth;
  12475.                            scroll-padding-left: 1.5rem;
  12476.                            -webkit-overflow-scrolling: touch;
  12477.                            margin-bottom: 1rem
  12478.                        }
  12479.  
  12480.                        .slider--mobile:after {
  12481.                            content: "";
  12482.                            width: 0;
  12483.                            padding-left: 1.5rem
  12484.                        }
  12485.  
  12486.                        .slider.slider--mobile .slider__slide {
  12487.                            margin-bottom: 0;
  12488.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12489.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12490.                        }
  12491.  
  12492.                        .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12493.                            padding-bottom: var(--focus-outline-padding)
  12494.                        }
  12495.  
  12496.                        .slider.slider--mobile.contains-content-container .slider__slide {
  12497.                            --focus-outline-padding: 0rem
  12498.                        }
  12499.                    }
  12500.  
  12501.                    @media screen and (min-width: 750px) {
  12502.                        .slider.slider--tablet-up {
  12503.                            position: relative;
  12504.                            flex-wrap: inherit;
  12505.                            overflow-x: auto;
  12506.                            scroll-snap-type: x mandatory;
  12507.                            scroll-behavior: smooth;
  12508.                            scroll-padding-left: 1rem;
  12509.                            -webkit-overflow-scrolling: touch
  12510.                        }
  12511.  
  12512.                        .slider.slider--tablet-up .slider__slide {
  12513.                            margin-bottom: 0
  12514.                        }
  12515.                    }
  12516.  
  12517.                    @media screen and (max-width: 989px) {
  12518.                        .slider.slider--tablet {
  12519.                            position: relative;
  12520.                            flex-wrap: inherit;
  12521.                            overflow-x: auto;
  12522.                            scroll-snap-type: x mandatory;
  12523.                            scroll-behavior: smooth;
  12524.                            scroll-padding-left: 1.5rem;
  12525.                            -webkit-overflow-scrolling: touch;
  12526.                            margin-bottom: 1rem
  12527.                        }
  12528.  
  12529.                        .slider--tablet:after {
  12530.                            content: "";
  12531.                            width: 0;
  12532.                            padding-left: 1.5rem;
  12533.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12534.                        }
  12535.  
  12536.                        .slider.slider--tablet .slider__slide {
  12537.                            margin-bottom: 0;
  12538.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12539.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12540.                        }
  12541.  
  12542.                        .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12543.                            padding-bottom: var(--focus-outline-padding)
  12544.                        }
  12545.  
  12546.                        .slider.slider--tablet.contains-content-container .slider__slide {
  12547.                            --focus-outline-padding: 0rem
  12548.                        }
  12549.                    }
  12550.  
  12551.                    .slider--everywhere {
  12552.                        position: relative;
  12553.                        flex-wrap: inherit;
  12554.                        overflow-x: auto;
  12555.                        scroll-snap-type: x mandatory;
  12556.                        scroll-behavior: smooth;
  12557.                        -webkit-overflow-scrolling: touch;
  12558.                        margin-bottom: 1rem
  12559.                    }
  12560.  
  12561.                    .slider.slider--everywhere .slider__slide {
  12562.                        margin-bottom: 0;
  12563.                        scroll-snap-align: center
  12564.                    }
  12565.  
  12566.                    @media screen and (min-width: 990px) {
  12567.                        .slider-component-desktop.page-width {
  12568.                            max-width: none
  12569.                        }
  12570.  
  12571.                        .slider--desktop {
  12572.                            position: relative;
  12573.                            flex-wrap: inherit;
  12574.                            overflow-x: auto;
  12575.                            scroll-snap-type: x mandatory;
  12576.                            scroll-behavior: smooth;
  12577.                            -webkit-overflow-scrolling: touch;
  12578.                            margin-bottom: 1rem;
  12579.                            scroll-padding-left: var(--desktop-margin-left-first-item)
  12580.                        }
  12581.  
  12582.                        .slider--desktop:after {
  12583.                            content: "";
  12584.                            width: 0;
  12585.                            padding-left: 5rem;
  12586.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12587.                        }
  12588.  
  12589.                        .slider.slider--desktop .slider__slide {
  12590.                            margin-bottom: 0;
  12591.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12592.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12593.                        }
  12594.  
  12595.                        .slider--desktop .slider__slide:first-child {
  12596.                            margin-left: var(--desktop-margin-left-first-item);
  12597.                            scroll-margin-left: var(--desktop-margin-left-first-item)
  12598.                        }
  12599.  
  12600.                        .slider-component-full-width .slider--desktop {
  12601.                            scroll-padding-left: 1.5rem
  12602.                        }
  12603.  
  12604.                        .slider-component-full-width .slider--desktop .slider__slide:first-child {
  12605.                            margin-left: 1.5rem;
  12606.                            scroll-margin-left: 1.5rem
  12607.                        }
  12608.  
  12609.                        .slider-component-full-width .slider--desktop:after {
  12610.                            padding-left: 1.5rem
  12611.                        }
  12612.  
  12613.                        .slider--desktop.grid--5-col-desktop .grid__item {
  12614.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  12615.                        }
  12616.  
  12617.                        .slider--desktop.grid--4-col-desktop .grid__item {
  12618.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  12619.                        }
  12620.  
  12621.                        .slider--desktop.grid--3-col-desktop .grid__item {
  12622.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  12623.                        }
  12624.  
  12625.                        .slider--desktop.grid--2-col-desktop .grid__item {
  12626.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  12627.                        }
  12628.  
  12629.                        .slider--desktop.grid--1-col-desktop .grid__item {
  12630.                            width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  12631.                        }
  12632.  
  12633.                        .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12634.                            padding-bottom: var(--focus-outline-padding)
  12635.                        }
  12636.  
  12637.                        .slider.slider--desktop.contains-content-container .slider__slide {
  12638.                            --focus-outline-padding: 0rem
  12639.                        }
  12640.                    }
  12641.  
  12642.                    @media (prefers-reduced-motion) {
  12643.                        .slider {
  12644.                            scroll-behavior: auto
  12645.                        }
  12646.                    }
  12647.  
  12648.                    .slider {
  12649.                        scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  12650.                        -ms-overflow-style: none;
  12651.                        scrollbar-width: none
  12652.                    }
  12653.  
  12654.                    .slider::-webkit-scrollbar {
  12655.                        height: .4rem;
  12656.                        width: .4rem;
  12657.                        display: none
  12658.                    }
  12659.  
  12660.                    .no-js .slider {
  12661.                        -ms-overflow-style: auto;
  12662.                        scrollbar-width: auto
  12663.                    }
  12664.  
  12665.                    .no-js .slider::-webkit-scrollbar {
  12666.                        display: initial
  12667.                    }
  12668.  
  12669.                    .slider::-webkit-scrollbar-thumb {
  12670.                        background-color: rgb(var(--color-foreground));
  12671.                        border-radius: .4rem;
  12672.                        border: 0
  12673.                    }
  12674.  
  12675.                    .slider::-webkit-scrollbar-track {
  12676.                        background: rgba(var(--color-foreground), .04);
  12677.                        border-radius: .4rem
  12678.                    }
  12679.  
  12680.                    .slider-counter {
  12681.                        display: flex;
  12682.                        justify-content: center;
  12683.                        min-width: 4.4rem
  12684.                    }
  12685.  
  12686.                    @media screen and (min-width: 750px) {
  12687.                        .slider-counter--dots {
  12688.                            margin: 0 1.2rem
  12689.                        }
  12690.                    }
  12691.  
  12692.                    .slider-counter__link {
  12693.                        padding: 1rem
  12694.                    }
  12695.  
  12696.                    @media screen and (max-width: 749px) {
  12697.                        .slider-counter__link {
  12698.                            padding: .7rem
  12699.                        }
  12700.                    }
  12701.  
  12702.                    .slider-counter__link--dots .dot {
  12703.                        width: 1rem;
  12704.                        height: 1rem;
  12705.                        border-radius: 50%;
  12706.                        border: .1rem solid rgba(var(--color-foreground), .5);
  12707.                        padding: 0;
  12708.                        display: block
  12709.                    }
  12710.  
  12711.                    .slider-counter__link--active.slider-counter__link--dots .dot {
  12712.                        background-color: rgb(var(--color-foreground))
  12713.                    }
  12714.  
  12715.                    @media screen and (forced-colors: active) {
  12716.                        .slider-counter__link--active.slider-counter__link--dots .dot {
  12717.                            background-color: CanvasText
  12718.                        }
  12719.                    }
  12720.  
  12721.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  12722.                        border-color: rgb(var(--color-foreground))
  12723.                    }
  12724.  
  12725.                    .slider-counter__link--dots .dot,
  12726.                    .slider-counter__link--numbers {
  12727.                        transition: transform .2s ease-in-out
  12728.                    }
  12729.  
  12730.                    .slider-counter__link--active.slider-counter__link--numbers,
  12731.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  12732.                    .slider-counter__link--numbers:hover {
  12733.                        transform: scale(1.1)
  12734.                    }
  12735.  
  12736.                    .slider-counter__link--numbers {
  12737.                        color: rgba(var(--color-foreground), .5);
  12738.                        text-decoration: none
  12739.                    }
  12740.  
  12741.                    .slider-counter__link--numbers:hover {
  12742.                        color: rgb(var(--color-foreground))
  12743.                    }
  12744.  
  12745.                    .slider-counter__link--active.slider-counter__link--numbers {
  12746.                        text-decoration: underline;
  12747.                        color: rgb(var(--color-foreground))
  12748.                    }
  12749.  
  12750.                    .slider-buttons {
  12751.                        display: flex;
  12752.                        align-items: center;
  12753.                        justify-content: center
  12754.                    }
  12755.  
  12756.                    @media screen and (min-width: 990px) {
  12757.                        .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  12758.                            display: none
  12759.                        }
  12760.                    }
  12761.  
  12762.                    @media screen and (max-width: 989px) {
  12763.                        .slider--desktop:not(.slider--tablet)+.slider-buttons {
  12764.                            display: none
  12765.                        }
  12766.                    }
  12767.  
  12768.                    @media screen and (min-width: 750px) {
  12769.                        .slider--mobile+.slider-buttons {
  12770.                            display: none
  12771.                        }
  12772.                    }
  12773.  
  12774.                    .slider-button {
  12775.                        color: rgba(var(--color-foreground), .75);
  12776.                        background: transparent;
  12777.                        border: none;
  12778.                        cursor: pointer;
  12779.                        width: 44px;
  12780.                        height: 44px;
  12781.                        display: flex;
  12782.                        align-items: center;
  12783.                        justify-content: center
  12784.                    }
  12785.  
  12786.                    .slider-button:not([disabled]):hover {
  12787.                        color: rgb(var(--color-foreground))
  12788.                    }
  12789.  
  12790.                    .slider-button .icon {
  12791.                        height: .6rem
  12792.                    }
  12793.  
  12794.                    .slider-button[disabled] .icon {
  12795.                        color: rgba(var(--color-foreground), .3);
  12796.                        cursor: not-allowed
  12797.                    }
  12798.  
  12799.                    .slider-button--next .icon {
  12800.                        transform: rotate(-90deg)
  12801.                    }
  12802.  
  12803.                    .slider-button--prev .icon {
  12804.                        transform: rotate(90deg)
  12805.                    }
  12806.  
  12807.                    .slider-button--next:not([disabled]):hover .icon {
  12808.                        transform: rotate(-90deg) scale(1.1)
  12809.                    }
  12810.  
  12811.                    .slider-button--prev:not([disabled]):hover .icon {
  12812.                        transform: rotate(90deg) scale(1.1)
  12813.                    }
  12814.                </style>
  12815.                <style>
  12816.                    .rating {
  12817.                        display: inline-block;
  12818.                        margin: 0
  12819.                    }
  12820.  
  12821.                    .product .rating-star {
  12822.                        --letter-spacing: .8;
  12823.                        --font-size: 1.7
  12824.                    }
  12825.  
  12826.                    .card-wrapper .rating-star {
  12827.                        --letter-spacing: .7;
  12828.                        --font-size: 1.4
  12829.                    }
  12830.  
  12831.                    .rating-star {
  12832.                        --color-rating-star: rgb(var(--color-foreground));
  12833.                        --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  12834.                        letter-spacing: calc(var(--letter-spacing) * 1rem);
  12835.                        font-size: calc(var(--font-size) * 1rem);
  12836.                        line-height: 1;
  12837.                        display: inline-block;
  12838.                        font-family: Times;
  12839.                        margin: 0
  12840.                    }
  12841.  
  12842.                    .rating-star:before {
  12843.                        content: "\2605\2605\2605\2605\2605";
  12844.                        background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
  12845.                        -webkit-background-clip: text;
  12846.                        -webkit-text-fill-color: transparent
  12847.                    }
  12848.  
  12849.                    .rating-text {
  12850.                        display: none
  12851.                    }
  12852.  
  12853.                    .rating-count {
  12854.                        display: inline-block;
  12855.                        margin: 0
  12856.                    }
  12857.  
  12858.                    @media (forced-colors: active) {
  12859.                        .rating {
  12860.                            display: none
  12861.                        }
  12862.  
  12863.                        .rating-text {
  12864.                            display: block
  12865.                        }
  12866.                    }
  12867.                </style>
  12868.                <style>
  12869.                    .deferred-media__poster {
  12870.                        background-color: transparent;
  12871.                        border: none;
  12872.                        cursor: pointer;
  12873.                        margin: 0;
  12874.                        padding: 0;
  12875.                        height: 100%;
  12876.                        width: 100%;
  12877.                        overflow: hidden;
  12878.                        border-radius: calc(var(--border-radius) - var(--border-width))
  12879.                    }
  12880.  
  12881.                    .media>.deferred-media__poster {
  12882.                        display: flex;
  12883.                        align-items: center;
  12884.                        justify-content: center
  12885.                    }
  12886.  
  12887.                    .deferred-media__poster img {
  12888.                        width: auto;
  12889.                        max-width: 100%;
  12890.                        height: 100%
  12891.                    }
  12892.  
  12893.                    .deferred-media {
  12894.                        overflow: hidden
  12895.                    }
  12896.  
  12897.                    .deferred-media:not([loaded]) template {
  12898.                        z-index: -1
  12899.                    }
  12900.  
  12901.                    .deferred-media[loaded]>.deferred-media__poster {
  12902.                        display: none
  12903.                    }
  12904.  
  12905.                    .deferred-media__poster:focus-visible {
  12906.                        outline: none;
  12907.                        box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground), .5);
  12908.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12909.                    }
  12910.  
  12911.                    .deferred-media__poster:focus {
  12912.                        outline: none;
  12913.                        box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground), .5);
  12914.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12915.                    }
  12916.  
  12917.                    .global-media-settings--full-width .deferred-media__poster,
  12918.                    .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
  12919.                        border-radius: 0
  12920.                    }
  12921.  
  12922.                    @media (forced-colors: active) {
  12923.                        .deferred-media__poster:focus {
  12924.                            outline: transparent solid 1px
  12925.                        }
  12926.                    }
  12927.  
  12928.                    .deferred-media__poster:focus:not(:focus-visible) {
  12929.                        outline: 0;
  12930.                        box-shadow: none
  12931.                    }
  12932.  
  12933.                    .deferred-media__poster-button {
  12934.                        background-color: rgb(var(--color-background));
  12935.                        border: .1rem solid rgba(var(--color-foreground), .1);
  12936.                        border-radius: 50%;
  12937.                        color: rgb(var(--color-foreground));
  12938.                        display: flex;
  12939.                        align-items: center;
  12940.                        justify-content: center;
  12941.                        height: 6.2rem;
  12942.                        width: 6.2rem;
  12943.                        position: absolute;
  12944.                        left: 50%;
  12945.                        top: 50%;
  12946.                        transform: translate(-50%, -50%) scale(1);
  12947.                        transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  12948.                        z-index: 1
  12949.                    }
  12950.  
  12951.                    .deferred-media__poster-button:hover {
  12952.                        transform: translate(-50%, -50%) scale(1.1)
  12953.                    }
  12954.  
  12955.                    .deferred-media__poster-button .icon {
  12956.                        width: 2rem;
  12957.                        height: 2rem
  12958.                    }
  12959.  
  12960.                    .deferred-media__poster-button .icon-play {
  12961.                        margin-left: .2rem
  12962.                    }
  12963.                </style>
  12964.                <style data-shopify>
  12965.                    .section-template--17040648077525__main-padding {
  12966.                        padding-top: 45px;
  12967.                        padding-bottom: 45px;
  12968.                    }
  12969.  
  12970.                    @media screen and (min-width: 750px) {
  12971.                        .section-template--17040648077525__main-padding {
  12972.                            padding-top: 60px;
  12973.                            padding-bottom: 60px;
  12974.                        }
  12975.                    }
  12976.                </style>
  12977.                <script src="cdn/shop/t/4/assets/product-infob121.js?v=81873523020508815201701676179"
  12978.                    defer="defer"></script>
  12979.                <script src="cdn/shop/t/4/assets/product-form5df2.js?v=133081758708377679181701676179"
  12980.                    defer="defer"></script>
  12981.  
  12982.                <div class="page-width">
  12983.                    <div
  12984.                        class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">
  12985.                        <div class="grid__item product__media-wrapper">
  12986.  
  12987.                            <media-gallery id="MediaGallery-template--17040648077525__main" role="region"
  12988.                                class="product__column-sticky" aria-label="Gallery Viewer"
  12989.                                data-desktop-layout="thumbnail_slider">
  12990.                                <div id="GalleryStatus-template--17040648077525__main" class="visually-hidden"
  12991.                                    role="status"></div>
  12992.                                <slider-component id="GalleryViewer-template--17040648077525__main"
  12993.                                    class="slider-mobile-gutter"><a
  12994.                                        class="skip-to-content-link button visually-hidden quick-add-hidden"
  12995.                                        href="#ProductInfo-template--17040648077525__main">
  12996.                                        Skip to product information
  12997.                                    </a>
  12998.                                    <ul id="Slider-Gallery-template--17040648077525__main"
  12999.                                        class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
  13000.                                        role="list">
  13001.                                        <li id="Slide-template--17040648077525__main-33478743672119"
  13002.                                            class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in"
  13003.                                            data-media-id="template--17040648077525__main-33478743672119">
  13004.  
  13005.                                            <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
  13006.                                                style="--ratio: 1.0; --preview-ratio: 1.0;">
  13007.                                                <noscript>
  13008.                                                    <div class="product__media media">
  13009.                                                        <img src="https://i.postimg.cc/VNXYKNc1/assss.png"
  13010.                                                            alt="RDTOTO"
  13011.                                                            srcset="https://i.postimg.cc/VNXYKNc1/assss.png 246w, https://i.postimg.cc/VNXYKNc1/assss.png 493w, https://i.postimg.cc/VNXYKNc1/assss.png 600w, https://i.postimg.cc/VNXYKNc1/assss.png 713w, https://i.postimg.cc/VNXYKNc1/assss.png3 823w, https://i.postimg.cc/VNXYKNc1/assss.png 990w, https://i.postimg.cc/VNXYKNc1/assss.png 1100w, https://i.postimg.cc/VNXYKNc1/assss.png 1206w, https://i.postimg.cc/VNXYKNc1/assss.png 1346w, https://i.postimg.cc/VNXYKNc1/assss.png 1426w, https://i.postimg.cc/VNXYKNc1/assss.png 1646w, https://i.postimg.cc/VNXYKNc1/assss.png 1946w"
  13012.                                                            width="1946" height="1946"
  13013.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13014.                                                    </div>
  13015.                                                </noscript>
  13016.  
  13017.                                                <modal-opener
  13018.                                                    class="product__modal-opener product__modal-opener--image no-js-hidden"
  13019.                                                    data-modal="#ProductModal-template--17040648077525__main">
  13020.                                                    <span
  13021.                                                        class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox"
  13022.                                                        aria-hidden="true"><svg aria-hidden="true" focusable="false"
  13023.                                                            class="icon icon-plus" width="19" height="19"
  13024.                                                            viewBox="0 0 19 19" fill="none"
  13025.                                                            xmlns="http://www.w3.org/2000/svg">
  13026.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13027.                                                                d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z"
  13028.                                                                fill="currentColor" />
  13029.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13030.                                                                d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z"
  13031.                                                                fill="currentColor" />
  13032.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13033.                                                                d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z"
  13034.                                                                fill="currentColor" />
  13035.                                                        </svg>
  13036.                                                    </span>
  13037.  
  13038.                                                    <style>
  13039.                                                        .loading__spinner {
  13040.                                                            position: absolute;
  13041.                                                            z-index: 1;
  13042.                                                            width: 1.8rem
  13043.                                                        }
  13044.  
  13045.                                                        .loading__spinner {
  13046.                                                            width: 1.8rem;
  13047.                                                            display: inline-block
  13048.                                                        }
  13049.  
  13050.                                                        .spinner {
  13051.                                                            animation: rotator 1.4s linear infinite
  13052.                                                        }
  13053.  
  13054.                                                        @keyframes rotator {
  13055.                                                            0% {
  13056.                                                                transform: rotate(0)
  13057.                                                            }
  13058.  
  13059.                                                            to {
  13060.                                                                transform: rotate(270deg)
  13061.                                                            }
  13062.                                                        }
  13063.  
  13064.                                                        .path {
  13065.                                                            stroke-dasharray: 280;
  13066.                                                            stroke-dashoffset: 0;
  13067.                                                            transform-origin: center;
  13068.                                                            stroke: rgb(var(--color-foreground));
  13069.                                                            animation: dash 1.4s ease-in-out infinite
  13070.                                                        }
  13071.  
  13072.                                                        @media screen and (forced-colors: active) {
  13073.                                                            .path {
  13074.                                                                stroke: CanvasText
  13075.                                                            }
  13076.                                                        }
  13077.  
  13078.                                                        @keyframes dash {
  13079.                                                            0% {
  13080.                                                                stroke-dashoffset: 280
  13081.                                                            }
  13082.  
  13083.                                                            50% {
  13084.                                                                stroke-dashoffset: 75;
  13085.                                                                transform: rotate(135deg)
  13086.                                                            }
  13087.  
  13088.                                                            to {
  13089.                                                                stroke-dashoffset: 280;
  13090.                                                                transform: rotate(450deg)
  13091.                                                            }
  13092.                                                        }
  13093.  
  13094.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13095.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13096.                                                            opacity: 50%
  13097.                                                        }
  13098.  
  13099.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13100.                                                            pointer-events: none;
  13101.                                                            cursor: default
  13102.                                                        }
  13103.                                                    </style>
  13104.                                                    <div class="loading__spinner hidden">
  13105.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13106.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13107.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13108.                                                                cy="33" r="30"></circle>
  13109.                                                        </svg>
  13110.                                                    </div>
  13111.                                                    <div class="product__media media media--transparent">
  13112.                                                        <img src="https://i.postimg.cc/VNXYKNc1/assss.png"
  13113.                                                            alt="Rdtoto" width="1000" height="1000"
  13114.                                                            class="image-magnify-lightbox"
  13115.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13116.                                                    </div>
  13117.                                                    <button
  13118.                                                        class="product__media-toggle quick-add-hidden product__media-zoom-lightbox"
  13119.                                                        type="button" aria-haspopup="dialog"
  13120.                                                        data-media-id="33478743672119">
  13121.                                                        <span class="visually-hidden">
  13122.                                                            Open media 1 in modal
  13123.                                                        </span>
  13124.                                                    </button>
  13125.                                                </modal-opener>
  13126.                                            </div>
  13127.  
  13128.                                        </li>
  13129.                                    </ul>
  13130.                                    <div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
  13131.                                        <button type="button" class="slider-button slider-button--prev" name="previous"
  13132.                                            aria-label="Slide left">
  13133.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13134.                                                viewBox="0 0 10 6">
  13135.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13136.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13137.                                                    fill="currentColor">
  13138.                                            </svg>
  13139.  
  13140.                                        </button>
  13141.                                        <div class="slider-counter caption">
  13142.                                            <span class="slider-counter--current">1</span>
  13143.                                            <span aria-hidden="true"> / </span>
  13144.                                            <span class="visually-hidden">of</span>
  13145.                                            <span class="slider-counter--total">1</span>
  13146.                                        </div>
  13147.                                        <button type="button" class="slider-button slider-button--next" name="next"
  13148.                                            aria-label="Slide right">
  13149.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13150.                                                viewBox="0 0 10 6">
  13151.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13152.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13153.                                                    fill="currentColor">
  13154.                                            </svg>
  13155.  
  13156.                                        </button>
  13157.                                    </div>
  13158.                                </slider-component>
  13159.                            </media-gallery>
  13160.  
  13161.                        </div>
  13162.                        <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
  13163.                            <product-info id="ProductInfo-template--17040648077525__main"
  13164.                                data-section="template--17040648077525__main" data-url="https://perindusukma.com/"
  13165.                                class="product__info-container product__column-sticky">
  13166.                                <p class="product__text inline-richtext">RDTOTO</p>
  13167.                                <div class="product__title">
  13168.                                    <h1>RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan</h1>
  13169.                                    <a href="https://perindusukma.com/" class="product__title">
  13170.                                        <h2 class="h1">
  13171.                                            RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan
  13172.                                        </h2>
  13173.                                    </a>
  13174.                                </div>
  13175.                                <div class="no-js-hidden" id="price-template--17040648077525__main" role="status">
  13176.                                    <div class="
  13177.    price price--large price--on-sale price--show-badge">
  13178.                                        <div class="price__container">
  13179.                                            <div class="price__regular"><span
  13180.                                                    class="visually-hidden visually-hidden--inline">Regular
  13181.                                                    price</span>
  13182.                                                <span class="price-item price-item--regular">
  13183.                                                    Rp 10.000,00
  13184.                                                </span>
  13185.                                            </div>
  13186.                                            <div class="price__sale">
  13187.                                                <span class="visually-hidden visually-hidden--inline">Regular
  13188.                                                    price</span>
  13189.                                                <span>
  13190.                                                    <s class="price-item price-item--regular">
  13191.  
  13192.                                                        Rp 100.000,00
  13193.  
  13194.                                                    </s>
  13195.                                                </span><span class="visually-hidden visually-hidden--inline">Sale
  13196.                                                    price</span>
  13197.                                                <span class="price-item price-item--sale price-item--last">
  13198.                                                    Rp 10.000,00
  13199.                                                </span>
  13200.                                            </div>
  13201.                                            <small class="unit-price caption hidden">
  13202.                                                <span class="visually-hidden">Unit price</span>
  13203.                                                <span class="price-item price-item--last">
  13204.                                                    <span></span>
  13205.                                                    <span aria-hidden="true">/</span>
  13206.                                                    <span class="visually-hidden">&nbsp;per&nbsp;</span>
  13207.                                                    <span>
  13208.                                                    </span>
  13209.                                                </span>
  13210.                                            </small>
  13211.                                        </div><span class="badge price__badge-sale color-accent-1">
  13212.                                            TOGEL ONLINE
  13213.                                        </span>
  13214.  
  13215.                                        <span class="badge price__badge-sold-out color-background-1">
  13216.                                            Sold out
  13217.                                        </span>
  13218.                                    </div>
  13219.                                </div>
  13220.                                <div class="product__tax caption rte"></div>
  13221.                                <div>
  13222.                                    <form method="post" action="https://perindusukma.com/"
  13223.                                        id="product-form-installment-template--17040648077525__main"
  13224.                                        accept-charset="UTF-8" class="installment caption-large"
  13225.                                        enctype="multipart/form-data"><input type="hidden" name="form_type"
  13226.                                            value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13227.                                            type="hidden" name="id" value="43114192093653">
  13228.  
  13229.                                        <input type="hidden" name="product-id" value="8226828321669" />
  13230.                                    </form>
  13231.                                </div>
  13232.                                <noscript class="product-form__noscript-wrapper-template--17040648077525__main">
  13233.                                    <div class="product-form__input hidden">
  13234.                                        <label class="form__label" for="Variants-template--17040648077525__main">Product
  13235.                                            variants</label>
  13236.                                        <div class="select">
  13237.                                            <select name="id" id="Variants-template--17040648077525__main"
  13238.                                                class="select__select"
  13239.                                                form="product-form-template--17040648077525__main">
  13240.                                                <option selected="selected" value="43114192093653">Default Title - Rp
  13241.                                                    10.000,00</option>
  13242.                                            </select>
  13243.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13244.                                                viewBox="0 0 10 6">
  13245.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13246.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13247.                                                    fill="currentColor">
  13248.                                            </svg>
  13249.  
  13250.                                        </div>
  13251.                                    </div>
  13252.                                </noscript>
  13253.  
  13254.                                <div id="Quantity-Form-template--17040648077525__main"
  13255.                                    class="product-form__input product-form__quantity">
  13256.  
  13257.  
  13258.  
  13259.                                    <label class="quantity__label form__label"
  13260.                                        for="Quantity-template--17040648077525__main">
  13261.                                        Quantity
  13262.                                        <span class="quantity__rules-cart no-js-hidden hidden">
  13263.                                            <style>
  13264.                                                .loading__spinner {
  13265.                                                    position: absolute;
  13266.                                                    z-index: 1;
  13267.                                                    width: 1.8rem
  13268.                                                }
  13269.  
  13270.                                                .loading__spinner {
  13271.                                                    width: 1.8rem;
  13272.                                                    display: inline-block
  13273.                                                }
  13274.  
  13275.                                                .spinner {
  13276.                                                    animation: rotator 1.4s linear infinite
  13277.                                                }
  13278.  
  13279.                                                @keyframes rotator {
  13280.                                                    0% {
  13281.                                                        transform: rotate(0)
  13282.                                                    }
  13283.  
  13284.                                                    to {
  13285.                                                        transform: rotate(270deg)
  13286.                                                    }
  13287.                                                }
  13288.  
  13289.                                                .path {
  13290.                                                    stroke-dasharray: 280;
  13291.                                                    stroke-dashoffset: 0;
  13292.                                                    transform-origin: center;
  13293.                                                    stroke: rgb(var(--color-foreground));
  13294.                                                    animation: dash 1.4s ease-in-out infinite
  13295.                                                }
  13296.  
  13297.                                                @media screen and (forced-colors: active) {
  13298.                                                    .path {
  13299.                                                        stroke: CanvasText
  13300.                                                    }
  13301.                                                }
  13302.  
  13303.                                                @keyframes dash {
  13304.                                                    0% {
  13305.                                                        stroke-dashoffset: 280
  13306.                                                    }
  13307.  
  13308.                                                    50% {
  13309.                                                        stroke-dashoffset: 75;
  13310.                                                        transform: rotate(135deg)
  13311.                                                    }
  13312.  
  13313.                                                    to {
  13314.                                                        stroke-dashoffset: 280;
  13315.                                                        transform: rotate(450deg)
  13316.                                                    }
  13317.                                                }
  13318.  
  13319.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13320.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13321.                                                    opacity: 50%
  13322.                                                }
  13323.  
  13324.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13325.                                                    pointer-events: none;
  13326.                                                    cursor: default
  13327.                                                }
  13328.                                            </style>
  13329.  
  13330.                                            <div class="loading__spinner hidden">
  13331.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  13332.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13333.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  13334.                                                        r="30"></circle>
  13335.                                                </svg>
  13336.                                            </div>
  13337.                                            <span>(<span class="quantity-cart">0</span> in cart)</span>
  13338.                                        </span>
  13339.                                    </label>
  13340.                                    <div class="price-per-item__container">
  13341.                                        <quantity-input class="quantity" data-url="https://perindusukma.com/"
  13342.                                            data-section="template--17040648077525__main">
  13343.                                            <button class="quantity__button no-js-hidden" name="minus" type="button">
  13344.                                                <span class="visually-hidden">Decrease quantity for RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan</span>
  13345.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13346.                                                    focusable="false" class="icon icon-minus" fill="none"
  13347.                                                    viewBox="0 0 10 2">
  13348.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13349.                                                        d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
  13350.                                                        fill="currentColor">
  13351.                                                </svg>
  13352.  
  13353.                                            </button>
  13354.                                            <input class="quantity__input" type="number" name="quantity"
  13355.                                                id="Quantity-template--17040648077525__main" data-cart-quantity="0"
  13356.                                                data-min="1" min="1" step="1" value="1"
  13357.                                                form="product-form-template--17040648077525__main" />
  13358.                                            <button class="quantity__button no-js-hidden" name="plus" type="button">
  13359.                                                <span class="visually-hidden">Increase quantity for RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan</span>
  13360.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13361.                                                    focusable="false" class="icon icon-plus" fill="none"
  13362.                                                    viewBox="0 0 10 10">
  13363.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13364.                                                        d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
  13365.                                                        fill="currentColor">
  13366.                                                </svg>
  13367.  
  13368.                                            </button>
  13369.                                        </quantity-input>
  13370.                                    </div>
  13371.                                    <div class="quantity__rules caption no-js-hidden"
  13372.                                        id="Quantity-Rules-template--17040648077525__main">
  13373.                                    </div>
  13374.                                </div>
  13375.                                <div><product-form class="product-form" data-hide-errors="false"
  13376.                                        data-section-id="template--17040648077525__main">
  13377.                                        <div class="product-form__error-message-wrapper" role="alert" hidden>
  13378.                                            <svg aria-hidden="true" focusable="false" class="icon icon-error"
  13379.                                                viewBox="0 0 13 13">
  13380.                                                <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2" />
  13381.                                                <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B"
  13382.                                                    stroke-width="0.7" />
  13383.                                                <path
  13384.                                                    d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
  13385.                                                    fill="white" />
  13386.                                                <path
  13387.                                                    d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
  13388.                                                    fill="white" stroke="#EB001B" stroke-width="0.7">
  13389.                                            </svg>
  13390.                                            <span class="product-form__error-message"></span>
  13391.                                        </div>
  13392.                                        <form method="post" action="https://tekan.in/MmIUz"
  13393.                                            id="product-form-template--17040648077525__main" accept-charset="UTF-8"
  13394.                                            class="form" enctype="multipart/form-data" novalidate="novalidate"
  13395.                                            data-type="add-to-cart-form"><input type="hidden" name="form_type"
  13396.                                                value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13397.                                                type="hidden" name="id" value="43114192093653"
  13398.                                                class="product-variant-id">
  13399.                                            <div class="product-form__buttons"><button
  13400.                                                    id="ProductSubmitButton-template--17040648077525__main"
  13401.                                                    type="submit" name="add"
  13402.                                                    class="product-form__submit button button--full-width button--secondary">
  13403.                                                    <span>Daftar Sekarang
  13404.                                                    </span>
  13405.  
  13406.                                                    <style>
  13407.                                                        .loading__spinner {
  13408.                                                            position: absolute;
  13409.                                                            z-index: 1;
  13410.                                                            width: 1.8rem
  13411.                                                        }
  13412.  
  13413.                                                        .loading__spinner {
  13414.                                                            width: 1.8rem;
  13415.                                                            display: inline-block
  13416.                                                        }
  13417.  
  13418.                                                        .spinner {
  13419.                                                            animation: rotator 1.4s linear infinite
  13420.                                                        }
  13421.  
  13422.                                                        @keyframes rotator {
  13423.                                                            0% {
  13424.                                                                transform: rotate(0)
  13425.                                                            }
  13426.  
  13427.                                                            to {
  13428.                                                                transform: rotate(270deg)
  13429.                                                            }
  13430.                                                        }
  13431.  
  13432.                                                        .path {
  13433.                                                            stroke-dasharray: 280;
  13434.                                                            stroke-dashoffset: 0;
  13435.                                                            transform-origin: center;
  13436.                                                            stroke: rgb(var(--color-foreground));
  13437.                                                            animation: dash 1.4s ease-in-out infinite
  13438.                                                        }
  13439.  
  13440.                                                        @media screen and (forced-colors: active) {
  13441.                                                            .path {
  13442.                                                                stroke: CanvasText
  13443.                                                            }
  13444.                                                        }
  13445.  
  13446.                                                        @keyframes dash {
  13447.                                                            0% {
  13448.                                                                stroke-dashoffset: 280
  13449.                                                            }
  13450.  
  13451.                                                            50% {
  13452.                                                                stroke-dashoffset: 75;
  13453.                                                                transform: rotate(135deg)
  13454.                                                            }
  13455.  
  13456.                                                            to {
  13457.                                                                stroke-dashoffset: 280;
  13458.                                                                transform: rotate(450deg)
  13459.                                                            }
  13460.                                                        }
  13461.  
  13462.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13463.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13464.                                                            opacity: 50%
  13465.                                                        }
  13466.  
  13467.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13468.                                                            pointer-events: none;
  13469.                                                            cursor: default
  13470.                                                        }
  13471.                                                    </style>
  13472.                                                    <div class="loading__spinner hidden">
  13473.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13474.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13475.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13476.                                                                cy="33" r="30"></circle>
  13477.                                                        </svg>
  13478.                                                    </div>
  13479.                                                </button>
  13480.                                                <div data-shopify="payment-button" data-has-selling-plan="false"
  13481.                                                    data-has-fixed-selling-plan="false" class="shopify-payment-button">
  13482.                                                    <button
  13483.                                                        class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden"
  13484.                                                        disabled="disabled" aria-hidden="true"> </button><button
  13485.                                                        class="shopify-payment-button__more-options shopify-payment-button__button--hidden"
  13486.                                                        disabled="disabled" aria-hidden="true"> </button>
  13487.                                                </div>
  13488.                                            </div><input type="hidden" name="product-id" value="8226828321669" />
  13489.                                        </form>
  13490.                                    </product-form>
  13491.                                    <style>
  13492.                                        pickup-availability {
  13493.                                            display: block
  13494.                                        }
  13495.  
  13496.                                        pickup-availability[available] {
  13497.                                            min-height: 8rem
  13498.                                        }
  13499.  
  13500.                                        .pickup-availability-preview {
  13501.                                            align-items: flex-start;
  13502.                                            display: flex;
  13503.                                            gap: .2rem;
  13504.                                            padding: 1rem 2rem 0 0
  13505.                                        }
  13506.  
  13507.                                        .pickup-availability-preview .icon {
  13508.                                            flex-shrink: 0;
  13509.                                            height: 1.8rem
  13510.                                        }
  13511.  
  13512.                                        .pickup-availability-preview .icon-unavailable {
  13513.                                            height: 1.6rem;
  13514.                                            margin-top: .1rem
  13515.                                        }
  13516.  
  13517.                                        .pickup-availability-button {
  13518.                                            background-color: transparent;
  13519.                                            color: rgba(var(--color-foreground), .75);
  13520.                                            letter-spacing: .06rem;
  13521.                                            padding: 0 0 .2rem;
  13522.                                            text-align: left;
  13523.                                            text-decoration: underline
  13524.                                        }
  13525.  
  13526.                                        .pickup-availability-button:hover {
  13527.                                            color: rgb(var(--color-foreground))
  13528.                                        }
  13529.  
  13530.                                        .pickup-availability-info * {
  13531.                                            margin: 0 0 .6rem
  13532.                                        }
  13533.  
  13534.                                        pickup-availability-drawer {
  13535.                                            background-color: rgb(var(--color-background));
  13536.                                            height: 100%;
  13537.                                            opacity: 0;
  13538.                                            overflow-y: auto;
  13539.                                            padding: 2rem;
  13540.                                            position: fixed;
  13541.                                            top: 0;
  13542.                                            right: 0;
  13543.                                            z-index: 4;
  13544.                                            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
  13545.                                            transform: translate(100%);
  13546.                                            width: 100%;
  13547.                                            border-width: 0 0 0 var(--drawer-border-width);
  13548.                                            border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  13549.                                            border-style: solid;
  13550.                                            filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)))
  13551.                                        }
  13552.  
  13553.                                        pickup-availability-drawer[open] {
  13554.                                            transform: translate(0);
  13555.                                            opacity: 1
  13556.                                        }
  13557.  
  13558.                                        @media screen and (min-width: 750px) {
  13559.                                            pickup-availability-drawer {
  13560.                                                transform: translate(100%);
  13561.                                                width: 37.5rem
  13562.                                            }
  13563.  
  13564.                                            pickup-availability-drawer[open] {
  13565.                                                opacity: 1;
  13566.                                                transform: translate(0);
  13567.                                                animation: animateDrawerOpen var(--duration-default) ease
  13568.                                            }
  13569.                                        }
  13570.  
  13571.                                        .pickup-availability-header {
  13572.                                            align-items: flex-start;
  13573.                                            display: flex;
  13574.                                            justify-content: space-between;
  13575.                                            margin-bottom: 1.2rem
  13576.                                        }
  13577.  
  13578.                                        .pickup-availability-drawer-title {
  13579.                                            margin: .5rem 0 0
  13580.                                        }
  13581.  
  13582.                                        .pickup-availability-header .icon {
  13583.                                            width: 2rem
  13584.                                        }
  13585.  
  13586.                                        .pickup-availability-drawer-button {
  13587.                                            background-color: transparent;
  13588.                                            border: none;
  13589.                                            color: rgb(var(--color-foreground));
  13590.                                            cursor: pointer;
  13591.                                            display: block;
  13592.                                            height: 4.4rem;
  13593.                                            padding: 1.2rem;
  13594.                                            width: 4.4rem
  13595.                                        }
  13596.  
  13597.                                        .pickup-availability-drawer-button:hover {
  13598.                                            color: rgba(var(--color-foreground), .75)
  13599.                                        }
  13600.  
  13601.                                        .pickup-availability-variant {
  13602.                                            font-size: 1.3rem;
  13603.                                            line-height: calc(1 + .2 / var(--font-body-scale));
  13604.                                            margin: 0 0 1.2rem;
  13605.                                            text-transform: capitalize
  13606.                                        }
  13607.  
  13608.                                        .pickup-availability-variant>*+strong {
  13609.                                            margin-left: 1rem
  13610.                                        }
  13611.  
  13612.                                        .pickup-availability-list__item {
  13613.                                            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  13614.                                            padding: 2rem 0
  13615.                                        }
  13616.  
  13617.                                        .pickup-availability-list__item:first-child {
  13618.                                            border-top: .1rem solid rgba(var(--color-foreground), .08)
  13619.                                        }
  13620.  
  13621.                                        .pickup-availability-list__item>* {
  13622.                                            margin: 0
  13623.                                        }
  13624.  
  13625.                                        .pickup-availability-list__item>*+* {
  13626.                                            margin-top: 1rem
  13627.                                        }
  13628.  
  13629.                                        .pickup-availability-address {
  13630.                                            font-style: normal;
  13631.                                            font-size: 1.2rem;
  13632.                                            line-height: calc(1 + .5 / var(--font-body-scale))
  13633.                                        }
  13634.  
  13635.                                        .pickup-availability-address p {
  13636.                                            margin: 0
  13637.                                        }
  13638.  
  13639.                                        @keyframes animateDrawerOpen {
  13640.                                            @media screen and (max-width: 749px) {
  13641.                                                0% {
  13642.                                                    opacity: 0;
  13643.                                                    transform: translateX(100%);
  13644.                                                }
  13645.  
  13646.                                                100% {
  13647.                                                    opacity: 1;
  13648.                                                    transform: translateX(0);
  13649.                                                }
  13650.                                            }
  13651.  
  13652.                                            @media screen and (min-width: 750px) {
  13653.                                                0% {
  13654.                                                    opacity: 0;
  13655.                                                    transform: translateX(100%);
  13656.                                                }
  13657.  
  13658.                                                100% {
  13659.                                                    opacity: 1;
  13660.                                                    transform: translateX(0);
  13661.                                                }
  13662.                                            }
  13663.                                        }
  13664.                                    </style>
  13665.                                    <pickup-availability
  13666.                                        class="product__pickup-availabilities no-js-hidden quick-add-hidden"
  13667.                                        data-root-url="https://perindusukma.com/" data-variant-id="43114192093653"
  13668.                                        data-has-only-default-variant="true"
  13669.                                        data-product-page-color-scheme="gradient color-background-1">
  13670.                                        <template>
  13671.                                            <pickup-availability-preview class="pickup-availability-preview">
  13672.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"
  13673.                                                    focusable="false" class="icon icon-unavailable" fill="none"
  13674.                                                    viewBox="0 0 20 20">
  13675.                                                    <path fill="#DE3618" stroke="#fff"
  13676.                                                        d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z" />
  13677.                                                </svg>
  13678.  
  13679.                                                <div class="pickup-availability-info">
  13680.                                                    <p class="caption-large">Couldn&#39;t load pickup availability</p>
  13681.                                                    <button
  13682.                                                        class="pickup-availability-button link link--text underlined-link">
  13683.                                                        Refresh
  13684.                                                    </button>
  13685.                                                </div>
  13686.                                            </pickup-availability-preview>
  13687.                                        </template>
  13688.                                    </pickup-availability>
  13689.  
  13690.                                    <script>
  13691.                                        /** Shopify CDN: Minification failed
  13692.                                
  13693.                                Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13694.                                Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13695.                                Line 30:23 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13696.                                Line 31:8 Transforming let to the configured target environment ("es5") is not supported yet
  13697.                                Line 35:8 Transforming const to the configured target environment ("es5") is not supported yet
  13698.                                Line 40:12 Transforming const to the configured target environment ("es5") is not supported yet
  13699.                                Line 46:12 Transforming const to the configured target environment ("es5") is not supported yet
  13700.                                Line 52:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13701.                                Line 56:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13702.                                Line 63:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13703.                                ... and 9 more hidden warnings
  13704.                                
  13705.                                **/
  13706.                                        if (!customElements.get('pickup-availability')) {
  13707.                                            customElements.define(
  13708.                                                'pickup-availability',
  13709.                                                class PickupAvailability extends HTMLElement {
  13710.                                                    constructor() {
  13711.                                                        super();
  13712.  
  13713.                                                        if (!this.hasAttribute('available')) return;
  13714.  
  13715.                                                        this.errorHtml = this.querySelector('template').content.firstElementChild.cloneNode(true);
  13716.                                                        this.onClickRefreshList = this.onClickRefreshList.bind(this);
  13717.                                                        this.fetchAvailability(this.dataset.variantId);
  13718.                                                    }
  13719.  
  13720.                                                    fetchAvailability(variantId) {
  13721.                                                        let rootUrl = this.dataset.rootUrl;
  13722.                                                        if (!rootUrl.endsWith('/')) {
  13723.                                                            rootUrl = rootUrl + '/';
  13724.                                                        }
  13725.                                                        const variantSectionUrl = `${rootUrl}variants/${variantId}/?section_id=pickup-availability`;
  13726.  
  13727.                                                        fetch(variantSectionUrl)
  13728.                                                            .then((response) => response.text())
  13729.                                                            .then((text) => {
  13730.                                                                const sectionInnerHTML = new DOMParser()
  13731.                                                                    .parseFromString(text, 'text/html')
  13732.                                                                    .querySelector('.shopify-section');
  13733.                                                                this.renderPreview(sectionInnerHTML);
  13734.                                                            })
  13735.                                                            .catch((e) => {
  13736.                                                                const button = this.querySelector('button');
  13737.                                                                if (button) button.removeEventListener('click', this.onClickRefreshList);
  13738.                                                                this.renderError();
  13739.                                                            });
  13740.                                                    }
  13741.  
  13742.                                                    onClickRefreshList(evt) {
  13743.                                                        this.fetchAvailability(this.dataset.variantId);
  13744.                                                    }
  13745.  
  13746.                                                    renderError() {
  13747.                                                        this.innerHTML = '';
  13748.                                                        this.appendChild(this.errorHtml);
  13749.  
  13750.                                                        this.querySelector('button').addEventListener('click', this.onClickRefreshList);
  13751.                                                    }
  13752.  
  13753.                                                    renderPreview(sectionInnerHTML) {
  13754.                                                        const drawer = document.querySelector('pickup-availability-drawer');
  13755.                                                        if (drawer) drawer.remove();
  13756.                                                        if (!sectionInnerHTML.querySelector('pickup-availability-preview')) {
  13757.                                                            this.innerHTML = '';
  13758.                                                            this.removeAttribute('available');
  13759.                                                            return;
  13760.                                                        }
  13761.  
  13762.                                                        this.innerHTML = sectionInnerHTML.querySelector('pickup-availability-preview').outerHTML;
  13763.                                                        this.setAttribute('available', '');
  13764.  
  13765.                                                        document.body.appendChild(sectionInnerHTML.querySelector('pickup-availability-drawer'));
  13766.                                                        const colorClassesToApply = this.dataset.productPageColorScheme.split(' ');
  13767.                                                        colorClassesToApply.forEach((colorClass) => {
  13768.                                                            document.querySelector('pickup-availability-drawer').classList.add(colorClass);
  13769.                                                        });
  13770.  
  13771.                                                        const button = this.querySelector('button');
  13772.                                                        if (button)
  13773.                                                            button.addEventListener('click', (evt) => {
  13774.                                                                document.querySelector('pickup-availability-drawer').show(evt.target);
  13775.                                                            });
  13776.                                                    }
  13777.                                                }
  13778.                                            );
  13779.                                        }
  13780.  
  13781.                                        if (!customElements.get('pickup-availability-drawer')) {
  13782.                                            customElements.define(
  13783.                                                'pickup-availability-drawer',
  13784.                                                class PickupAvailabilityDrawer extends HTMLElement {
  13785.                                                    constructor() {
  13786.                                                        super();
  13787.  
  13788.                                                        this.onBodyClick = this.handleBodyClick.bind(this);
  13789.  
  13790.                                                        this.querySelector('button').addEventListener('click', () => {
  13791.                                                            this.hide();
  13792.                                                        });
  13793.  
  13794.                                                        this.addEventListener('keyup', (event) => {
  13795.                                                            if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  13796.                                                        });
  13797.                                                    }
  13798.  
  13799.                                                    handleBodyClick(evt) {
  13800.                                                        const target = evt.target;
  13801.                                                        if (
  13802.                                                            target != this &&
  13803.                                                            !target.closest('pickup-availability-drawer') &&
  13804.                                                            target.id != 'ShowPickupAvailabilityDrawer'
  13805.                                                        ) {
  13806.                                                            this.hide();
  13807.                                                        }
  13808.                                                    }
  13809.  
  13810.                                                    hide() {
  13811.                                                        this.removeAttribute('open');
  13812.                                                        document.body.removeEventListener('click', this.onBodyClick);
  13813.                                                        document.body.classList.remove('overflow-hidden');
  13814.                                                        removeTrapFocus(this.focusElement);
  13815.                                                    }
  13816.  
  13817.                                                    show(focusElement) {
  13818.                                                        this.focusElement = focusElement;
  13819.                                                        this.setAttribute('open', '');
  13820.                                                        document.body.addEventListener('click', this.onBodyClick);
  13821.                                                        document.body.classList.add('overflow-hidden');
  13822.                                                        trapFocus(this);
  13823.                                                    }
  13824.                                                }
  13825.                                            );
  13826.                                        }
  13827.                                    </script>
  13828.                                </div>
  13829.                                <style>
  13830.                                    .product__description p {
  13831.                                        text-align: justify;
  13832.                                    }
  13833.  
  13834.                                    .product__description h2 {
  13835.                                        text-align: center;
  13836.                                    }
  13837.  
  13838.                                    .product__description a {
  13839.                                        font-weight: bold;
  13840.                                        text-decoration: none;
  13841.                                        color: #6d0000;
  13842.                                    }
  13843.  
  13844.                                    .site-list li {
  13845.                                        font-weight: bold;
  13846.                                    }
  13847.  
  13848.                                    .centre li {
  13849.                                        font-weight: normal;
  13850.                                        margin-left: -1em;
  13851.                                        text-align: justify;
  13852.                                        list-style-type: decimal;
  13853. <a href="https://perindusukma.com/">RDTOTO</a>
  13854.                                    }
  13855.                                </style>
  13856.                                <div class="product__description rte quick-add-hidden">
  13857.                                    <p> <a href="https://perindusukma.com">Rdtoto</a> APK Togel adalah aplikasi yang memungkinkan para penggemar togel untuk bermain taruhan secara online melalui ponsel mereka. Aplikasi ini menawarkan berbagai jenis permainan togel, baik yang berasal dari dalam negeri maupun internasional. Pengguna dapat mengakses berbagai pasaran togel terkenal, seperti Togel Singapore, Togel Hongkong, hingga pasaran-pasaran lainnya.Yang membuat RDTOTO APK Togel semakin menarik adalah kemudahan yang ditawarkan dalam hal deposit. Pemain dapat melakukan deposit pulsa untuk memulai permainan, yang tentunya jauh lebih praktis dibandingkan dengan metode transfer melalui bank atau e-wallet lainnya.</p>
  13858.                                <h2> Keuntungan Menggunakan RDTOTO APK Togel Deposit Pulsa </h2>
  13859.                                <h3> 1.Kemudahan Deposit Pulsa </h3>
  13860.                                    <p>Salah satu kelebihan terbesar dari <a href="https://perindusukma.com">Rdtoto Apk Togel</a> adalah opsi deposit pulsa. Pengguna tidak perlu ribet mengurus transfer antar rekening bank, karena mereka cukup melakukan deposit pulsa dari nomor ponsel yang mereka gunakan. Hal ini membuat proses transaksi menjadi lebih cepat dan tanpa hambatan, bahkan bagi mereka yang tidak memiliki rekening bank.</p>
  13861.                                <h3> 2.Akses Mudah dan Praktis </h3>
  13862.                                    <p>Aplikasi ini dapat diunduh dan diinstal dengan mudah di perangkat Android atau iOS. Dengan tampilan yang user-friendly, pemain dapat langsung memulai permainan togel dengan mengakses berbagai pasaran togel dengan cepat. Aplikasi ini dirancang untuk memudahkan pemain dalam memasang taruhan tanpa kesulitan.</p>
  13863.                                <h3> 3.Transaksi Aman dan Terpercaya </h3>
  13864.                                    <p>Keamanan transaksi menjadi prioritas utama dalam RDTOTO APK Togel. Aplikasi ini menggunakan sistem enkripsi untuk melindungi data dan informasi pribadi penggunanya. Selain itu, dengan deposit pulsa, pemain tidak perlu khawatir tentang masalah perbankan atau data yang rentan dicuri.</p>
  13865.                                <h3> 4.Pilihan Pasaran yang Beragam </h3>  
  13866.                                    <p>RDTOTO menawarkan berbagai macam pasaran togel terkenal yang dapat diikuti oleh para pemain. Mulai dari pasaran lokal seperti Togel Singapore dan Togel Hongkong, hingga pasaran internasional lainnya. Dengan banyaknya pilihan pasaran, pemain bisa menyesuaikan dengan jenis taruhan yang mereka inginkan.</p>
  13867.                                <h3> 5.Bonus dan Promosi Menarik </h3>  
  13868.                                    <p>Banyak aplikasi togel online, termasuk RDTOTO APK Togel, menawarkan berbagai bonus dan promosi kepada pemainnya. Ini bisa berupa bonus pendaftaran, bonus deposit, hingga promosi khusus lainnya. Dengan bonus ini, pemain dapat meningkatkan peluang mereka dalam memenangkan taruhan.</p>
  13869.                                <h2>Cara Menggunakan RDTOTO APK Togel Deposit Pulsa</h2>
  13870.                                <p>Berikut adalah langkah-langkah untuk menggunakan RDTOTO APK Togel Deposit Pulsa:</p>
  13871.                                <h3>1.Download dan Install Aplikasi</h3>
  13872.                                <p>Pertama, unduh RDTOTO APK Togel dari situs resmi atau link yang terpercaya. Setelah itu, instal aplikasi tersebut di perangkat ponsel Anda.</p>
  13873.                                <h3>2.Registrasi Akun</h3>
  13874.                                <p>Setelah aplikasi terpasang, buka aplikasi dan lakukan registrasi dengan mengisi data diri yang diperlukan. Biasanya, pemain diminta untuk membuat username dan password untuk akun mereka.</p>
  13875.                                <h3>3.Lakukan Deposit Pulsa</h3>
  13876.                                <p>Setelah akun berhasil dibuat, pemain dapat melakukan deposit pulsa sesuai dengan nominal yang diinginkan. Pilih metode deposit pulsa yang disediakan oleh aplikasi, dan ikuti langkah-langkah untuk menyelesaikan transaksi.</p>
  13877.                                <h3>4.Pilih Pasaran dan Mulai Bertaruh</h3>
  13878.                                <p>Setelah deposit berhasil, pemain dapat memilih pasaran togel yang ingin dimainkan. Kemudian, pilih jenis taruhan yang diinginkan dan pasang nomor pilihan Anda.</p>
  13879.                                <h3>5.Menang dan Tarik Menangannya</h3>
  13880.                                <p>Jika berhasil menang, pemain dapat menarik kemenangan mereka melalui metode yang telah disediakan oleh aplikasi. Beberapa aplikasi bahkan memungkinkan penarikan melalui pulsa, memberikan kemudahan bagi pemain yang tidak ingin ribet dengan transaksi perbankan.</p>
  13881.                                <h2>Mengapa RDTOTO APK Togel Deposit Pulsa Populer?</h2>
  13882.                                <h3>1.Kemudahan Akses dan Transaksi Cepat</h3>
  13883.                                <p>Penggunaan pulsa sebagai metode deposit menjadi pilihan populer bagi banyak orang karena lebih praktis dan cepat dibandingkan dengan menggunakan rekening bank atau metode pembayaran lainnya. Tidak perlu khawatir tentang masalah transfer atau waktu yang dibutuhkan untuk memproses transaksi.</p>
  13884.                                <h3>2.Fleksibilitas dalam Bermain</h3>
  13885.                                <p>Dengan aplikasi ini, pemain bisa bermain togel kapan saja dan di mana saja, asalkan terhubung dengan jaringan internet. RDTOTO APK Togel memberikan kebebasan kepada pemain untuk mengatur waktu bermain mereka tanpa batasan.</p>
  13886.                                <h3>3.Bersaing dengan Platform Lain</h3>
  13887.                                <p>Karena banyaknya pemain yang beralih ke platform yang menawarkan kemudahan transaksi seperti deposit pulsa, aplikasi ini berhasil bersaing dengan platform togel lainnya yang mengutamakan kenyamanan dan kemudahan para pemainnya.</p>
  13888.                                <h2>Kesimpulan</h2>
  13889.                                <p>RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online. Dengan kemudahan deposit menggunakan pulsa, akses ke berbagai pasaran togel, dan berbagai keuntungan lainnya, aplikasi ini menjadi solusi praktis yang banyak dicari. Meski begitu, tetap penting untuk bermain dengan bijak dan bertanggung jawab, serta memastikan Anda memilih aplikasi togel yang terpercaya dan aman.
  13890.  
  13891.  
  13892.  
  13893.                                </p>
  13894.  
  13895.  
  13896. </div>
  13897.  
  13898.                                <script>
  13899.                                    /** Shopify CDN: Minification failed
  13900.                                
  13901.                                Line 13:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13902.                                Line 14:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13903.                                Line 41:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13904.                                Line 50:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13905.                                Line 59:15 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13906.                                
  13907.                                **/
  13908.                                    if (!customElements.get('share-button')) {
  13909.                                        customElements.define(
  13910.                                            'share-button',
  13911.                                            class ShareButton extends DetailsDisclosure {
  13912.                                                constructor() {
  13913.                                                    super();
  13914.  
  13915.                                                    this.elements = {
  13916.                                                        shareButton: this.querySelector('button'),
  13917.                                                        shareSummary: this.querySelector('summary'),
  13918.                                                        closeButton: this.querySelector('.share-button__close'),
  13919.                                                        successMessage: this.querySelector('[id^="ShareMessage"]'),
  13920.                                                        urlInput: this.querySelector('input'),
  13921.                                                    };
  13922.                                                    this.urlToShare = this.elements.urlInput ? this.elements.urlInput.value : document.location.href;
  13923.  
  13924.                                                    if (navigator.share) {
  13925.                                                        this.mainDetailsToggle.setAttribute('hidden', '');
  13926.                                                        this.elements.shareButton.classList.remove('hidden');
  13927.                                                        this.elements.shareButton.addEventListener('click', () => {
  13928.                                                            navigator.share({ url: this.urlToShare, title: document.title });
  13929.                                                        });
  13930.                                                    } else {
  13931.                                                        this.mainDetailsToggle.addEventListener('toggle', this.toggleDetails.bind(this));
  13932.                                                        this.mainDetailsToggle
  13933.                                                            .querySelector('.share-button__copy')
  13934.                                                            .addEventListener('click', this.copyToClipboard.bind(this));
  13935.                                                        this.mainDetailsToggle.querySelector('.share-button__close').addEventListener('click', this.close.bind(this));
  13936.                                                    }
  13937.                                                }
  13938.  
  13939.                                                toggleDetails() {
  13940.                                                    if (!this.mainDetailsToggle.open) {
  13941.                                                        this.elements.successMessage.classList.add('hidden');
  13942.                                                        this.elements.successMessage.textContent = '';
  13943.                                                        this.elements.closeButton.classList.add('hidden');
  13944.                                                        this.elements.shareSummary.focus();
  13945.                                                    }
  13946.                                                }
  13947.  
  13948.                                                copyToClipboard() {
  13949.                                                    navigator.clipboard.writeText(this.elements.urlInput.value).then(() => {
  13950.                                                        this.elements.successMessage.classList.remove('hidden');
  13951.                                                        this.elements.successMessage.textContent = window.accessibilityStrings.shareSuccess;
  13952.                                                        this.elements.closeButton.classList.remove('hidden');
  13953.                                                        this.elements.closeButton.focus();
  13954.                                                    });
  13955.                                                }
  13956.  
  13957.                                                updateUrl(url) {
  13958.                                                    this.urlToShare = url;
  13959.                                                    this.elements.urlInput.value = url;
  13960.                                                }
  13961.                                            }
  13962.                                        );
  13963.                                    }
  13964.                                </script>
  13965.  
  13966.                                <share-button id="Share-template--17040648077525__main"
  13967.                                    class="share-button quick-add-hidden">
  13968.                                    <button class="share-button__button hidden">
  13969.                                        <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  13970.                                            fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13971.                                            focusable="false">
  13972.                                            <path
  13973.                                                d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  13974.                                                stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
  13975.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13976.                                                d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  13977.                                                fill="currentColor" />
  13978.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13979.                                                d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z"
  13980.                                                fill="currentColor" />
  13981.                                        </svg>
  13982.  
  13983.                                        Share
  13984.                                    </button>
  13985.                                    <details id="Details-share-template--17040648077525__main">
  13986.                                        <summary class="share-button__button">
  13987.                                            <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  13988.                                                fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13989.                                                focusable="false">
  13990.                                                <path
  13991.                                                    d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  13992.                                                    stroke="currentColor" stroke-linecap="round"
  13993.                                                    stroke-linejoin="round" />
  13994.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13995.                                                    d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  13996.                                                    fill="currentColor" />
  13997.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13998.                                                    d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z"
  13999.                                                    fill="currentColor" />
  14000.                                            </svg>
  14001.  
  14002.                                            Share
  14003.                                        </summary>
  14004.                                        <div class="share-button__fallback motion-reduce">
  14005.                                            <div class="field">
  14006.                                                <span id="ShareMessage-template--17040648077525__main"
  14007.                                                    class="share-button__message hidden" role="status"> </span>
  14008.                                                <input type="text" class="field__input"
  14009.                                                    id="ShareUrl-template--17040648077525__main"
  14010.                                                    value="https://perindusukma.com/" placeholder="Link"
  14011.                                                    onclick="this.select();" readonly>
  14012.                                                <label class="field__label"
  14013.                                                    for="ShareUrl-template--17040648077525__main">Link</label>
  14014.                                            </div>
  14015.                                            <button class="share-button__close hidden no-js-hidden">
  14016.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14017.                                                    focusable="false" class="icon icon-close" fill="none"
  14018.                                                    viewBox="0 0 18 17">
  14019.                                                    <path
  14020.                                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  14021.                                                        fill="currentColor">
  14022.                                                </svg>
  14023.  
  14024.                                                <span class="visually-hidden">Close share</span>
  14025.                                            </button>
  14026.                                            <button class="share-button__copy no-js-hidden">
  14027.                                                <svg class="icon icon-clipboard" width="11" height="13" fill="none"
  14028.                                                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14029.                                                    focusable="false" viewBox="0 0 11 13">
  14030.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  14031.                                                        d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z"
  14032.                                                        fill="currentColor" />
  14033.                                                </svg>
  14034.  
  14035.                                                <span class="visually-hidden">Copy link</span>
  14036.                                            </button>
  14037.                                        </div>
  14038.                                    </details>
  14039.                                </share-button>
  14040.  
  14041.                                <a href="https://perindusukma.com/" class="link product__view-details animate-arrow">
  14042.                                    View full details
  14043.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  14044.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  14045.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  14046.                                            d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z"
  14047.                                            fill="currentColor">
  14048.                                    </svg>
  14049.  
  14050.                                </a>
  14051.                            </product-info>
  14052.                        </div>
  14053.                    </div>
  14054.  
  14055.  
  14056.  
  14057.                    <product-modal id="ProductModal-template--17040648077525__main"
  14058.                        class="product-media-modal media-modal">
  14059.                        <div class="product-media-modal__dialog color-background-1 gradient" role="dialog"
  14060.                            aria-label="Media gallery" aria-modal="true" tabindex="-1">
  14061.                            <button id="ModalClose-template--17040648077525__main" type="button"
  14062.                                class="product-media-modal__toggle" aria-label="Close">
  14063.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  14064.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  14065.                                    <path
  14066.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  14067.                                        fill="currentColor">
  14068.                                </svg>
  14069.  
  14070.                            </button>
  14071.  
  14072.                            <div class="product-media-modal__content color-background-1 gradient" role="document"
  14073.                                aria-label="Media gallery" tabindex="0">
  14074.                                <img class="global-media-settings global-media-settings--no-shadow"
  14075.                                    srcset="https://i.postimg.cc/VNXYKNc1/assss.png"
  14076.                                    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
  14077.                                    src="https://i.postimg.cc/VNXYKNc1/assss.png"
  14078.                                    alt="situs togel online" loading="lazy" width="1100" height="1100"
  14079.                                    data-media-id="33478743672119">
  14080.                            </div>
  14081.                        </div>
  14082.                    </product-modal>
  14083.  
  14084.  
  14085.  
  14086.                    <script>/** Shopify CDN: Minification failed
  14087.  
  14088. Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14089. Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14090. Line 22:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14091. Line 26:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14092. Line 31:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14093. Line 37:8 Transforming const to the configured target environment ("es5") is not supported yet
  14094. Line 38:8 Transforming const to the configured target environment ("es5") is not supported yet
  14095. Line 39:8 Transforming const to the configured target environment ("es5") is not supported yet
  14096. Line 43:8 Transforming const to the configured target environment ("es5") is not supported yet
  14098. **/
  14099.                        if (!customElements.get('product-modal')) {
  14100.                            customElements.define(
  14101.                                'product-modal',
  14102.                                class ProductModal extends ModalDialog {
  14103.                                    constructor() {
  14104.                                        super();
  14105.                                    }
  14106.  
  14107.                                    hide() {
  14108.                                        super.hide();
  14109.                                    }
  14110.  
  14111.                                    show(opener) {
  14112.                                        super.show(opener);
  14113.                                        this.showActiveMedia();
  14114.                                    }
  14115.  
  14116.                                    showActiveMedia() {
  14117.                                        this.querySelectorAll(
  14118.                                            `[data-media-id]:not([data-media-id="${this.openedBy.getAttribute('data-media-id')}"])`
  14119.                                        ).forEach((element) => {
  14120.                                            element.classList.remove('active');
  14121.                                        });
  14122.                                        const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute('data-media-id')}"]`);
  14123.                                        const activeMediaTemplate = activeMedia.querySelector('template');
  14124.                                        const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
  14125.                                        activeMedia.classList.add('active');
  14126.                                        activeMedia.scrollIntoView();
  14127.  
  14128.                                        const container = this.querySelector('[role="document"]');
  14129.                                        container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
  14130.  
  14131.                                        if (
  14132.                                            activeMedia.nodeName == 'DEFERRED-MEDIA' &&
  14133.                                            activeMediaContent &&
  14134.                                            activeMediaContent.querySelector('.js-youtube')
  14135.                                        )
  14136.                                            activeMedia.loadContent();
  14137.                                    }
  14138.                                }
  14139.                            );
  14140.                        }</script>
  14141.                    <script>/** Shopify CDN: Minification failed
  14142.  
  14143. Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14144. Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14145. Line 39:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14146. Line 40:8 Transforming const to the configured target environment ("es5") is not supported yet
  14147. Line 46:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14148. Line 47:8 Transforming const to the configured target environment ("es5") is not supported yet
  14149. Line 56:12 Transforming const to the configured target environment ("es5") is not supported yet
  14150. Line 74:8 Transforming const to the configured target environment ("es5") is not supported yet
  14151. Line 79:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14152. Line 91:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14153. ... and 5 more hidden warnings
  14154.  
  14155. **/
  14156.                        if (!customElements.get('media-gallery')) {
  14157.                            customElements.define(
  14158.                                'media-gallery',
  14159.                                class MediaGallery extends HTMLElement {
  14160.                                    constructor() {
  14161.                                        super();
  14162.                                        this.elements = {
  14163.                                            liveRegion: this.querySelector('[id^="GalleryStatus"]'),
  14164.                                            viewer: this.querySelector('[id^="GalleryViewer"]'),
  14165.                                            thumbnails: this.querySelector('[id^="GalleryThumbnails"]'),
  14166.                                        };
  14167.                                        this.mql = window.matchMedia('(min-width: 750px)');
  14168.                                        if (!this.elements.thumbnails) return;
  14169.  
  14170.                                        this.elements.viewer.addEventListener('slideChanged', debounce(this.onSlideChanged.bind(this), 500));
  14171.                                        this.elements.thumbnails.querySelectorAll('[data-target]').forEach((mediaToSwitch) => {
  14172.                                            mediaToSwitch
  14173.                                                .querySelector('button')
  14174.                                                .addEventListener('click', this.setActiveMedia.bind(this, mediaToSwitch.dataset.target, false));
  14175.                                        });
  14176.                                        if (this.dataset.desktopLayout.includes('thumbnail') && this.mql.matches) this.removeListSemantic();
  14177.                                    }
  14178.  
  14179.                                    onSlideChanged(event) {
  14180.                                        const thumbnail = this.elements.thumbnails.querySelector(
  14181.                                            `[data-target="${event.detail.currentElement.dataset.mediaId}"]`
  14182.                                        );
  14183.                                        this.setActiveThumbnail(thumbnail);
  14184.                                    }
  14185.  
  14186.                                    setActiveMedia(mediaId, prepend) {
  14187.                                        const activeMedia = this.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`);
  14188.                                        this.elements.viewer.querySelectorAll('[data-media-id]').forEach((element) => {
  14189.                                            element.classList.remove('is-active');
  14190.                                        });
  14191.                                        activeMedia.classList.add('is-active');
  14192.  
  14193.                                        if (prepend) {
  14194.                                            activeMedia.parentElement.prepend(activeMedia);
  14195.                                            if (this.elements.thumbnails) {
  14196.                                                const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14197.                                                activeThumbnail.parentElement.prepend(activeThumbnail);
  14198.                                            }
  14199.                                            if (this.elements.viewer.slider) this.elements.viewer.resetPages();
  14200.                                        }
  14201.  
  14202.                                        this.preventStickyHeader();
  14203.                                        window.setTimeout(() => {
  14204.                                            if (this.elements.thumbnails) {
  14205.                                                activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });
  14206.                                            }
  14207.                                            if (!this.elements.thumbnails || this.dataset.desktopLayout === 'stacked') {
  14208.                                                activeMedia.scrollIntoView({ behavior: 'smooth' });
  14209.                                            }
  14210.                                        });
  14211.                                        this.playActiveMedia(activeMedia);
  14212.  
  14213.                                        if (!this.elements.thumbnails) return;
  14214.                                        const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14215.                                        this.setActiveThumbnail(activeThumbnail);
  14216.                                        this.announceLiveRegion(activeMedia, activeThumbnail.dataset.mediaPosition);
  14217.                                    }
  14218.  
  14219.                                    setActiveThumbnail(thumbnail) {
  14220.                                        if (!this.elements.thumbnails || !thumbnail) return;
  14221.  
  14222.                                        this.elements.thumbnails
  14223.                                            .querySelectorAll('button')
  14224.                                            .forEach((element) => element.removeAttribute('aria-current'));
  14225.                                        thumbnail.querySelector('button').setAttribute('aria-current', true);
  14226.                                        if (this.elements.thumbnails.isSlideVisible(thumbnail, 10)) return;
  14227.  
  14228.                                        this.elements.thumbnails.slider.scrollTo({ left: thumbnail.offsetLeft });
  14229.                                    }
  14230.  
  14231.                                    announceLiveRegion(activeItem, position) {
  14232.                                        const image = activeItem.querySelector('.product__modal-opener--image img');
  14233.                                        if (!image) return;
  14234.                                        image.onload = () => {
  14235.                                            this.elements.liveRegion.setAttribute('aria-hidden', false);
  14236.                                            this.elements.liveRegion.innerHTML = window.accessibilityStrings.imageAvailable.replace('[index]', position);
  14237.                                            setTimeout(() => {
  14238.                                                this.elements.liveRegion.setAttribute('aria-hidden', true);
  14239.                                            }, 2000);
  14240.                                        };
  14241.                                        image.src = image.src;
  14242.                                    }
  14243.  
  14244.                                    playActiveMedia(activeItem) {
  14245.                                        window.pauseAllMedia();
  14246.                                        const deferredMedia = activeItem.querySelector('.deferred-media');
  14247.                                        if (deferredMedia) deferredMedia.loadContent(false);
  14248.                                    }
  14249.  
  14250.                                    preventStickyHeader() {
  14251.                                        this.stickyHeader = this.stickyHeader || document.querySelector('sticky-header');
  14252.                                        if (!this.stickyHeader) return;
  14253.                                        this.stickyHeader.dispatchEvent(new Event('preventHeaderReveal'));
  14254.                                    }
  14255.  
  14256.                                    removeListSemantic() {
  14257.                                        if (!this.elements.viewer.slider) return;
  14258.                                        this.elements.viewer.slider.setAttribute('role', 'presentation');
  14259.                                        this.elements.viewer.sliderItems.forEach((slide) => slide.setAttribute('role', 'presentation'));
  14260.                                    }
  14261.                                }
  14262.                            );
  14263.                        }
  14264.                    </script>
  14265.                    <script>
  14266.                        document.addEventListener('DOMContentLoaded', function () {
  14267.                            function isIE() {
  14268.                                const ua = window.navigator.userAgent;
  14269.                                const msie = ua.indexOf('MSIE ');
  14270.                                const trident = ua.indexOf('Trident/https://perindusukma.com/');
  14271.  
  14272.                                return msie > 0 || trident > 0;
  14273.                            }
  14274.  
  14275.                            if (!isIE()) return;
  14276.                            const hiddenInput = document.querySelector('#product-form-template--17040648077525__main input[name="id"]');
  14277.                            const noScriptInputWrapper = document.createElement('div');
  14278.                            const variantSwitcher =
  14279.                                document.querySelector('variant-radios[data-section="template--17040648077525__main"]') ||
  14280.                                document.querySelector('variant-selects[data-section="template--17040648077525__main"]');
  14281.                            noScriptInputWrapper.innerHTML = document.querySelector(
  14282.                                '.product-form__noscript-wrapper-template--17040648077525__main'
  14283.                            ).textContent;
  14284.                            variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
  14285.  
  14286.                            document.querySelector('#Variants-template--17040648077525__main').addEventListener('change', function (event) {
  14287.                                hiddenInput.value = event.currentTarget.value;
  14288.                            });
  14289.                        });
  14290.                    </script>
  14291.                    <script type="application/ld+json">
  14292.  {
  14293.    "@context": "http://schema.org/",
  14294.    "@type": "Product",
  14295.    "name": "RDTOTO APK Togel Deposit Pulsa Tercepat Tanpa Potongan",
  14296.    "url": "https://perindusukma.com/",
  14297.    "image": ["https://i.postimg.cc/VNXYKNc1/assss.png"],
  14298.    "description": "RDTOTO APK Togel Deposit Pulsa adalah pilihan tepat bagi para pecinta togel yang mencari cara cepat dan mudah untuk bermain online.",
  14299.    "brand": {
  14300.      "@type": "Brand",
  14301.      "name": "RDTOTO"
  14302.    },
  14303.    "offers": [{
  14304.      "@type": "Offer",
  14305.      "availability": "http://schema.org/InStock",
  14306.      "price": 5000.0,
  14307.      "priceCurrency": "IDR",
  14308.      "url": "https://perindusukma.com/"
  14309.    }]
  14310.  }
  14311. </script>
  14312.                </div>
  14313.            </section>
  14314.  
  14315.  
  14316.        </section>
  14317.        <section id="shopify-section-template--17040648077525__related-products" class="shopify-section section">
  14318.  
  14319.            <style>
  14320.                .card-wrapper {
  14321.                    color: inherit;
  14322.                    height: 100%;
  14323.                    position: relative;
  14324.                    text-decoration: none
  14325.                }
  14326.  
  14327.                .card {
  14328.                    text-decoration: none;
  14329.                    text-align: var(--text-alignment)
  14330.                }
  14331.  
  14332.                .card:not(.ratio) {
  14333.                    display: flex;
  14334.                    flex-direction: column;
  14335.                    height: 100%
  14336.                }
  14337.  
  14338.                .card.card--horizontal {
  14339.                    --text-alignment: left;
  14340.                    --image-padding: 0rem;
  14341.                    flex-direction: row;
  14342.                    align-items: flex-start;
  14343.                    gap: 1.5rem
  14344.                }
  14345.  
  14346.                .card--horizontal.ratio:before {
  14347.                    padding-bottom: 0
  14348.                }
  14349.  
  14350.                .card--card.card--horizontal {
  14351.                    padding: 1.2rem
  14352.                }
  14353.  
  14354.                .card--card.card--horizontal.card--text {
  14355.                    column-gap: 0
  14356.                }
  14357.  
  14358.                .card--card {
  14359.                    height: 100%
  14360.                }
  14361.  
  14362.                .card--card,
  14363.                .card--standard .card__inner {
  14364.                    position: relative;
  14365.                    box-sizing: border-box;
  14366.                    border-radius: var(--border-radius);
  14367.                    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  14368.                }
  14369.  
  14370.                .card--card:after,
  14371.                .card--standard .card__inner:after {
  14372.                    content: "";
  14373.                    position: absolute;
  14374.                    z-index: -1;
  14375.                    width: calc(var(--border-width) * 2 + 100%);
  14376.                    height: calc(var(--border-width) * 2 + 100%);
  14377.                    top: calc(var(--border-width) * -1);
  14378.                    left: calc(var(--border-width) * -1);
  14379.                    border-radius: var(--border-radius);
  14380.                    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  14381.                }
  14382.  
  14383.                .card--card.gradient,
  14384.                .card__inner.gradient {
  14385.                    transform: perspective(0)
  14386.                }
  14387.  
  14388.                .card__inner.color-background-1 {
  14389.                    background: transparent
  14390.                }
  14391.  
  14392.                .card .card__inner .card__media {
  14393.                    overflow: hidden;
  14394.                    z-index: 0;
  14395.                    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  14396.                }
  14397.  
  14398.                .card--card .card__inner .card__media {
  14399.                    border-bottom-right-radius: 0;
  14400.                    border-bottom-left-radius: 0
  14401.                }
  14402.  
  14403.                .card--standard.card--text {
  14404.                    background-color: transparent
  14405.                }
  14406.  
  14407.                .card-information {
  14408.                    text-align: var(--text-alignment)
  14409.                }
  14410.  
  14411.                .card__media,
  14412.                .card .media {
  14413.                    bottom: 0;
  14414.                    position: absolute;
  14415.                    top: 0
  14416.                }
  14417.  
  14418.                .card .media {
  14419.                    width: 100%
  14420.                }
  14421.  
  14422.                .card__media {
  14423.                    margin: var(--image-padding);
  14424.                    width: calc(100% - 2 * var(--image-padding))
  14425.                }
  14426.  
  14427.                .card--standard .card__media {
  14428.                    margin: var(--image-padding)
  14429.                }
  14430.  
  14431.                .card__inner {
  14432.                    width: 100%
  14433.                }
  14434.  
  14435.                .card--media .card__inner .card__content {
  14436.                    position: relative;
  14437.                    padding: calc(var(--image-padding) + 1rem)
  14438.                }
  14439.  
  14440.                .card__content {
  14441.                    display: grid;
  14442.                    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  14443.                    padding: 1rem;
  14444.                    width: 100%;
  14445.                    flex-grow: 1
  14446.                }
  14447.  
  14448.                .card__content--auto-margins {
  14449.                    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  14450.                }
  14451.  
  14452.                .card__information {
  14453.                    grid-row-start: 2;
  14454.                    padding: 1.3rem 1rem
  14455.                }
  14456.  
  14457.                .card:not(.ratio)>.card__content {
  14458.                    grid-template-rows: max-content minmax(0, 1fr) max-content auto
  14459.                }
  14460.  
  14461.                .card-information .card__information-volume-pricing-note {
  14462.                    margin-top: .6rem;
  14463.                    line-height: calc(.5 + .4 / var(--font-body-scale));
  14464.                    color: rgba(var(--color-foreground), .75)
  14465.                }
  14466.  
  14467.                @media screen and (min-width: 750px) {
  14468.                    .card__information {
  14469.                        padding-bottom: 1.7rem;
  14470.                        padding-top: 1.7rem
  14471.                    }
  14472.                }
  14473.  
  14474.                .card__badge {
  14475.                    align-self: flex-end;
  14476.                    grid-row-start: 3;
  14477.                    justify-self: flex-start
  14478.                }
  14479.  
  14480.                .card__badge.top {
  14481.                    align-self: flex-start;
  14482.                    grid-row-start: 1
  14483.                }
  14484.  
  14485.                .card__badge.right {
  14486.                    justify-self: flex-end
  14487.                }
  14488.  
  14489.                .card:not(.card--horizontal)>.card__content>.card__badge {
  14490.                    margin: 1.3rem
  14491.                }
  14492.  
  14493.                .card__media .media img {
  14494.                    height: 100%;
  14495.                    object-fit: cover;
  14496.                    object-position: center center;
  14497.                    width: 100%
  14498.                }
  14499.  
  14500.                .card__inner:not(.ratio)>.card__content {
  14501.                    height: 100%
  14502.                }
  14503.  
  14504.                .card__heading {
  14505.                    margin-top: 0;
  14506.                    margin-bottom: 0
  14507.                }
  14508.  
  14509.                .card__heading:last-child {
  14510.                    margin-bottom: 0
  14511.                }
  14512.  
  14513.                .card--horizontal .card__heading,
  14514.                .card--horizontal .price__container .price-item,
  14515.                .card--horizontal__quick-add {
  14516.                    font-size: calc(var(--font-heading-scale) * 1.2rem)
  14517.                }
  14518.  
  14519.                .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14520.                    margin-top: 0
  14521.                }
  14522.  
  14523.                .card--horizontal__quick-add:before {
  14524.                    box-shadow: none
  14525.                }
  14526.  
  14527.                @media only screen and (min-width: 750px) {
  14528.  
  14529.                    .card--horizontal .card__heading,
  14530.                    .card--horizontal .price__container .price-item,
  14531.                    .card--horizontal__quick-add {
  14532.                        font-size: calc(var(--font-heading-scale) * 1.3rem)
  14533.                    }
  14534.                }
  14535.  
  14536.                .card--card.card--media>.card__content {
  14537.                    margin-top: calc(0rem - var(--image-padding))
  14538.                }
  14539.  
  14540.                .card--standard.card--text a:after,
  14541.                .card--card .card__heading a:after {
  14542.                    bottom: calc(var(--border-width) * -1);
  14543.                    left: calc(var(--border-width) * -1);
  14544.                    right: calc(var(--border-width) * -1);
  14545.                    top: calc(var(--border-width) * -1)
  14546.                }
  14547.  
  14548.                .card__heading a:after {
  14549.                    bottom: 0;
  14550.                    content: "";
  14551.                    left: 0;
  14552.                    position: absolute;
  14553.                    right: 0;
  14554.                    top: 0;
  14555.                    z-index: 1
  14556.                }
  14557.  
  14558.                .card__heading a:after {
  14559.                    outline-offset: .3rem
  14560.                }
  14561.  
  14562.                .card__heading a:focus:after {
  14563.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14564.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14565.                }
  14566.  
  14567.                .card__heading a:focus-visible:after {
  14568.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14569.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14570.                }
  14571.  
  14572.                .card__heading a:focus:not(:focus-visible):after {
  14573.                    box-shadow: none;
  14574.                    outline: 0
  14575.                }
  14576.  
  14577.                .card__heading a:focus {
  14578.                    box-shadow: none;
  14579.                    outline: 0
  14580.                }
  14581.  
  14582.                @media screen and (min-width: 990px) {
  14583.  
  14584.                    .card .media.media--hover-effect>img:only-child,
  14585.                    .card-wrapper .media.media--hover-effect>img:only-child {
  14586.                        transition: transform var(--duration-long) ease
  14587.                    }
  14588.  
  14589.                    .card:hover .media.media--hover-effect>img:first-child:only-child,
  14590.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  14591.                        transform: scale(1.03)
  14592.                    }
  14593.  
  14594.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  14595.                        opacity: 0
  14596.                    }
  14597.  
  14598.                    .card-wrapper:hover .media.media--hover-effect>img+img {
  14599.                        opacity: 1;
  14600.                        transition: transform var(--duration-long) ease;
  14601.                        transform: scale(1.03)
  14602.                    }
  14603.  
  14604.                    .underline-links-hover:hover a {
  14605.                        text-decoration: underline;
  14606.                        text-underline-offset: .3rem
  14607.                    }
  14608.                }
  14609.  
  14610.                .card--standard.card--media .card__inner .card__information,
  14611.                .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  14612.                .card--standard:not(.card--horizontal)>.card__content .card__badge,
  14613.                .card--standard.card--text.article-card>.card__content .card__information,
  14614.                .card--standard>.card__content .card__caption {
  14615.                    display: none
  14616.                }
  14617.  
  14618.                .card--standard:not(.card--horizontal) .placeholder-svg {
  14619.                    height: auto;
  14620.                    width: 100%
  14621.                }
  14622.  
  14623.                .card--standard>.card__content {
  14624.                    padding: 0
  14625.                }
  14626.  
  14627.                .card--standard>.card__content .card__information {
  14628.                    padding-left: 0;
  14629.                    padding-right: 0
  14630.                }
  14631.  
  14632.                .card--card.card--media .card__inner .card__information,
  14633.                .card--card.card--text .card__inner,
  14634.                .card--card.card--media>.card__content .card__badge {
  14635.                    display: none
  14636.                }
  14637.  
  14638.                .card--horizontal .card__badge,
  14639.                .card--horizontal.card--text .card__inner {
  14640.                    display: none
  14641.                }
  14642.  
  14643.                .card--extend-height {
  14644.                    height: 100%
  14645.                }
  14646.  
  14647.                .card--extend-height.card--standard.card--text,
  14648.                .card--extend-height.card--media {
  14649.                    display: flex;
  14650.                    flex-direction: column
  14651.                }
  14652.  
  14653.                .card--extend-height.card--standard.card--text .card__inner,
  14654.                .card--extend-height.card--media .card__inner {
  14655.                    flex-grow: 1
  14656.                }
  14657.  
  14658.                .card .icon-wrap {
  14659.                    margin-left: .8rem;
  14660.                    white-space: nowrap;
  14661.                    transition: transform var(--duration-short) ease;
  14662.                    overflow: hidden
  14663.                }
  14664.  
  14665.                .card-information>*+* {
  14666.                    margin-top: .5rem
  14667.                }
  14668.  
  14669.                .card-information {
  14670.                    width: 100%
  14671.                }
  14672.  
  14673.                .card-information>* {
  14674.                    line-height: calc(1 + .4 / var(--font-body-scale));
  14675.                    color: rgb(var(--color-foreground))
  14676.                }
  14677.  
  14678.                .card-information>.price {
  14679.                    color: rgb(var(--color-foreground))
  14680.                }
  14681.  
  14682.                .card--horizontal .card-information>.price {
  14683.                    color: rgba(var(--color-foreground), .75)
  14684.                }
  14685.  
  14686.                .card-information>.rating {
  14687.                    margin-top: .4rem
  14688.                }
  14689.  
  14690.                .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14691.                    margin-top: .7rem
  14692.                }
  14693.  
  14694.                .card-information .caption {
  14695.                    letter-spacing: .07rem
  14696.                }
  14697.  
  14698.                .card-article-info {
  14699.                    margin-top: 1rem
  14700.                }
  14701.  
  14702.                .card--shape .card__content {
  14703.                    padding-top: 0
  14704.                }
  14705.  
  14706.                .card--shape.card--standard:not(.card--text) .card__inner {
  14707.                    border: 0;
  14708.                    background-color: transparent;
  14709.                    filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  14710.                }
  14711.  
  14712.                .card--shape.card--standard:not(.card--text) .card__inner:after {
  14713.                    display: none
  14714.                }
  14715.  
  14716.                .grid__item:nth-child(2n) .shape--blob {
  14717.                    clip-path: polygon(var(--shape--blob-2))
  14718.                }
  14719.  
  14720.                .grid__item:nth-child(3n) .shape--blob {
  14721.                    clip-path: polygon(var(--shape--blob-3))
  14722.                }
  14723.  
  14724.                .grid__item:nth-child(4n) .shape--blob {
  14725.                    clip-path: polygon(var(--shape--blob-4))
  14726.                }
  14727.  
  14728.                .grid__item:nth-child(5n) .shape--blob {
  14729.                    clip-path: polygon(var(--shape--blob-5))
  14730.                }
  14731.  
  14732.                .grid__item:nth-child(7n) .shape--blob {
  14733.                    clip-path: polygon(var(--shape--blob-6))
  14734.                }
  14735.  
  14736.                .grid__item:nth-child(8n) .shape--blob {
  14737.                    clip-path: polygon(var(--shape--blob-1))
  14738.                }
  14739.  
  14740.                @media (prefers-reduced-motion: no-preference) {
  14741.                    .product-card-wrapper .shape--round {
  14742.                        transition: clip-path var(--duration-long) ease
  14743.                    }
  14744.  
  14745.                    .product-card-wrapper:hover .shape--round {
  14746.                        clip-path: ellipse(47% 47% at 50% 50%)
  14747.                    }
  14748.  
  14749.                    .product-card-wrapper .shape--blob {
  14750.                        transition: clip-path var(--duration-long) ease-in-out
  14751.                    }
  14752.  
  14753.                    .product-card-wrapper:hover .shape--blob {
  14754.                        clip-path: polygon(var(--shape--blob-5))
  14755.                    }
  14756.  
  14757.                    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  14758.                        clip-path: polygon(var(--shape--blob-6))
  14759.                    }
  14760.  
  14761.                    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  14762.                        clip-path: polygon(var(--shape--blob-1))
  14763.                    }
  14764.  
  14765.                    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  14766.                        clip-path: polygon(var(--shape--blob-2))
  14767.                    }
  14768.  
  14769.                    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  14770.                        clip-path: polygon(var(--shape--blob-3))
  14771.                    }
  14772.  
  14773.                    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  14774.                        clip-path: polygon(var(--shape--blob-4))
  14775.                    }
  14776.  
  14777.                    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  14778.                        clip-path: polygon(var(--shape--blob-5))
  14779.                    }
  14780.                }
  14781.            </style>
  14782.            <style>
  14783.                .price {
  14784.                    font-size: 1.6rem;
  14785.                    letter-spacing: .1rem;
  14786.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14787.                    color: rgb(var(--color-foreground))
  14788.                }
  14789.  
  14790.                .price>* {
  14791.                    display: inline-block;
  14792.                    vertical-align: top
  14793.                }
  14794.  
  14795.                .price.price--unavailable {
  14796.                    visibility: hidden
  14797.                }
  14798.  
  14799.                .price--end {
  14800.                    text-align: right
  14801.                }
  14802.  
  14803.                .price .price-item {
  14804.                    display: inline-block;
  14805.                    margin: 0 1rem 0 0
  14806.                }
  14807.  
  14808.                .price__regular .price-item--regular {
  14809.                    margin-right: 0
  14810.                }
  14811.  
  14812.                .price:not(.price--show-badge) .price-item--last:last-of-type {
  14813.                    margin: 0
  14814.                }
  14815.  
  14816.                @media screen and (min-width: 750px) {
  14817.                    .price {
  14818.                        margin-bottom: 0
  14819.                    }
  14820.                }
  14821.  
  14822.                .price--large {
  14823.                    font-size: 1.6rem;
  14824.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14825.                    letter-spacing: .13rem
  14826.                }
  14827.  
  14828.                @media screen and (min-width: 750px) {
  14829.                    .price--large {
  14830.                        font-size: 1.8rem
  14831.                    }
  14832.                }
  14833.  
  14834.                .price--sold-out .price__availability,
  14835.                .price__regular {
  14836.                    display: block
  14837.                }
  14838.  
  14839.                .price__sale,
  14840.                .price__availability,
  14841.                .price .price__badge-sale,
  14842.                .price .price__badge-sold-out,
  14843.                .price--on-sale .price__regular,
  14844.                .price--on-sale .price__availability {
  14845.                    display: none
  14846.                }
  14847.  
  14848.                .price--sold-out .price__badge-sold-out,
  14849.                .price--on-sale .price__badge-sale,
  14850.                .volume-pricing--sale-badge .price__badge-sale {
  14851.                    display: inline-block
  14852.                }
  14853.  
  14854.                .volume-pricing--sale-badge .price__badge-sale {
  14855.                    margin-left: .5rem
  14856.                }
  14857.  
  14858.                .price--on-sale .price__sale {
  14859.                    display: initial;
  14860.                    flex-direction: row;
  14861.                    flex-wrap: wrap
  14862.                }
  14863.  
  14864.                .price--center {
  14865.                    display: initial;
  14866.                    justify-content: center
  14867.                }
  14868.  
  14869.                .price--on-sale .price-item--regular {
  14870.                    text-decoration: line-through;
  14871.                    color: rgba(var(--color-foreground), .75);
  14872.                    font-size: 1.3rem
  14873.                }
  14874.  
  14875.                .unit-price {
  14876.                    display: block;
  14877.                    font-size: 1.1rem;
  14878.                    letter-spacing: .04rem;
  14879.                    line-height: calc(1 + .2 / var(--font-body-scale));
  14880.                    margin-top: .2rem;
  14881.                    text-transform: uppercase;
  14882.                    color: rgba(var(--color-foreground), .7)
  14883.                }
  14884.            </style>
  14885.            <style>
  14886.                .related-products {
  14887.                    display: block;
  14888.                }
  14889.  
  14890.                .related-products__heading {
  14891.                    margin: 0 0 3rem;
  14892.                }
  14893.            </style>
  14894.            <style data-shopify>
  14895.                .section-template--17040648077525__related-products-padding {
  14896.                    padding-top: 0px;
  14897.                    padding-bottom: 45px;
  14898.                }
  14899.  
  14900.                @media screen and (min-width: 750px) {
  14901.                    .section-template--17040648077525__related-products-padding {
  14902.                        padding-top: 0px;
  14903.                        padding-bottom: 60px;
  14904.                    }
  14905.                }
  14906.            </style>
  14907.            <div class="color-background-1 gradient no-js-hidden">
  14908.                <product-recommendations
  14909.                    class="related-products page-width section-template--17040648077525__related-products-padding isolate scroll-trigger animate--slide-in"
  14910.                    data-url="/recommendations/products?section_id=template--17040648077525__related-products&product_id=8226828321669&limit=4">
  14911.  
  14912.                </product-recommendations>
  14913.            </div>
  14914.  
  14915.  
  14916.        </section>
  14917.    </main>
  14918.  
  14919.    <!-- BEGIN sections: footer-group -->
  14920.    <section id="shopify-section-sections--17040648372437__newsletter"
  14921.        class="shopify-section shopify-section-group-footer-group section">
  14922.        <style>
  14923.            .newsletter-form {
  14924.                display: flex;
  14925.                flex-direction: column;
  14926.                justify-content: center;
  14927.                align-items: center;
  14928.                width: 100%;
  14929.                position: relative
  14930.            }
  14931.  
  14932.            @media screen and (min-width: 750px) {
  14933.                .newsletter-form {
  14934.                    align-items: flex-start;
  14935.                    margin: 0 auto;
  14936.                    max-width: 36rem
  14937.                }
  14938.            }
  14939.  
  14940.            .newsletter-form__field-wrapper {
  14941.                width: 100%
  14942.            }
  14943.  
  14944.            .newsletter-form__field-wrapper .field__input {
  14945.                padding-right: 5rem
  14946.            }
  14947.  
  14948.            .newsletter-form__field-wrapper .field {
  14949.                z-index: 0
  14950.            }
  14951.  
  14952.            .newsletter-form__message {
  14953.                justify-content: center;
  14954.                margin-bottom: 0
  14955.            }
  14956.  
  14957.            .newsletter-form__message--success {
  14958.                margin-top: 2rem
  14959.            }
  14960.  
  14961.            @media screen and (min-width: 750px) {
  14962.                .newsletter-form__message {
  14963.                    justify-content: flex-start
  14964.                }
  14965.            }
  14966.  
  14967.            .newsletter-form__button {
  14968.                width: 4.4rem;
  14969.                margin: 0;
  14970.                right: var(--inputs-border-width);
  14971.                top: 0;
  14972.                height: 100%;
  14973.                z-index: 2
  14974.            }
  14975.  
  14976.            .newsletter-form__button:focus-visible {
  14977.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  14978.                background-color: rgb(var(--color-background))
  14979.            }
  14980.  
  14981.            .newsletter-form__button:focus {
  14982.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  14983.                background-color: rgb(var(--color-background))
  14984.            }
  14985.  
  14986.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  14987.                box-shadow: inherit;
  14988.                background-color: inherit
  14989.            }
  14990.  
  14991.            .newsletter-form__button .icon {
  14992.                width: 1.5rem
  14993.            }
  14994.        </style>
  14995.        <style>
  14996.            .newsletter__wrapper {
  14997.                padding-right: calc(4rem / var(--font-body-scale));
  14998.                padding-left: calc(4rem / var(--font-body-scale))
  14999.            }
  15000.  
  15001.            @media screen and (min-width: 750px) {
  15002.                .newsletter__wrapper {
  15003.                    padding-right: 9rem;
  15004.                    padding-left: 9rem
  15005.                }
  15006.            }
  15007.  
  15008.            .newsletter__wrapper>* {
  15009.                margin-top: 0;
  15010.                margin-bottom: 0
  15011.            }
  15012.  
  15013.            .newsletter__wrapper>*+* {
  15014.                margin-top: 2rem
  15015.            }
  15016.  
  15017.            .newsletter__wrapper>*+.newsletter-form {
  15018.                margin-top: 3rem
  15019.            }
  15020.  
  15021.            .newsletter__subheading {
  15022.                max-width: 70rem;
  15023.                margin-left: auto;
  15024.                margin-right: auto
  15025.            }
  15026.  
  15027.            .newsletter__wrapper .newsletter-form__field-wrapper {
  15028.                max-width: 36rem
  15029.            }
  15030.  
  15031.            .newsletter-form__field-wrapper .newsletter-form__message {
  15032.                margin-top: 1.5rem
  15033.            }
  15034.  
  15035.            .newsletter__button {
  15036.                margin-top: 3rem;
  15037.                width: fit-content
  15038.            }
  15039.  
  15040.            @media screen and (min-width: 750px) {
  15041.                .newsletter__button {
  15042.                    flex-shrink: 0;
  15043.                    margin: 0 0 0 1rem
  15044.                }
  15045.            }
  15046.        </style>
  15047.        <style data-shopify>
  15048.            .section-sections--17040648372437__newsletter-padding {
  15049.                padding-top: 21px;
  15050.                padding-bottom: 0px;
  15051.            }
  15052.  
  15053.            @media screen and (min-width: 750px) {
  15054.                .section-sections--17040648372437__newsletter-padding {
  15055.                    padding-top: 28px;
  15056.                    padding-bottom: 0px;
  15057.                }
  15058.            }
  15059.        </style>
  15060.        <div class="newsletter center ">
  15061.            <div
  15062.                class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--17040648372437__newsletter-padding">
  15063.                <h2 class="inline-richtext h1 scroll-trigger animate--slide-in" data-cascade
  15064.                    style="--animation-order: 1;">
  15065.                    Situs Toto Slot No 1
  15066.                </h2>
  15067.                <div class="newsletter__subheading rte scroll-trigger animate--slide-in" data-cascade
  15068.                    style="--animation-order: 2;">
  15069.                    <p>RDTOTO</p>
  15070.                </div>
  15071.                <div>
  15072.                    <form method="post" action="contact#contact_form" id="contact_form" accept-charset="UTF-8"
  15073.                        class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input
  15074.                            type="hidden" name="utf8" value="✓" />
  15075.                        <input type="hidden" name="contact[tags]" value="newsletter">
  15076.                        <div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in" data-cascade
  15077.                            style="--animation-order: 3;">
  15078.                            <div class="field">
  15079.                                <input id="NewsletterForm--sections--17040648372437__newsletter" type="email"
  15080.                                    name="contact[email]" class="field__input" value="" aria-required="true"
  15081.                                    autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email"
  15082.                                    required>
  15083.                                <label class="field__label" for="NewsletterForm--sections--17040648372437__newsletter">
  15084.                                    SITUS RDTOTO
  15085.                                </label>
  15086.                                <button type="submit" class="newsletter-form__button field__button" name="commit"
  15087.                                    id="Subscribe" aria-label="Subscribe">
  15088.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  15089.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  15090.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  15091.                                            d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z"
  15092.                                            fill="currentColor">
  15093.                                    </svg>
  15094.  
  15095.                                </button>
  15096.                            </div>
  15097.                        </div>
  15098.                    </form>
  15099.                </div>
  15100.            </div>
  15101.        </div>
  15102.  
  15103.  
  15104.    </section>
  15105.    <div id="shopify-section-sections--17040648372437__footer"
  15106.        class="shopify-section shopify-section-group-footer-group">
  15107.        <style>
  15108.            .footer {
  15109.                border-top: .1rem solid rgba(var(--color-foreground), .08)
  15110.            }
  15111.  
  15112.            .footer:not(.color-background-1) {
  15113.                border-top: none
  15114.            }
  15115.  
  15116.            .footer__content-top {
  15117.                padding-bottom: 5rem;
  15118.                display: block
  15119.            }
  15120.  
  15121.            @media screen and (max-width: 749px) {
  15122.                .footer .grid {
  15123.                    display: block
  15124.                }
  15125.  
  15126.                .footer-block.grid__item {
  15127.                    padding: 0;
  15128.                    margin: 4rem 0;
  15129.                    width: 100%
  15130.                }
  15131.  
  15132.                .footer-block.grid__item:first-child {
  15133.                    margin-top: 0
  15134.                }
  15135.  
  15136.                .footer__content-top {
  15137.                    padding-bottom: 3rem;
  15138.                    padding-left: calc(4rem / var(--font-body-scale));
  15139.                    padding-right: calc(4rem / var(--font-body-scale))
  15140.                }
  15141.            }
  15142.  
  15143.            @media screen and (min-width: 750px) {
  15144.                .footer__content-top .grid {
  15145.                    row-gap: 6rem;
  15146.                    margin-bottom: 0
  15147.                }
  15148.            }
  15149.  
  15150.            .footer__content-bottom {
  15151.                border-top: solid .1rem rgba(var(--color-foreground), .08);
  15152.                padding-top: 3rem
  15153.            }
  15154.  
  15155.            .footer__content-bottom:only-child {
  15156.                border-top: 0
  15157.            }
  15158.  
  15159.            .footer__content-bottom-wrapper {
  15160.                display: flex;
  15161.                width: 100%
  15162.            }
  15163.  
  15164.            @media screen and (max-width: 749px) {
  15165.                .footer__content-bottom {
  15166.                    flex-wrap: wrap;
  15167.                    padding-top: 0;
  15168.                    padding-left: 0;
  15169.                    padding-right: 0;
  15170.                    row-gap: 1.5rem
  15171.                }
  15172.  
  15173.                .footer__content-bottom-wrapper {
  15174.                    flex-wrap: wrap;
  15175.                    row-gap: 1.5rem;
  15176.                    justify-content: center
  15177.                }
  15178.            }
  15179.  
  15180.            .footer__localization:empty+.footer__column--info {
  15181.                align-items: center
  15182.            }
  15183.  
  15184.            @media screen and (max-width: 749px) {
  15185.                .footer__localization:empty+.footer__column {
  15186.                    padding-top: 1.5rem
  15187.                }
  15188.            }
  15189.  
  15190.            .footer__column {
  15191.                width: 100%;
  15192.                align-items: flex-end
  15193.            }
  15194.  
  15195.            .footer__column--info {
  15196.                display: flex;
  15197.                flex-direction: column;
  15198.                justify-content: center;
  15199.                align-items: center;
  15200.                padding-left: 2rem;
  15201.                padding-right: 2rem
  15202.            }
  15203.  
  15204.            @media screen and (min-width: 750px) {
  15205.                .footer__column--info {
  15206.                    padding-left: 0;
  15207.                    padding-right: 0;
  15208.                    align-items: flex-end
  15209.                }
  15210.            }
  15211.  
  15212.            .footer-block:only-child:last-child {
  15213.                text-align: center;
  15214.                max-width: 76rem;
  15215.                margin: 0 auto
  15216.            }
  15217.  
  15218.            @media screen and (min-width: 750px) {
  15219.                .footer-block {
  15220.                    display: block;
  15221.                    margin-top: 0
  15222.                }
  15223.            }
  15224.  
  15225.            .footer-block:empty {
  15226.                display: none
  15227.            }
  15228.  
  15229.            .footer-block--newsletter {
  15230.                display: flex;
  15231.                align-items: flex-end;
  15232.                margin-top: 3rem;
  15233.                gap: 1rem
  15234.            }
  15235.  
  15236.            .footer-block--newsletter:only-child {
  15237.                margin-top: 0
  15238.            }
  15239.  
  15240.            @media screen and (max-width: 749px) {
  15241.                .footer-block.footer-block--menu:only-child {
  15242.                    text-align: left
  15243.                }
  15244.            }
  15245.  
  15246.            @media screen and (min-width: 750px) {
  15247.                .footer-block--newsletter {
  15248.                    flex-wrap: nowrap;
  15249.                    justify-content: center
  15250.                }
  15251.            }
  15252.  
  15253.            .footer-block__heading {
  15254.                margin-bottom: 2rem;
  15255.                margin-top: 0;
  15256.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  15257.            }
  15258.  
  15259.            @media screen and (min-width: 990px) {
  15260.                .footer-block__heading {
  15261.                    font-size: calc(var(--font-heading-scale) * 1.8rem)
  15262.                }
  15263.            }
  15264.  
  15265.            .footer__list-social:empty,
  15266.            .footer-block--newsletter:empty {
  15267.                display: none
  15268.            }
  15269.  
  15270.            .footer__follow-on-shop {
  15271.                display: flex;
  15272.                text-align: center
  15273.            }
  15274.  
  15275.            .footer__list-social.list-social:only-child {
  15276.                justify-content: center
  15277.            }
  15278.  
  15279.            .footer-block__newsletter {
  15280.                text-align: center;
  15281.                flex-grow: 1
  15282.            }
  15283.  
  15284.            .newsletter-form__field-wrapper {
  15285.                max-width: 36rem
  15286.            }
  15287.  
  15288.            @media screen and (min-width: 750px) {
  15289.                .footer-block__newsletter:not(:only-child) {
  15290.                    text-align: left;
  15291.                    margin-right: auto
  15292.                }
  15293.  
  15294.                .footer-block__newsletter:not(:only-child) .footer__newsletter {
  15295.                    justify-content: flex-start;
  15296.                    margin: 0
  15297.                }
  15298.  
  15299.                .footer-block__newsletter:not(:only-child) .newsletter-form__message--success {
  15300.                    left: auto
  15301.                }
  15302.  
  15303.                .footer__follow-on-shop {
  15304.                    margin-bottom: .4rem
  15305.                }
  15306.  
  15307.                .footer__follow-on-shop:first-child:not(:last-child) {
  15308.                    justify-content: flex-start;
  15309.                    margin-right: auto;
  15310.                    text-align: left
  15311.                }
  15312.  
  15313.                .footer__follow-on-shop:not(:first-child):not(:last-child) {
  15314.                    justify-content: flex-end;
  15315.                    text-align: right
  15316.                }
  15317.            }
  15318.  
  15319.            @media screen and (max-width: 749px) {
  15320.                .footer-block--newsletter {
  15321.                    display: flex;
  15322.                    flex-direction: column;
  15323.                    flex: 1 1 100%;
  15324.                    align-items: center;
  15325.                    gap: 3rem
  15326.                }
  15327.  
  15328.                .footer__list-social.list-social,
  15329.                .footer__follow-on-shop,
  15330.                .footer-block__newsletter {
  15331.                    display: flex;
  15332.                    justify-content: center
  15333.                }
  15334.  
  15335.                .footer-block__newsletter {
  15336.                    flex-direction: column
  15337.                }
  15338.            }
  15339.  
  15340.            @media screen and (min-width: 750px) {
  15341.                .footer-block__newsletter+.footer__list-social {
  15342.                    margin-top: 0
  15343.                }
  15344.            }
  15345.  
  15346.            .footer__localization {
  15347.                display: flex;
  15348.                flex-direction: row;
  15349.                justify-content: center;
  15350.                align-content: center;
  15351.                flex-wrap: wrap;
  15352.                padding: 1rem 1rem 0
  15353.            }
  15354.  
  15355.            .footer__localization:empty {
  15356.                display: none
  15357.            }
  15358.  
  15359.            .footer__localization h2 {
  15360.                margin: 1rem 1rem .5rem;
  15361.                color: rgba(var(--color-foreground), .75)
  15362.            }
  15363.  
  15364.            @media screen and (min-width: 750px) {
  15365.                .footer__localization {
  15366.                    padding: .4rem 0;
  15367.                    justify-content: flex-start
  15368.                }
  15369.  
  15370.                .footer__localization h2 {
  15371.                    margin: 1rem 0 0
  15372.                }
  15373.            }
  15374.  
  15375.            @media screen and (max-width: 989px) {
  15376.                .footer__localization noscript {
  15377.                    width: 100%
  15378.                }
  15379.            }
  15380.  
  15381.            @media screen and (min-width: 750px) {
  15382.                .footer__payment {
  15383.                    margin-top: 1.5rem
  15384.                }
  15385.            }
  15386.  
  15387.            .footer__content-bottom-wrapper--center {
  15388.                justify-content: center
  15389.            }
  15390.  
  15391.            .footer__copyright {
  15392.                text-align: center;
  15393.                margin-top: 1.5rem
  15394.            }
  15395.  
  15396.            @media screen and (min-width: 750px) {
  15397.                .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
  15398.                    text-align: right
  15399.                }
  15400.            }
  15401.  
  15402.            @keyframes appear-down {
  15403.                0% {
  15404.                    opacity: 0;
  15405.                    margin-top: -1rem
  15406.                }
  15407.  
  15408.                to {
  15409.                    opacity: 1;
  15410.                    margin-top: 0
  15411.                }
  15412.            }
  15413.  
  15414.            .footer-block__details-content {
  15415.                margin-bottom: 4rem
  15416.            }
  15417.  
  15418.            @media screen and (min-width: 750px) {
  15419.                .footer-block__details-content {
  15420.                    margin-bottom: 0
  15421.                }
  15422.  
  15423.                .footer-block__details-content>p,
  15424.                .footer-block__details-content>li {
  15425.                    padding: 0
  15426.                }
  15427.  
  15428.                .footer-block:only-child li {
  15429.                    display: inline
  15430.                }
  15431.  
  15432.                .footer-block__details-content>li:not(:last-child) {
  15433.                    margin-right: 1.5rem
  15434.                }
  15435.            }
  15436.  
  15437.            .footer-block__details-content .list-menu__item--link,
  15438.            .copyright__content a {
  15439.                color: rgba(var(--color-foreground), .75)
  15440.            }
  15441.  
  15442.            .footer-block__details-content .list-menu__item--active {
  15443.                transition: text-decoration-thickness var(--duration-short) ease;
  15444.                color: rgb(var(--color-foreground))
  15445.            }
  15446.  
  15447.            @media screen and (min-width: 750px) {
  15448.  
  15449.                .footer-block__details-content .list-menu__item--link:hover,
  15450.                .copyright__content a:hover {
  15451.                    color: rgb(var(--color-foreground));
  15452.                    text-decoration: underline;
  15453.                    text-underline-offset: .3rem
  15454.                }
  15455.  
  15456.                .footer-block__details-content .list-menu__item--active:hover {
  15457.                    text-decoration-thickness: .2rem
  15458.                }
  15459.            }
  15460.  
  15461.            @media screen and (max-width: 989px) {
  15462.                .footer-block__details-content .list-menu__item--link {
  15463.                    padding-top: 1rem;
  15464.                    padding-bottom: 1rem
  15465.                }
  15466.            }
  15467.  
  15468.            @media screen and (min-width: 750px) {
  15469.                .footer-block__details-content .list-menu__item--link {
  15470.                    display: inline-block;
  15471.                    font-size: 1.4rem
  15472.                }
  15473.  
  15474.                .footer-block__details-content>:first-child .list-menu__item--link {
  15475.                    padding-top: 0
  15476.                }
  15477.            }
  15478.  
  15479.            .footer-block-image {
  15480.                display: flex
  15481.            }
  15482.  
  15483.            .footer-block-image.left {
  15484.                justify-content: flex-start
  15485.            }
  15486.  
  15487.            .footer-block-image.center {
  15488.                justify-content: center
  15489.            }
  15490.  
  15491.            .footer-block-image.right {
  15492.                justify-content: flex-end
  15493.            }
  15494.  
  15495.            @media screen and (max-width: 749px) {
  15496.  
  15497.                .footer-block-image,
  15498.                .footer-block-image.left,
  15499.                .footer-block-image.center,
  15500.                .footer-block-image.right {
  15501.                    justify-content: center
  15502.                }
  15503.            }
  15504.  
  15505.            .footer-block__image-wrapper {
  15506.                margin-bottom: 2rem;
  15507.                overflow: hidden !important
  15508.            }
  15509.  
  15510.            .footer-block__image-wrapper img {
  15511.                display: block;
  15512.                height: auto;
  15513.                max-width: 100%
  15514.            }
  15515.  
  15516.            .footer-block__brand-info {
  15517.                text-align: left
  15518.            }
  15519.  
  15520.            .footer-block:only-child .footer-block__brand-info {
  15521.                text-align: center
  15522.            }
  15523.  
  15524.            .footer-block:only-child>.footer-block__brand-info>.footer-block__image-wrapper {
  15525.                margin-left: auto;
  15526.                margin-right: auto
  15527.            }
  15528.  
  15529.            .footer-block-image>img,
  15530.            .footer-block__brand-info>img {
  15531.                height: auto
  15532.            }
  15533.  
  15534.            .footer-block:only-child .footer-block__brand-info .footer__list-social.list-social {
  15535.                justify-content: center
  15536.            }
  15537.  
  15538.            .footer-block__brand-info .footer__list-social.list-social {
  15539.                justify-content: flex-start;
  15540.                margin-left: -1.3rem;
  15541.                margin-right: -1.3rem
  15542.            }
  15543.  
  15544.            .footer-block__details-content .placeholder-svg {
  15545.                max-width: 20rem
  15546.            }
  15547.  
  15548.            .copyright__content {
  15549.                font-size: 1.1rem
  15550.            }
  15551.  
  15552.            .copyright__content a {
  15553.                color: currentColor;
  15554.                text-decoration: none
  15555.            }
  15556.  
  15557.            .policies {
  15558.                display: inline
  15559.            }
  15560.  
  15561.            .policies li {
  15562.                display: inline-flex;
  15563.                justify-content: center;
  15564.                align-items: center
  15565.            }
  15566.  
  15567.            .policies li:before {
  15568.                content: "\b7";
  15569.                padding: 0 .8rem
  15570.            }
  15571.  
  15572.            .policies li a {
  15573.                padding: .6rem 0;
  15574.                display: block
  15575.            }
  15576.  
  15577.            @media screen and (min-width: 750px) {
  15578.                .policies li a {
  15579.                    padding: 0
  15580.                }
  15581.            }
  15582.  
  15583.            @keyframes animateLocalization {
  15584.                0% {
  15585.                    opacity: 0;
  15586.                    transform: translateY(0)
  15587.                }
  15588.  
  15589.                to {
  15590.                    opacity: 1;
  15591.                    transform: translateY(-1rem)
  15592.                }
  15593.            }
  15594.  
  15595.            @supports not (inset: 10px) {
  15596.                @media screen and (max-width: 749px) {
  15597.                    .footer .grid {
  15598.                        margin-left: 0
  15599.                    }
  15600.                }
  15601.  
  15602.                @media screen and (min-width: 750px) {
  15603.                    .footer__content-top .grid {
  15604.                        margin-left: -3rem
  15605.                    }
  15606.  
  15607.                    .footer__content-top .grid__item {
  15608.                        padding-left: 3rem
  15609.                    }
  15610.                }
  15611.            }
  15612.        </style>
  15613.        <style>
  15614.            .newsletter-form {
  15615.                display: flex;
  15616.                flex-direction: column;
  15617.                justify-content: center;
  15618.                align-items: center;
  15619.                width: 100%;
  15620.                position: relative
  15621.            }
  15622.  
  15623.            @media screen and (min-width: 750px) {
  15624.                .newsletter-form {
  15625.                    align-items: flex-start;
  15626.                    margin: 0 auto;
  15627.                    max-width: 36rem
  15628.                }
  15629.            }
  15630.  
  15631.            .newsletter-form__field-wrapper {
  15632.                width: 100%
  15633.            }
  15634.  
  15635.            .newsletter-form__field-wrapper .field__input {
  15636.                padding-right: 5rem
  15637.            }
  15638.  
  15639.            .newsletter-form__field-wrapper .field {
  15640.                z-index: 0
  15641.            }
  15642.  
  15643.            .newsletter-form__message {
  15644.                justify-content: center;
  15645.                margin-bottom: 0
  15646.            }
  15647.  
  15648.            .newsletter-form__message--success {
  15649.                margin-top: 2rem
  15650.            }
  15651.  
  15652.            @media screen and (min-width: 750px) {
  15653.                .newsletter-form__message {
  15654.                    justify-content: flex-start
  15655.                }
  15656.            }
  15657.  
  15658.            .newsletter-form__button {
  15659.                width: 4.4rem;
  15660.                margin: 0;
  15661.                right: var(--inputs-border-width);
  15662.                top: 0;
  15663.                height: 100%;
  15664.                z-index: 2
  15665.            }
  15666.  
  15667.            .newsletter-form__button:focus-visible {
  15668.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15669.                background-color: rgb(var(--color-background))
  15670.            }
  15671.  
  15672.            .newsletter-form__button:focus {
  15673.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15674.                background-color: rgb(var(--color-background))
  15675.            }
  15676.  
  15677.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15678.                box-shadow: inherit;
  15679.                background-color: inherit
  15680.            }
  15681.  
  15682.            .newsletter-form__button .icon {
  15683.                width: 1.5rem
  15684.            }
  15685.        </style>
  15686.        <style>
  15687.            .list-menu--right {
  15688.                right: 0;
  15689.            }
  15690.  
  15691.            .list-menu--disclosure {
  15692.                position: absolute;
  15693.                min-width: 100%;
  15694.                width: 20rem;
  15695.                border: 1px solid rgba(var(--color-foreground), 0.2);
  15696.            }
  15697.  
  15698.            .list-menu--disclosure:focus {
  15699.                outline: none;
  15700.            }
  15701.  
  15702.            .list-menu__item--active {
  15703.                text-decoration: underline;
  15704.                text-underline-offset: 0.3rem;
  15705.            }
  15706.  
  15707.            .list-menu__item--active:hover {
  15708.                text-decoration-thickness: 0.2rem;
  15709.            }
  15710.  
  15711.            .list-menu--disclosure.localization-selector {
  15712.                max-height: 18rem;
  15713.                overflow: auto;
  15714.                width: 10rem;
  15715.                padding: 0.5rem;
  15716.            }
  15717.        </style>
  15718.        <style>
  15719.            .list-payment {
  15720.                display: flex;
  15721.                flex-wrap: wrap;
  15722.                justify-content: center;
  15723.                margin: -0.5rem 0;
  15724.                padding-top: 1rem;
  15725.                padding-left: 0;
  15726.            }
  15727.  
  15728.            @media screen and (min-width: 750px) {
  15729.                .list-payment {
  15730.                    justify-content: flex-end;
  15731.                    margin: -0.5rem;
  15732.                    padding-top: 0;
  15733.                }
  15734.            }
  15735.  
  15736.            .list-payment__item {
  15737.                align-items: center;
  15738.                display: flex;
  15739.                padding: 0.5rem;
  15740.            }
  15741.        </style>
  15742.        <style>
  15743.            .list-social {
  15744.                display: flex;
  15745.                flex-wrap: wrap;
  15746.                justify-content: flex-end;
  15747.            }
  15748.  
  15749.            @media only screen and (max-width: 749px) {
  15750.                .list-social {
  15751.                    justify-content: center;
  15752.                }
  15753.            }
  15754.  
  15755.            .list-social__item .icon {
  15756.                height: 2.2rem;
  15757.                width: 2.2rem;
  15758.            }
  15759.  
  15760.            .list-social__link {
  15761.                align-items: center;
  15762.                display: flex;
  15763.                padding: 1.1rem;
  15764.                color: rgb(var(--color-foreground));
  15765.            }
  15766.  
  15767.            .utility-bar .list-social__link {
  15768.                padding: 0 0.8rem;
  15769.                height: 3.8rem;
  15770.            }
  15771.  
  15772.            .list-social__link:hover .icon {
  15773.                transform: scale(1.07);
  15774.            }
  15775.        </style>
  15776.        <style data-shopify>
  15777.            .footer {
  15778.                margin-top: 0px;
  15779.            }
  15780.  
  15781.            .section-sections--17040648372437__footer-padding {
  15782.                padding-top: 33px;
  15783.                padding-bottom: 45px;
  15784.            }
  15785.  
  15786.            @media screen and (min-width: 750px) {
  15787.                .footer {
  15788.                    margin-top: 0px;
  15789.                }
  15790.  
  15791.                .section-sections--17040648372437__footer-padding {
  15792.                    padding-top: 44px;
  15793.                    padding-bottom: 60px;
  15794.                }
  15795.            }
  15796.        </style>
  15797.        <footer class="footer color-inverse gradient section-sections--17040648372437__footer-padding">
  15798.            <div class="footer__content-top page-width">
  15799.                <div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade></div>
  15800.            </div>
  15801.            <div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade>
  15802.                <div class="footer__content-bottom-wrapper page-width">
  15803.                    <div class="footer__column footer__localization isolate"></div>
  15804.                    <div class="footer__column footer__column--info">
  15805.                        <div class="footer__payment">
  15806.                            <span class="visually-hidden">Payment methods</span>
  15807.                            <ul class="list list-payment" role="list"></ul>
  15808.                        </div>
  15809.                    </div>
  15810.                </div>
  15811.                <div class="footer__content-bottom-wrapper page-width">
  15812.                    <div class="footer__copyright caption">
  15813.                        <small class="copyright__content">&copy; 2024, <a
  15814.                                href="https://perindusukma.com/">RDTOTO</a></small>
  15815.                        <small class="copyright__content"><a target="_blank" rel="nofollow">Powered by Situs Toto Slot No 1</a></small>
  15816.                    </div>
  15817.                </div>
  15818.            </div>
  15819.        </footer>
  15820.        <style>
  15821.            .fixed-footer {
  15822.                display: flex;
  15823.                justify-content: space-around;
  15824.                position: fixed;
  15825.                background: linear-gradient(to bottom, #ff0505 0%, #ff0505 50%, #4d0000 100%);
  15826.                padding: 5px 0;
  15827.                box-shadow: 0 0 8px 4px #666;
  15828.                left: 0;
  15829.                right: 0;
  15830.                bottom: 0;
  15831.                z-index: 99
  15832.            }
  15833.  
  15834.            .fixed-footer a {
  15835.                flex-basis: calc((100% - 15px*6)/ 5);
  15836.                text-decoration: none;
  15837.                display: flex;
  15838.                flex-direction: column;
  15839.                justify-content: center;
  15840.                align-items: center;
  15841.                color: #fff;
  15842.                max-width: 75px;
  15843.                font-size: 12px;
  15844.                font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  15845.            }
  15846.  
  15847.            .fixed-footer a:hover {
  15848.                font-weight: bold;
  15849.            }
  15850.  
  15851.            .fixed-footer .center {
  15852.                transform: scale(1.5) translateY(-5px);
  15853.                background: center no-repeat;
  15854.                background-size: contain;
  15855.                background-color: inherit;
  15856.                border-radius: 50%;
  15857.            }
  15858.  
  15859.            .fixed-footer img {
  15860.                max-width: 20px;
  15861.                margin-bottom: 0;
  15862.                max-height: 20px;
  15863.            }
  15864.        </style>
  15865.        <div class="fixed-footer">
  15866.            <a href="https://tekan.in/MmIUz" rel="nofollow noopener" target="_blank">
  15867.                <img layout="intrinsic" height="20px" width="20px"
  15868.                    src="https://kilat.digital/images/2023/12/22/b3f1b578ebdb270700ff9b0c9475cf69.png"
  15869.                    alt="PROMO RDTOTO">
  15870.                Bonus
  15871.            </a>
  15872.            <a href="https://tekan.in/MmIUz" rel="nofollow noopener" target="_blank">
  15873.                <img layout="intrinsic" height="20px" width="20px"
  15874.                    src="https://kilat.digital/images/2023/12/20/6b2ffffc4e97bb30e6d922ced607f802.png"
  15875.                    alt="LOGIN RDTOTO">
  15876.                Login
  15877.            </a>
  15878.            <a href="https://tekan.in/MmIUz" rel="nofollow noopener" target="_blank" class="tada">
  15879.                <img layout="intrinsic" height="50" width="50"
  15880.                    src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  15881.                    alt="DAFTAR RDTOTO">
  15882.                Daftar
  15883.            </a>
  15884.            <a href="https://tekan.in/MmIUz" rel="nofollow noopener" target="_blank">
  15885.                <img layout="intrinsic" height="20px" width="20px"
  15886.                    src="https://kilat.digital/images/2023/12/22/2b1184d165c244636c89bef160799697.png"
  15887.                    alt="LINK RDTOTO">
  15888.                Link
  15889.            </a>
  15890.            <a href="https://tekan.in/MmIUz" rel="nofollow noopener" target="_blank"
  15891.                class="js_live_chat_link live-chat-link">
  15892.                <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px"
  15893.                    src="https://kilat.digital/images/2023/12/20/ed94593b02796a81fe558659411b7562.png"
  15894.                    alt="LIVECHAT RDTOTO">
  15895.                Live Chat
  15896.            </a>
  15897.        </div>
  15898.  
  15899.    </div>
  15900.    <!-- END sections: footer-group -->
  15901.  
  15902.    <ul hidden>
  15903.        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
  15904.        <li id="a11y-new-window-message">Opens in a new window.</li>
  15905.    </ul>
  15906.  
  15907.    <script>
  15908.        window.shopUrl = 'https://perindusukma.com/';
  15909.        window.routes = {
  15910.            cart_add_url: '/cart/add',
  15911.            cart_change_url: '/cart/change',
  15912.            cart_update_url: '/cart/update',
  15913.            cart_url: '/cart',
  15914.            predictive_search_url: '/search/suggest',
  15915.        };
  15916.  
  15917.        window.cartStrings = {
  15918.            error: `There was an error while updating your cart. Please try again.`,
  15919.            quantityError: `You can only add [quantity] of this item to your cart.`,
  15920.        };
  15921.  
  15922.        window.variantStrings = {
  15923.            addToCart: `Add to cart`,
  15924.            soldOut: `Sold out`,
  15925.            unavailable: `Unavailable`,
  15926.            unavailable_with_option: `[value] - Unavailable`,
  15927.        };
  15928.  
  15929.        window.quickOrderListStrings = {
  15930.            itemsAdded: `[quantity] items added`,
  15931.            itemAdded: `[quantity] item added`,
  15932.            itemsRemoved: `[quantity] items removed`,
  15933.            itemRemoved: `[quantity] item removed`,
  15934.            viewCart: `View cart`,
  15935.            each: `[money]/ea`,
  15936.        };
  15937.  
  15938.        window.accessibilityStrings = {
  15939.            imageAvailable: `Image [index] is now available in gallery view`,
  15940.            shareSuccess: `Link copied to clipboard`,
  15941.            pauseSlideshow: `Pause slideshow`,
  15942.            playSlideshow: `Play slideshow`,
  15943.            recipientFormExpanded: `Gift card recipient form expanded`,
  15944.            recipientFormCollapsed: `Gift card recipient form collapsed`,
  15945.        };
  15946.    </script>
  15947.    <script>
  15948.        /** Shopify CDN: Minification failed
  15949.    
  15950.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  15951.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15952.    Line 29:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15953.    Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15954.    Line 42:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15955.    Line 44:4 Transforming const to the configured target environment ("es5") is not supported yet
  15956.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15957.    Line 68:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15958.    Line 78:9 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15959.    Line 79:4 Transforming const to the configured target environment ("es5") is not supported yet
  15960.    ... and 31 more hidden warnings
  15961.    
  15962.    **/
  15963.        class PredictiveSearch extends SearchForm {
  15964.            constructor() {
  15965.                super();
  15966.                this.cachedResults = {};
  15967.                this.predictiveSearchResults = this.querySelector('[data-predictive-search]');
  15968.                this.allPredictiveSearchInstances = document.querySelectorAll('predictive-search');
  15969.                this.isOpen = false;
  15970.                this.abortController = new AbortController();
  15971.                this.searchTerm = '';
  15972.  
  15973.                this.setupEventListeners();
  15974.            }
  15975.  
  15976.            setupEventListeners() {
  15977.                this.input.form.addEventListener('submit', this.onFormSubmit.bind(this));
  15978.  
  15979.                this.input.addEventListener('focus', this.onFocus.bind(this));
  15980.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  15981.                this.addEventListener('keyup', this.onKeyup.bind(this));
  15982.                this.addEventListener('keydown', this.onKeydown.bind(this));
  15983.            }
  15984.  
  15985.            getQuery() {
  15986.                return this.input.value.trim();
  15987.            }
  15988.  
  15989.            onChange() {
  15990.                super.onChange();
  15991.                const newSearchTerm = this.getQuery();
  15992.                if (!this.searchTerm || !newSearchTerm.startsWith(this.searchTerm)) {
  15993.                    // Remove the results when they are no longer relevant for the new search term
  15994.                    // so they don't show up when the dropdown opens again
  15995.                    this.querySelector('#predictive-search-results-groups-wrapper')?.remove();
  15996.                }
  15997.  
  15998.                // Update the term asap, don't wait for the predictive search query to finish loading
  15999.                this.updateSearchForTerm(this.searchTerm, newSearchTerm);
  16000.  
  16001.                this.searchTerm = newSearchTerm;
  16002.  
  16003.                if (!this.searchTerm.length) {
  16004.                    this.close(true);
  16005.                    return;
  16006.                }
  16007.  
  16008.                this.getSearchResults(this.searchTerm);
  16009.            }
  16010.  
  16011.            onFormSubmit(event) {
  16012.                if (!this.getQuery().length || this.querySelector('[aria-selected="true"] a')) event.preventDefault();
  16013.            }
  16014.  
  16015.            onFormReset(event) {
  16016.                super.onFormReset(event);
  16017.                if (super.shouldResetForm()) {
  16018.                    this.searchTerm = '';
  16019.                    this.abortController.abort();
  16020.                    this.abortController = new AbortController();
  16021.                    this.closeResults(true);
  16022.                }
  16023.            }
  16024.  
  16025.            onFocus() {
  16026.                const currentSearchTerm = this.getQuery();
  16027.  
  16028.                if (!currentSearchTerm.length) return;
  16029.  
  16030.                if (this.searchTerm !== currentSearchTerm) {
  16031.                    // Search term was changed from other search input, treat it as a user change
  16032.                    this.onChange();
  16033.                } else if (this.getAttribute('results') === 'true') {
  16034.                    this.open();
  16035.                } else {
  16036.                    this.getSearchResults(this.searchTerm);
  16037.                }
  16038.            }
  16039.  
  16040.            onFocusOut() {
  16041.                setTimeout(() => {
  16042.                    if (!this.contains(document.activeElement)) this.close();
  16043.                });
  16044.            }
  16045.  
  16046.            onKeyup(event) {
  16047.                if (!this.getQuery().length) this.close(true);
  16048.                event.preventDefault();
  16049.  
  16050.                switch (event.code) {
  16051.                    case 'ArrowUp':
  16052.                        this.switchOption('up');
  16053.                        break;
  16054.                    case 'ArrowDown':
  16055.                        this.switchOption('down');
  16056.                        break;
  16057.                    case 'Enter':
  16058.                        this.selectOption();
  16059.                        break;
  16060.                }
  16061.            }
  16062.  
  16063.            onKeydown(event) {
  16064.                // Prevent the cursor from moving in the input when using the up and down arrow keys
  16065.                if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
  16066.                    event.preventDefault();
  16067.                }
  16068.            }
  16069.  
  16070.            updateSearchForTerm(previousTerm, newTerm) {
  16071.                const searchForTextElement = this.querySelector('[data-predictive-search-search-for-text]');
  16072.                const currentButtonText = searchForTextElement?.innerText;
  16073.                if (currentButtonText) {
  16074.                    if (currentButtonText.match(new RegExp(previousTerm, 'g')).length > 1) {
  16075.                        // The new term matches part of the button text and not just the search term, do not replace to avoid mistakes
  16076.                        return;
  16077.                    }
  16078.                    const newButtonText = currentButtonText.replace(previousTerm, newTerm);
  16079.                    searchForTextElement.innerText = newButtonText;
  16080.                }
  16081.            }
  16082.  
  16083.            switchOption(direction) {
  16084.                if (!this.getAttribute('open')) return;
  16085.  
  16086.                const moveUp = direction === 'up';
  16087.                const selectedElement = this.querySelector('[aria-selected="true"]');
  16088.  
  16089.                // Filter out hidden elements (duplicated page and article resources) thanks
  16090.                // to this https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
  16091.                const allVisibleElements = Array.from(this.querySelectorAll('li, button.predictive-search__item')).filter(
  16092.                    (element) => element.offsetParent !== null
  16093.                );
  16094.                let activeElementIndex = 0;
  16095.  
  16096.                if (moveUp && !selectedElement) return;
  16097.  
  16098.                let selectedElementIndex = -1;
  16099.                let i = 0;
  16100.  
  16101.                while (selectedElementIndex === -1 && i <= allVisibleElements.length) {
  16102.                    if (allVisibleElements[i] === selectedElement) {
  16103.                        selectedElementIndex = i;
  16104.                    }
  16105.                    i++;
  16106.                }
  16107.  
  16108.                this.statusElement.textContent = '';
  16109.  
  16110.                if (!moveUp && selectedElement) {
  16111.                    activeElementIndex = selectedElementIndex === allVisibleElements.length - 1 ? 0 : selectedElementIndex + 1;
  16112.                } else if (moveUp) {
  16113.                    activeElementIndex = selectedElementIndex === 0 ? allVisibleElements.length - 1 : selectedElementIndex - 1;
  16114.                }
  16115.  
  16116.                if (activeElementIndex === selectedElementIndex) return;
  16117.  
  16118.                const activeElement = allVisibleElements[activeElementIndex];
  16119.  
  16120.                activeElement.setAttribute('aria-selected', true);
  16121.                if (selectedElement) selectedElement.setAttribute('aria-selected', false);
  16122.  
  16123.                this.input.setAttribute('aria-activedescendant', activeElement.id);
  16124.            }
  16125.  
  16126.            selectOption() {
  16127.                const selectedOption = this.querySelector('[aria-selected="true"] a, button[aria-selected="true"]');
  16128.  
  16129.                if (selectedOption) selectedOption.click();
  16130.            }
  16131.  
  16132.            getSearchResults(searchTerm) {
  16133.                const queryKey = searchTerm.replace(' ', '-').toLowerCase();
  16134.                this.setLiveRegionLoadingState();
  16135.  
  16136.                if (this.cachedResults[queryKey]) {
  16137.                    this.renderSearchResults(this.cachedResults[queryKey]);
  16138.                    return;
  16139.                }
  16140.  
  16141.                fetch(`${routes.predictive_search_url}?q=${encodeURIComponent(searchTerm)}&section_id=predictive-search`, {
  16142.                    signal: this.abortController.signal,
  16143.                })
  16144.                    .then((response) => {
  16145.                        if (!response.ok) {
  16146.                            var error = new Error(response.status);
  16147.                            this.close();
  16148.                            throw error;
  16149.                        }
  16150.  
  16151.                        return response.text();
  16152.                    })
  16153.                    .then((text) => {
  16154.                        const resultsMarkup = new DOMParser()
  16155.                            .parseFromString(text, 'text/html')
  16156.                            .querySelector('#shopify-section-predictive-search').innerHTML;
  16157.                        // Save bandwidth keeping the cache in all instances synced
  16158.                        this.allPredictiveSearchInstances.forEach((predictiveSearchInstance) => {
  16159.                            predictiveSearchInstance.cachedResults[queryKey] = resultsMarkup;
  16160.                        });
  16161.                        this.renderSearchResults(resultsMarkup);
  16162.                    })
  16163.                    .catch((error) => {
  16164.                        if (error?.code === 20) {
  16165.                            // Code 20 means the call was aborted
  16166.                            return;
  16167.                        }
  16168.                        this.close();
  16169.                        throw error;
  16170.                    });
  16171.            }
  16172.  
  16173.            setLiveRegionLoadingState() {
  16174.                this.statusElement = this.statusElement || this.querySelector('.predictive-search-status');
  16175.                this.loadingText = this.loadingText || this.getAttribute('data-loading-text');
  16176.  
  16177.                this.setLiveRegionText(this.loadingText);
  16178.                this.setAttribute('loading', true);
  16179.            }
  16180.  
  16181.            setLiveRegionText(statusText) {
  16182.                this.statusElement.setAttribute('aria-hidden', 'false');
  16183.                this.statusElement.textContent = statusText;
  16184.  
  16185.                setTimeout(() => {
  16186.                    this.statusElement.setAttribute('aria-hidden', 'true');
  16187.                }, 1000);
  16188.            }
  16189.  
  16190.            renderSearchResults(resultsMarkup) {
  16191.                this.predictiveSearchResults.innerHTML = resultsMarkup;
  16192.                this.setAttribute('results', true);
  16193.  
  16194.                this.setLiveRegionResults();
  16195.                this.open();
  16196.            }
  16197.  
  16198.            setLiveRegionResults() {
  16199.                this.removeAttribute('loading');
  16200.                this.setLiveRegionText(this.querySelector('[data-predictive-search-live-region-count-value]').textContent);
  16201.            }
  16202.  
  16203.            getResultsMaxHeight() {
  16204.                this.resultsMaxHeight =
  16205.                    window.innerHeight - document.querySelector('.section-header').getBoundingClientRect().bottom;
  16206.                return this.resultsMaxHeight;
  16207.            }
  16208.  
  16209.            open() {
  16210.                this.predictiveSearchResults.style.maxHeight = this.resultsMaxHeight || `${this.getResultsMaxHeight()}px`;
  16211.                this.setAttribute('open', true);
  16212.                this.input.setAttribute('aria-expanded', true);
  16213.                this.isOpen = true;
  16214.            }
  16215.  
  16216.            close(clearSearchTerm = false) {
  16217.                this.closeResults(clearSearchTerm);
  16218.                this.isOpen = false;
  16219.            }
  16220.  
  16221.            closeResults(clearSearchTerm = false) {
  16222.                if (clearSearchTerm) {
  16223.                    this.input.value = '';
  16224.                    this.removeAttribute('results');
  16225.                }
  16226.                const selected = this.querySelector('[aria-selected="true"]');
  16227.  
  16228.                if (selected) selected.setAttribute('aria-selected', false);
  16229.  
  16230.                this.input.setAttribute('aria-activedescendant', '');
  16231.                this.removeAttribute('loading');
  16232.                this.removeAttribute('open');
  16233.                this.input.setAttribute('aria-expanded', false);
  16234.                this.resultsMaxHeight = false;
  16235.                this.predictiveSearchResults.removeAttribute('style');
  16236.            }
  16237.        }
  16238.  
  16239.        customElements.define('predictive-search', PredictiveSearch);
  16240.    </script>
  16241. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda