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://sr2blog.com

  1.  
  2.  
  3.  
  4. <!doctype html>
  5. <html class="no-js" lang="en">
  6.  
  7. <head>
  8.    <meta name="google-site-verification" content="Zasv8cqL9eQhEIiMCcGr1JOlyRIxC7YM384JtMRWUCc" />
  9.    <meta charset="utf-8">
  10.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.    <meta name="viewport" content="width=device-width,initial-scale=1">
  12.    <meta name="theme-color" content="0b0318">
  13.    <link rel="canonical" href="https://duwaynemotel.com/">
  14.    <link rel="preconnect" href="https://fonts.shopifycdn.com/" crossorigin>
  15.    <title>Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya</title>
  16.    <meta name="description"
  17.        content="Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.">
  18.    <meta name="keywords"
  19.        content="Toto Macau, Prediksi Macau, Macau, Data Macau, Prediksi Toto Macau, Prediksi Macau hari ini" />
  20.    <link rel="amphtml" href="https://ophiuchus.club/Prediksi-Macau" />
  21.    <link rel="preload" as="script" href="../../../../cdn.ampproject.org/v1.js">
  22.    <meta name="robots" content="index, follow" />
  23.    <meta content="true" name="HandheldFriendly">
  24.    <meta content="width" name="MobileOptimized">
  25.    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  26.    <meta name="apple-mobile-web-app-capable" content="yes" />
  27.    <meta name="mobile-web-app-capable" content="yes" />
  28.    <meta name="language" content="ID">
  29.    <meta name="copyright" content="Prediksi Macau">
  30.    <meta name="author" content="Prediksi Macau">
  31.    <meta name="distribution" content="global">
  32.    <meta name="publisher" content="Prediksi Macau">
  33.    <meta name="geo.placename" content="DKI Jakarta">
  34.    <meta name="geo.country" content="ID">
  35.    <meta name="geo.region" content="ID" />
  36.    <meta name="tgn.nation" content="Indonesia">
  37.    <link rel="icon" href="https://ophiuchus.club/img/favttm.png">
  38.    <meta property="og:locale" content="id_ID" />
  39.    <meta property="og:site_name" content="Prediksi Macau">
  40.    <meta property="og:url" content="https://duwaynemotel.com/">
  41.    <meta property="og:title" content="Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya">
  42.    <meta property="og:type" content="product">
  43.    <meta property="og:description"
  44.        content="Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.">
  45.    <meta property="og:image" content="https://ophiuchus.club/img/Prettm.webp">
  46.    <meta property="og:image:secure_url"
  47.        content="https://ophiuchus.club/img/Prettm.webp">
  48.    <meta property="og:image:width" content="600">
  49.    <meta property="og:image:height" content="600">
  50.    <meta property="og:price:amount" content="5.000,00">
  51.    <meta property="og:price:currency" content="IDR">
  52.    <meta name="twitter:card" content="summary_large_image">
  53.    <meta name="twitter:title" content="Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya">
  54.    <meta name="twitter:description"
  55.        content="Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.">
  56.    <script>
  57.        /** Shopify CDN: Minification failed
  58.    
  59.            Line 7:0 Transforming const to the configured target environment ("es5") is not supported yet
  60.            Line 9:0 Transforming const to the configured target environment ("es5") is not supported yet
  61.            
  62.            **/
  63.        const ON_CHANGE_DEBOUNCE_TIMER = 300;
  64.  
  65.        const PUB_SUB_EVENTS = {
  66.            cartUpdate: 'cart-update',
  67.            quantityUpdate: 'quantity-update',
  68.            variantChange: 'variant-change',
  69.            cartError: 'cart-error',
  70.        };</script>
  71.    <script>
  72.        /** Shopify CDN: Minification failed
  73.    
  74.    Line 7:0 Transforming let to the configured target environment ("es5") is not supported yet
  75.    Line 14:28 Transforming array spread to the configured target environment ("es5") is not supported yet
  76.    
  77.    **/
  78.        let subscribers = {};
  79.  
  80.        function subscribe(eventName, callback) {
  81.            if (subscribers[eventName] === undefined) {
  82.                subscribers[eventName] = [];
  83.            }
  84.  
  85.            subscribers[eventName] = [...subscribers[eventName], callback];
  86.  
  87.            return function unsubscribe() {
  88.                subscribers[eventName] = subscribers[eventName].filter((cb) => {
  89.                    return cb !== callback;
  90.                });
  91.            };
  92.        }
  93.  
  94.        function publish(eventName, data) {
  95.            if (subscribers[eventName]) {
  96.                subscribers[eventName].forEach((callback) => {
  97.                    callback(data);
  98.                });
  99.            }
  100.        }
  101.    </script>
  102.    <script>
  103.        /** Shopify CDN: Minification failed
  104.    
  105.    Line 40:0 Transforming const to the configured target environment ("es5") is not supported yet
  106.    Line 42:45 Transforming default arguments to the configured target environment ("es5") is not supported yet
  107.    Line 96:2 Transforming const to the configured target environment ("es5") is not supported yet
  108.    Line 110:2 Transforming let to the configured target environment ("es5") is not supported yet
  109.    Line 111:2 Transforming let to the configured target environment ("es5") is not supported yet
  110.    Line 150:40 Transforming default arguments to the configured target environment ("es5") is not supported yet
  111.    Line 161:2 Transforming const to the configured target environment ("es5") is not supported yet
  112.    Line 164:2 Transforming const to the configured target environment ("es5") is not supported yet
  113.    Line 170:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  114.    Line 171:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  115.    ... and 187 more hidden warnings
  116.    
  117.    **/
  118.        function getFocusableElements(container) {
  119.            return Array.from(
  120.                container.querySelectorAll(
  121.                    "summary, a[href], button:enabled, [tabindex]:not([tabindex^='-']), [draggable], area, input:not([type=hidden]):enabled, select:enabled, textarea:enabled, object, iframe"
  122.                )
  123.            );
  124.        }
  125.  
  126.        document.querySelectorAll('[id^="Details-"] summary').forEach((summary) => {
  127.            summary.setAttribute('role', 'button');
  128.            summary.setAttribute('aria-expanded', summary.parentNode.hasAttribute('open'));
  129.  
  130.            if (summary.nextElementSibling.getAttribute('id')) {
  131.                summary.setAttribute('aria-controls', summary.nextElementSibling.id);
  132.            }
  133.  
  134.            summary.addEventListener('click', (event) => {
  135.                event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  136.            });
  137.  
  138.            if (summary.closest('header-drawer, menu-drawer')) return;
  139.            summary.parentElement.addEventListener('keyup', onKeyUpEscape);
  140.        });
  141.  
  142.        const trapFocusHandlers = {};
  143.  
  144.        function trapFocus(container, elementToFocus = container) {
  145.            var elements = getFocusableElements(container);
  146.            var first = elements[0];
  147.            var last = elements[elements.length - 1];
  148.  
  149.            removeTrapFocus();
  150.  
  151.            trapFocusHandlers.focusin = (event) => {
  152.                if (event.target !== container && event.target !== last && event.target !== first) return;
  153.  
  154.                document.addEventListener('keydown', trapFocusHandlers.keydown);
  155.            };
  156.  
  157.            trapFocusHandlers.focusout = function () {
  158.                document.removeEventListener('keydown', trapFocusHandlers.keydown);
  159.            };
  160.  
  161.            trapFocusHandlers.keydown = function (event) {
  162.                if (event.code.toUpperCase() !== 'TAB') return; // If not TAB key
  163.                // On the last focusable element and tab forward, focus the first element.
  164.                if (event.target === last && !event.shiftKey) {
  165.                    event.preventDefault();
  166.                    first.focus();
  167.                }
  168.  
  169.                //  On the first focusable element and tab backward, focus the last element.
  170.                if ((event.target === container || event.target === first) && event.shiftKey) {
  171.                    event.preventDefault();
  172.                    last.focus();
  173.                }
  174.            };
  175.  
  176.            document.addEventListener('focusout', trapFocusHandlers.focusout);
  177.            document.addEventListener('focusin', trapFocusHandlers.focusin);
  178.  
  179.            elementToFocus.focus();
  180.  
  181.            if (
  182.                elementToFocus.tagName === 'INPUT' &&
  183.                ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
  184.                elementToFocus.value
  185.            ) {
  186.                elementToFocus.setSelectionRange(0, elementToFocus.value.length);
  187.            }
  188.        }
  189.  
  190.        // Here run the querySelector to figure out if the browser supports :focus-visible or not and run code based on it.
  191.        try {
  192.            document.querySelector(':focus-visible');
  193.        } catch (e) {
  194.            focusVisiblePolyfill();
  195.        }
  196.  
  197.        function focusVisiblePolyfill() {
  198.            const navKeys = [
  199.                'ARROWUP',
  200.                'ARROWDOWN',
  201.                'ARROWLEFT',
  202.                'ARROWRIGHT',
  203.                'TAB',
  204.                'ENTER',
  205.                'SPACE',
  206.                'ESCAPE',
  207.                'HOME',
  208.                'END',
  209.                'PAGEUP',
  210.                'PAGEDOWN',
  211.            ];
  212.            let currentFocusedElement = null;
  213.            let mouseClick = null;
  214.  
  215.            window.addEventListener('keydown', (event) => {
  216.                if (navKeys.includes(event.code.toUpperCase())) {
  217.                    mouseClick = false;
  218.                }
  219.            });
  220.  
  221.            window.addEventListener('mousedown', (event) => {
  222.                mouseClick = true;
  223.            });
  224.  
  225.            window.addEventListener(
  226.                'focus',
  227.                () => {
  228.                    if (currentFocusedElement) currentFocusedElement.classList.remove('focused');
  229.  
  230.                    if (mouseClick) return;
  231.  
  232.                    currentFocusedElement = document.activeElement;
  233.                    currentFocusedElement.classList.add('focused');
  234.                },
  235.                true
  236.            );
  237.        }
  238.  
  239.        function pauseAllMedia() {
  240.            document.querySelectorAll('.js-youtube').forEach((video) => {
  241.                video.contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');
  242.            });
  243.            document.querySelectorAll('.js-vimeo').forEach((video) => {
  244.                video.contentWindow.postMessage('{"method":"pause"}', '*');
  245.            });
  246.            document.querySelectorAll('video').forEach((video) => video.pause());
  247.            document.querySelectorAll('product-model').forEach((model) => {
  248.                if (model.modelViewerUI) model.modelViewerUI.pause();
  249.            });
  250.        }
  251.  
  252.        function removeTrapFocus(elementToFocus = null) {
  253.            document.removeEventListener('focusin', trapFocusHandlers.focusin);
  254.            document.removeEventListener('focusout', trapFocusHandlers.focusout);
  255.            document.removeEventListener('keydown', trapFocusHandlers.keydown);
  256.  
  257.            if (elementToFocus) elementToFocus.focus();
  258.        }
  259.  
  260.        function onKeyUpEscape(event) {
  261.            if (event.code.toUpperCase() !== 'ESCAPE') return;
  262.  
  263.            const openDetailsElement = event.target.closest('details[open]');
  264.            if (!openDetailsElement) return;
  265.  
  266.            const summaryElement = openDetailsElement.querySelector('summary');
  267.            openDetailsElement.removeAttribute('open');
  268.            summaryElement.setAttribute('aria-expanded', false);
  269.            summaryElement.focus();
  270.        }
  271.  
  272.        class QuantityInput extends HTMLElement {
  273.            constructor() {
  274.                super();
  275.                this.input = this.querySelector('input');
  276.                this.changeEvent = new Event('change', { bubbles: true });
  277.                this.input.addEventListener('change', this.onInputChange.bind(this));
  278.                this.querySelectorAll('button').forEach((button) =>
  279.                    button.addEventListener('click', this.onButtonClick.bind(this))
  280.                );
  281.            }
  282.  
  283.            quantityUpdateUnsubscriber = undefined;
  284.  
  285.            connectedCallback() {
  286.                this.validateQtyRules();
  287.                this.quantityUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.quantityUpdate, this.validateQtyRules.bind(this));
  288.            }
  289.  
  290.            disconnectedCallback() {
  291.                if (this.quantityUpdateUnsubscriber) {
  292.                    this.quantityUpdateUnsubscriber();
  293.                }
  294.            }
  295.  
  296.            onInputChange(event) {
  297.                this.validateQtyRules();
  298.            }
  299.  
  300.            onButtonClick(event) {
  301.                event.preventDefault();
  302.                const previousValue = this.input.value;
  303.  
  304.                event.target.name === 'plus' ? this.input.stepUp() : this.input.stepDown();
  305.                if (previousValue !== this.input.value) this.input.dispatchEvent(this.changeEvent);
  306.            }
  307.  
  308.            validateQtyRules() {
  309.                const value = parseInt(this.input.value);
  310.                if (this.input.min) {
  311.                    const min = parseInt(this.input.min);
  312.                    const buttonMinus = this.querySelector(".quantity__button[name='minus']");
  313.                    buttonMinus.classList.toggle('disabled', value <= min);
  314.                }
  315.                if (this.input.max) {
  316.                    const max = parseInt(this.input.max);
  317.                    const buttonPlus = this.querySelector(".quantity__button[name='plus']");
  318.                    buttonPlus.classList.toggle('disabled', value >= max);
  319.                }
  320.            }
  321.        }
  322.  
  323.        customElements.define('quantity-input', QuantityInput);
  324.  
  325.        function debounce(fn, wait) {
  326.            let t;
  327.            return (...args) => {
  328.                clearTimeout(t);
  329.                t = setTimeout(() => fn.apply(this, args), wait);
  330.            };
  331.        }
  332.  
  333.        function throttle(fn, delay) {
  334.            let lastCall = 0;
  335.            return function (...args) {
  336.                const now = new Date().getTime();
  337.                if (now - lastCall < delay) {
  338.                    return;
  339.                }
  340.                lastCall = now;
  341.                return fn(...args);
  342.            };
  343.        }
  344.  
  345.        function fetchConfig(type = 'json') {
  346.            return {
  347.                method: 'POST',
  348.                headers: { 'Content-Type': 'application/json', Accept: `application/${type}` },
  349.            };
  350.        }
  351.  
  352.        /*
  353.         * Shopify Common JS
  354.         *
  355.         */
  356.        if (typeof window.Shopify == 'undefined') {
  357.            window.Shopify = {};
  358.        }
  359.  
  360.        Shopify.bind = function (fn, scope) {
  361.            return function () {
  362.                return fn.apply(scope, arguments);
  363.            };
  364.        };
  365.  
  366.        Shopify.setSelectorByValue = function (selector, value) {
  367.            for (var i = 0, count = selector.options.length; i < count; i++) {
  368.                var option = selector.options[i];
  369.                if (value == option.value || value == option.innerHTML) {
  370.                    selector.selectedIndex = i;
  371.                    return i;
  372.                }
  373.            }
  374.        };
  375.  
  376.        Shopify.addListener = function (target, eventName, callback) {
  377.            target.addEventListener
  378.                ? target.addEventListener(eventName, callback, false)
  379.                : target.attachEvent('on' + eventName, callback);
  380.        };
  381.  
  382.        Shopify.postLink = function (path, options) {
  383.            options = options || {};
  384.            var method = options['method'] || 'post';
  385.            var params = options['parameters'] || {};
  386.  
  387.            var form = document.createElement('form');
  388.            form.setAttribute('method', method);
  389.            form.setAttribute('action', path);
  390.  
  391.            for (var key in params) {
  392.                var hiddenField = document.createElement('input');
  393.                hiddenField.setAttribute('type', 'hidden');
  394.                hiddenField.setAttribute('name', key);
  395.                hiddenField.setAttribute('value', params[key]);
  396.                form.appendChild(hiddenField);
  397.            }
  398.            document.body.appendChild(form);
  399.            form.submit();
  400.            document.body.removeChild(form);
  401.        };
  402.  
  403.        Shopify.CountryProvinceSelector = function (country_domid, province_domid, options) {
  404.            this.countryEl = document.getElementById(country_domid);
  405.            this.provinceEl = document.getElementById(province_domid);
  406.            this.provinceContainer = document.getElementById(options['hideElement'] || province_domid);
  407.  
  408.            Shopify.addListener(this.countryEl, 'change', Shopify.bind(this.countryHandler, this));
  409.  
  410.            this.initCountry();
  411.            this.initProvince();
  412.        };
  413.  
  414.        Shopify.CountryProvinceSelector.prototype = {
  415.            initCountry: function () {
  416.                var value = this.countryEl.getAttribute('data-default');
  417.                Shopify.setSelectorByValue(this.countryEl, value);
  418.                this.countryHandler();
  419.            },
  420.  
  421.            initProvince: function () {
  422.                var value = this.provinceEl.getAttribute('data-default');
  423.                if (value && this.provinceEl.options.length > 0) {
  424.                    Shopify.setSelectorByValue(this.provinceEl, value);
  425.                }
  426.            },
  427.  
  428.            countryHandler: function (e) {
  429.                var opt = this.countryEl.options[this.countryEl.selectedIndex];
  430.                var raw = opt.getAttribute('data-provinces');
  431.                var provinces = JSON.parse(raw);
  432.  
  433.                this.clearOptions(this.provinceEl);
  434.                if (provinces && provinces.length == 0) {
  435.                    this.provinceContainer.style.display = 'none';
  436.                } else {
  437.                    for (var i = 0; i < provinces.length; i++) {
  438.                        var opt = document.createElement('option');
  439.                        opt.value = provinces[i][0];
  440.                        opt.innerHTML = provinces[i][1];
  441.                        this.provinceEl.appendChild(opt);
  442.                    }
  443.  
  444.                    this.provinceContainer.style.display = '';
  445.                }
  446.            },
  447.  
  448.            clearOptions: function (selector) {
  449.                while (selector.firstChild) {
  450.                    selector.removeChild(selector.firstChild);
  451.                }
  452.            },
  453.  
  454.            setOptions: function (selector, values) {
  455.                for (var i = 0, count = values.length; i < values.length; i++) {
  456.                    var opt = document.createElement('option');
  457.                    opt.value = values[i];
  458.                    opt.innerHTML = values[i];
  459.                    selector.appendChild(opt);
  460.                }
  461.            },
  462.        };
  463.  
  464.        class MenuDrawer extends HTMLElement {
  465.            constructor() {
  466.                super();
  467.  
  468.                this.mainDetailsToggle = this.querySelector('details');
  469.  
  470.                this.addEventListener('keyup', this.onKeyUp.bind(this));
  471.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  472.                this.bindEvents();
  473.            }
  474.  
  475.            bindEvents() {
  476.                this.querySelectorAll('summary').forEach((summary) =>
  477.                    summary.addEventListener('click', this.onSummaryClick.bind(this))
  478.                );
  479.                this.querySelectorAll('button:not(.localization-selector)').forEach((button) =>
  480.                    button.addEventListener('click', this.onCloseButtonClick.bind(this))
  481.                );
  482.            }
  483.  
  484.            onKeyUp(event) {
  485.                if (event.code.toUpperCase() !== 'ESCAPE') return;
  486.  
  487.                const openDetailsElement = event.target.closest('details[open]');
  488.                if (!openDetailsElement) return;
  489.  
  490.                openDetailsElement === this.mainDetailsToggle
  491.                    ? this.closeMenuDrawer(event, this.mainDetailsToggle.querySelector('summary'))
  492.                    : this.closeSubmenu(openDetailsElement);
  493.            }
  494.  
  495.            onSummaryClick(event) {
  496.                const summaryElement = event.currentTarget;
  497.                const detailsElement = summaryElement.parentNode;
  498.                const parentMenuElement = detailsElement.closest('.has-submenu');
  499.                const isOpen = detailsElement.hasAttribute('open');
  500.                const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  501.  
  502.                function addTrapFocus() {
  503.                    trapFocus(summaryElement.nextElementSibling, detailsElement.querySelector('button'));
  504.                    summaryElement.nextElementSibling.removeEventListener('transitionend', addTrapFocus);
  505.                }
  506.  
  507.                if (detailsElement === this.mainDetailsToggle) {
  508.                    if (isOpen) event.preventDefault();
  509.                    isOpen ? this.closeMenuDrawer(event, summaryElement) : this.openMenuDrawer(summaryElement);
  510.  
  511.                    if (window.matchMedia('(max-width: 990px)')) {
  512.                        document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  513.                    }
  514.                } else {
  515.                    setTimeout(() => {
  516.                        detailsElement.classList.add('menu-opening');
  517.                        summaryElement.setAttribute('aria-expanded', true);
  518.                        parentMenuElement && parentMenuElement.classList.add('submenu-open');
  519.                        !reducedMotion || reducedMotion.matches
  520.                            ? addTrapFocus()
  521.                            : summaryElement.nextElementSibling.addEventListener('transitionend', addTrapFocus);
  522.                    }, 100);
  523.                }
  524.            }
  525.  
  526.            openMenuDrawer(summaryElement) {
  527.                setTimeout(() => {
  528.                    this.mainDetailsToggle.classList.add('menu-opening');
  529.                });
  530.                summaryElement.setAttribute('aria-expanded', true);
  531.                trapFocus(this.mainDetailsToggle, summaryElement);
  532.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  533.            }
  534.  
  535.            closeMenuDrawer(event, elementToFocus = false) {
  536.                if (event === undefined) return;
  537.  
  538.                this.mainDetailsToggle.classList.remove('menu-opening');
  539.                this.mainDetailsToggle.querySelectorAll('details').forEach((details) => {
  540.                    details.removeAttribute('open');
  541.                    details.classList.remove('menu-opening');
  542.                });
  543.                this.mainDetailsToggle.querySelectorAll('.submenu-open').forEach((submenu) => {
  544.                    submenu.classList.remove('submenu-open');
  545.                });
  546.                document.body.classList.remove(`overflow-hidden-${this.dataset.breakpoint}`);
  547.                removeTrapFocus(elementToFocus);
  548.                this.closeAnimation(this.mainDetailsToggle);
  549.  
  550.                if (event instanceof KeyboardEvent) elementToFocus?.setAttribute('aria-expanded', false);
  551.            }
  552.  
  553.            onFocusOut() {
  554.                setTimeout(() => {
  555.                    if (this.mainDetailsToggle.hasAttribute('open') && !this.mainDetailsToggle.contains(document.activeElement))
  556.                        this.closeMenuDrawer();
  557.                });
  558.            }
  559.  
  560.            onCloseButtonClick(event) {
  561.                const detailsElement = event.currentTarget.closest('details');
  562.                this.closeSubmenu(detailsElement);
  563.            }
  564.  
  565.            closeSubmenu(detailsElement) {
  566.                const parentMenuElement = detailsElement.closest('.submenu-open');
  567.                parentMenuElement && parentMenuElement.classList.remove('submenu-open');
  568.                detailsElement.classList.remove('menu-opening');
  569.                detailsElement.querySelector('summary').setAttribute('aria-expanded', false);
  570.                removeTrapFocus(detailsElement.querySelector('summary'));
  571.                this.closeAnimation(detailsElement);
  572.            }
  573.  
  574.            closeAnimation(detailsElement) {
  575.                let animationStart;
  576.  
  577.                const handleAnimation = (time) => {
  578.                    if (animationStart === undefined) {
  579.                        animationStart = time;
  580.                    }
  581.  
  582.                    const elapsedTime = time - animationStart;
  583.  
  584.                    if (elapsedTime < 400) {
  585.                        window.requestAnimationFrame(handleAnimation);
  586.                    } else {
  587.                        detailsElement.removeAttribute('open');
  588.                        if (detailsElement.closest('details[open]')) {
  589.                            trapFocus(detailsElement.closest('details[open]'), detailsElement.querySelector('summary'));
  590.                        }
  591.                    }
  592.                };
  593.  
  594.                window.requestAnimationFrame(handleAnimation);
  595.            }
  596.        }
  597.  
  598.        customElements.define('menu-drawer', MenuDrawer);
  599.  
  600.        class HeaderDrawer extends MenuDrawer {
  601.            constructor() {
  602.                super();
  603.            }
  604.  
  605.            openMenuDrawer(summaryElement) {
  606.                this.header = this.header || document.querySelector('.section-header');
  607.                this.borderOffset =
  608.                    this.borderOffset || this.closest('.header-wrapper').classList.contains('header-wrapper--border-bottom') ? 1 : 0;
  609.                document.documentElement.style.setProperty(
  610.                    '--header-bottom-position',
  611.                    `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  612.                );
  613.                this.header.classList.add('menu-open');
  614.  
  615.                setTimeout(() => {
  616.                    this.mainDetailsToggle.classList.add('menu-opening');
  617.                });
  618.  
  619.                summaryElement.setAttribute('aria-expanded', true);
  620.                window.addEventListener('resize', this.onResize);
  621.                trapFocus(this.mainDetailsToggle, summaryElement);
  622.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  623.            }
  624.  
  625.            closeMenuDrawer(event, elementToFocus) {
  626.                if (!elementToFocus) return;
  627.                super.closeMenuDrawer(event, elementToFocus);
  628.                this.header.classList.remove('menu-open');
  629.                window.removeEventListener('resize', this.onResize);
  630.            }
  631.  
  632.            onResize = () => {
  633.                this.header &&
  634.                    document.documentElement.style.setProperty(
  635.                        '--header-bottom-position',
  636.                        `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  637.                    );
  638.                document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  639.            };
  640.        }
  641.  
  642.        customElements.define('header-drawer', HeaderDrawer);
  643.  
  644.        class ModalDialog extends HTMLElement {
  645.            constructor() {
  646.                super();
  647.                this.querySelector('[id^="ModalClose-"]').addEventListener('click', this.hide.bind(this, false));
  648.                this.addEventListener('keyup', (event) => {
  649.                    if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  650.                });
  651.                if (this.classList.contains('media-modal')) {
  652.                    this.addEventListener('pointerup', (event) => {
  653.                        if (event.pointerType === 'mouse' && !event.target.closest('deferred-media, product-model')) this.hide();
  654.                    });
  655.                } else {
  656.                    this.addEventListener('click', (event) => {
  657.                        if (event.target === this) this.hide();
  658.                    });
  659.                }
  660.            }
  661.  
  662.            connectedCallback() {
  663.                if (this.moved) return;
  664.                this.moved = true;
  665.                document.body.appendChild(this);
  666.            }
  667.  
  668.            show(opener) {
  669.                this.openedBy = opener;
  670.                const popup = this.querySelector('.template-popup');
  671.                document.body.classList.add('overflow-hidden');
  672.                this.setAttribute('open', '');
  673.                if (popup) popup.loadContent();
  674.                trapFocus(this, this.querySelector('[role="dialog"]'));
  675.                window.pauseAllMedia();
  676.            }
  677.  
  678.            hide() {
  679.                document.body.classList.remove('overflow-hidden');
  680.                document.body.dispatchEvent(new CustomEvent('modalClosed'));
  681.                this.removeAttribute('open');
  682.                removeTrapFocus(this.openedBy);
  683.                window.pauseAllMedia();
  684.            }
  685.        }
  686.        customElements.define('modal-dialog', ModalDialog);
  687.  
  688.        class ModalOpener extends HTMLElement {
  689.            constructor() {
  690.                super();
  691.  
  692.                const button = this.querySelector('button');
  693.  
  694.                if (!button) return;
  695.                button.addEventListener('click', () => {
  696.                    const modal = document.querySelector(this.getAttribute('data-modal'));
  697.                    if (modal) modal.show(button);
  698.                });
  699.            }
  700.        }
  701.        customElements.define('modal-opener', ModalOpener);
  702.  
  703.        class DeferredMedia extends HTMLElement {
  704.            constructor() {
  705.                super();
  706.                const poster = this.querySelector('[id^="Deferred-Poster-"]');
  707.                if (!poster) return;
  708.                poster.addEventListener('click', this.loadContent.bind(this));
  709.            }
  710.  
  711.            loadContent(focus = true) {
  712.                window.pauseAllMedia();
  713.                if (!this.getAttribute('loaded')) {
  714.                    const content = document.createElement('div');
  715.                    content.appendChild(this.querySelector('template').content.firstElementChild.cloneNode(true));
  716.  
  717.                    this.setAttribute('loaded', true);
  718.                    const deferredElement = this.appendChild(content.querySelector('video, model-viewer, iframe'));
  719.                    if (focus) deferredElement.focus();
  720.                    if (deferredElement.nodeName == 'VIDEO' && deferredElement.getAttribute('autoplay')) {
  721.                        // force autoplay for safari
  722.                        deferredElement.play();
  723.                    }
  724.                }
  725.            }
  726.        }
  727.  
  728.        customElements.define('deferred-media', DeferredMedia);
  729.  
  730.        class SliderComponent extends HTMLElement {
  731.            constructor() {
  732.                super();
  733.                this.slider = this.querySelector('[id^="Slider-"]');
  734.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  735.                this.enableSliderLooping = false;
  736.                this.currentPageElement = this.querySelector('.slider-counter--current');
  737.                this.pageTotalElement = this.querySelector('.slider-counter--total');
  738.                this.prevButton = this.querySelector('button[name="previous"]');
  739.                this.nextButton = this.querySelector('button[name="next"]');
  740.  
  741.                if (!this.slider || !this.nextButton) return;
  742.  
  743.                this.initPages();
  744.                const resizeObserver = new ResizeObserver((entries) => this.initPages());
  745.                resizeObserver.observe(this.slider);
  746.  
  747.                this.slider.addEventListener('scroll', this.update.bind(this));
  748.                this.prevButton.addEventListener('click', this.onButtonClick.bind(this));
  749.                this.nextButton.addEventListener('click', this.onButtonClick.bind(this));
  750.            }
  751.  
  752.            initPages() {
  753.                this.sliderItemsToShow = Array.from(this.sliderItems).filter((element) => element.clientWidth > 0);
  754.                if (this.sliderItemsToShow.length < 2) return;
  755.                this.sliderItemOffset = this.sliderItemsToShow[1].offsetLeft - this.sliderItemsToShow[0].offsetLeft;
  756.                this.slidesPerPage = Math.floor(
  757.                    (this.slider.clientWidth - this.sliderItemsToShow[0].offsetLeft) / this.sliderItemOffset
  758.                );
  759.                this.totalPages = this.sliderItemsToShow.length - this.slidesPerPage + 1;
  760.                this.update();
  761.            }
  762.  
  763.            resetPages() {
  764.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  765.                this.initPages();
  766.            }
  767.  
  768.            update() {
  769.                // Temporarily prevents unneeded updates resulting from variant changes
  770.                // This should be refactored as part of https://github.com/Shopify/dawn/issues/2057
  771.                if (!this.slider || !this.nextButton) return;
  772.  
  773.                const previousPage = this.currentPage;
  774.                this.currentPage = Math.round(this.slider.scrollLeft / this.sliderItemOffset) + 1;
  775.  
  776.                if (this.currentPageElement && this.pageTotalElement) {
  777.                    this.currentPageElement.textContent = this.currentPage;
  778.                    this.pageTotalElement.textContent = this.totalPages;
  779.                }
  780.  
  781.                if (this.currentPage != previousPage) {
  782.                    this.dispatchEvent(
  783.                        new CustomEvent('slideChanged', {
  784.                            detail: {
  785.                                currentPage: this.currentPage,
  786.                                currentElement: this.sliderItemsToShow[this.currentPage - 1],
  787.                            },
  788.                        })
  789.                    );
  790.                }
  791.  
  792.                if (this.enableSliderLooping) return;
  793.  
  794.                if (this.isSlideVisible(this.sliderItemsToShow[0]) && this.slider.scrollLeft === 0) {
  795.                    this.prevButton.setAttribute('disabled', 'disabled');
  796.                } else {
  797.                    this.prevButton.removeAttribute('disabled');
  798.                }
  799.  
  800.                if (this.isSlideVisible(this.sliderItemsToShow[this.sliderItemsToShow.length - 1])) {
  801.                    this.nextButton.setAttribute('disabled', 'disabled');
  802.                } else {
  803.                    this.nextButton.removeAttribute('disabled');
  804.                }
  805.            }
  806.  
  807.            isSlideVisible(element, offset = 0) {
  808.                const lastVisibleSlide = this.slider.clientWidth + this.slider.scrollLeft - offset;
  809.                return element.offsetLeft + element.clientWidth <= lastVisibleSlide && element.offsetLeft >= this.slider.scrollLeft;
  810.            }
  811.  
  812.            onButtonClick(event) {
  813.                event.preventDefault();
  814.                const step = event.currentTarget.dataset.step || 1;
  815.                this.slideScrollPosition =
  816.                    event.currentTarget.name === 'next'
  817.                        ? this.slider.scrollLeft + step * this.sliderItemOffset
  818.                        : this.slider.scrollLeft - step * this.sliderItemOffset;
  819.                this.setSlidePosition(this.slideScrollPosition);
  820.            }
  821.  
  822.            setSlidePosition(position) {
  823.                this.slider.scrollTo({
  824.                    left: position,
  825.                });
  826.            }
  827.        }
  828.  
  829.        customElements.define('slider-component', SliderComponent);
  830.  
  831.        class SlideshowComponent extends SliderComponent {
  832.            constructor() {
  833.                super();
  834.                this.sliderControlWrapper = this.querySelector('.slider-buttons');
  835.                this.enableSliderLooping = true;
  836.  
  837.                if (!this.sliderControlWrapper) return;
  838.  
  839.                this.sliderFirstItemNode = this.slider.querySelector('.slideshow__slide');
  840.                if (this.sliderItemsToShow.length > 0) this.currentPage = 1;
  841.  
  842.                this.announcementBarSlider = this.querySelector('.announcement-bar-slider');
  843.                // Value below should match --duration-announcement-bar CSS value
  844.                this.announcerBarAnimationDelay = this.announcementBarSlider ? 250 : 0;
  845.  
  846.                this.sliderControlLinksArray = Array.from(this.sliderControlWrapper.querySelectorAll('.slider-counter__link'));
  847.                this.sliderControlLinksArray.forEach((link) => link.addEventListener('click', this.linkToSlide.bind(this)));
  848.                this.slider.addEventListener('scroll', this.setSlideVisibility.bind(this));
  849.                this.setSlideVisibility();
  850.  
  851.                if (this.announcementBarSlider) {
  852.                    this.announcementBarArrowButtonWasClicked = false;
  853.  
  854.                    this.reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  855.                    this.reducedMotion.addEventListener('change', () => {
  856.                        if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  857.                    });
  858.  
  859.                    [this.prevButton, this.nextButton].forEach((button) => {
  860.                        button.addEventListener(
  861.                            'click',
  862.                            () => {
  863.                                this.announcementBarArrowButtonWasClicked = true;
  864.                            },
  865.                            { once: true }
  866.                        );
  867.                    });
  868.                }
  869.  
  870.                if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  871.            }
  872.  
  873.            setAutoPlay() {
  874.                this.autoplaySpeed = this.slider.dataset.speed * 1000;
  875.                this.addEventListener('mouseover', this.focusInHandling.bind(this));
  876.                this.addEventListener('mouseleave', this.focusOutHandling.bind(this));
  877.                this.addEventListener('focusin', this.focusInHandling.bind(this));
  878.                this.addEventListener('focusout', this.focusOutHandling.bind(this));
  879.  
  880.                if (this.querySelector('.slideshow__autoplay')) {
  881.                    this.sliderAutoplayButton = this.querySelector('.slideshow__autoplay');
  882.                    this.sliderAutoplayButton.addEventListener('click', this.autoPlayToggle.bind(this));
  883.                    this.autoplayButtonIsSetToPlay = true;
  884.                    this.play();
  885.                } else {
  886.                    this.reducedMotion.matches || this.announcementBarArrowButtonWasClicked
  887.                        ? this.pause()
  888.                        : this.play();
  889.                }
  890.            }
  891.  
  892.            onButtonClick(event) {
  893.                super.onButtonClick(event);
  894.                this.wasClicked = true;
  895.  
  896.                const isFirstSlide = this.currentPage === 1;
  897.                const isLastSlide = this.currentPage === this.sliderItemsToShow.length;
  898.  
  899.                if (!isFirstSlide && !isLastSlide) {
  900.                    this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  901.                    return;
  902.                }
  903.  
  904.                if (isFirstSlide && event.currentTarget.name === 'previous') {
  905.                    this.slideScrollPosition =
  906.                        this.slider.scrollLeft + this.sliderFirstItemNode.clientWidth * this.sliderItemsToShow.length;
  907.                } else if (isLastSlide && event.currentTarget.name === 'next') {
  908.                    this.slideScrollPosition = 0;
  909.                }
  910.  
  911.                this.setSlidePosition(this.slideScrollPosition);
  912.  
  913.                this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  914.            }
  915.  
  916.            setSlidePosition(position) {
  917.                if (this.setPositionTimeout) clearTimeout(this.setPositionTimeout);
  918.                this.setPositionTimeout = setTimeout(() => {
  919.                    this.slider.scrollTo({
  920.                        left: position,
  921.                    });
  922.                }, this.announcerBarAnimationDelay);
  923.            }
  924.  
  925.            update() {
  926.                super.update();
  927.                this.sliderControlButtons = this.querySelectorAll('.slider-counter__link');
  928.                this.prevButton.removeAttribute('disabled');
  929.  
  930.                if (!this.sliderControlButtons.length) return;
  931.  
  932.                this.sliderControlButtons.forEach((link) => {
  933.                    link.classList.remove('slider-counter__link--active');
  934.                    link.removeAttribute('aria-current');
  935.                });
  936.                this.sliderControlButtons[this.currentPage - 1].classList.add('slider-counter__link--active');
  937.                this.sliderControlButtons[this.currentPage - 1].setAttribute('aria-current', true);
  938.            }
  939.  
  940.            autoPlayToggle() {
  941.                this.togglePlayButtonState(this.autoplayButtonIsSetToPlay);
  942.                this.autoplayButtonIsSetToPlay ? this.pause() : this.play();
  943.                this.autoplayButtonIsSetToPlay = !this.autoplayButtonIsSetToPlay;
  944.            }
  945.  
  946.            focusOutHandling(event) {
  947.                if (this.sliderAutoplayButton) {
  948.                    const focusedOnAutoplayButton =
  949.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  950.                    if (!this.autoplayButtonIsSetToPlay || focusedOnAutoplayButton) return;
  951.                    this.play();
  952.                } else if (
  953.                    !this.reducedMotion.matches &&
  954.                    !this.announcementBarArrowButtonWasClicked
  955.                ) {
  956.                    this.play();
  957.                }
  958.            }
  959.  
  960.            focusInHandling(event) {
  961.                if (this.sliderAutoplayButton) {
  962.                    const focusedOnAutoplayButton =
  963.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  964.                    if (focusedOnAutoplayButton && this.autoplayButtonIsSetToPlay) {
  965.                        this.play();
  966.                    } else if (this.autoplayButtonIsSetToPlay) {
  967.                        this.pause();
  968.                    }
  969.                } else if (this.announcementBarSlider.contains(event.target)) {
  970.                    this.pause();
  971.                }
  972.            }
  973.  
  974.            play() {
  975.                this.slider.setAttribute('aria-live', 'off');
  976.                clearInterval(this.autoplay);
  977.                this.autoplay = setInterval(this.autoRotateSlides.bind(this), this.autoplaySpeed);
  978.            }
  979.  
  980.            pause() {
  981.                this.slider.setAttribute('aria-live', 'polite');
  982.                clearInterval(this.autoplay);
  983.            }
  984.  
  985.            togglePlayButtonState(pauseAutoplay) {
  986.                if (pauseAutoplay) {
  987.                    this.sliderAutoplayButton.classList.add('slideshow__autoplay--paused');
  988.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.playSlideshow);
  989.                } else {
  990.                    this.sliderAutoplayButton.classList.remove('slideshow__autoplay--paused');
  991.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.pauseSlideshow);
  992.                }
  993.            }
  994.  
  995.            autoRotateSlides() {
  996.                const slideScrollPosition =
  997.                    this.currentPage === this.sliderItems.length
  998.                        ? 0
  999.                        : this.slider.scrollLeft + this.sliderItemOffset;
  1000.  
  1001.                this.setSlidePosition(slideScrollPosition);
  1002.                this.applyAnimationToAnnouncementBar();
  1003.            }
  1004.  
  1005.            setSlideVisibility(event) {
  1006.                this.sliderItemsToShow.forEach((item, index) => {
  1007.                    const linkElements = item.querySelectorAll('a');
  1008.                    if (index === this.currentPage - 1) {
  1009.                        if (linkElements.length)
  1010.                            linkElements.forEach((button) => {
  1011.                                button.removeAttribute('tabindex');
  1012.                            });
  1013.                        item.setAttribute('aria-hidden', 'false');
  1014.                        item.removeAttribute('tabindex');
  1015.                    } else {
  1016.                        if (linkElements.length)
  1017.                            linkElements.forEach((button) => {
  1018.                                button.setAttribute('tabindex', '-1');
  1019.                            });
  1020.                        item.setAttribute('aria-hidden', 'true');
  1021.                        item.setAttribute('tabindex', '-1');
  1022.                    }
  1023.                });
  1024.                this.wasClicked = false;
  1025.            }
  1026.  
  1027.            applyAnimationToAnnouncementBar(button = 'next') {
  1028.                if (!this.announcementBarSlider) return;
  1029.  
  1030.                const itemsCount = this.sliderItems.length;
  1031.                const increment = button === 'next' ? 1 : -1;
  1032.  
  1033.                const currentIndex = this.currentPage - 1;
  1034.                let nextIndex = (currentIndex + increment) % itemsCount;
  1035.                nextIndex = nextIndex === -1 ? itemsCount - 1 : nextIndex;
  1036.  
  1037.                const nextSlide = this.sliderItems[nextIndex];
  1038.                const currentSlide = this.sliderItems[currentIndex];
  1039.  
  1040.                const animationClassIn = 'announcement-bar-slider--fade-in';
  1041.                const animationClassOut = 'announcement-bar-slider--fade-out';
  1042.  
  1043.                const isFirstSlide = currentIndex === 0;
  1044.                const isLastSlide = currentIndex === itemsCount - 1;
  1045.  
  1046.                const shouldMoveNext = (button === 'next' && !isLastSlide) || (button === 'previous' && isFirstSlide);
  1047.                const direction = shouldMoveNext ? 'next' : 'previous';
  1048.  
  1049.                currentSlide.classList.add(`${animationClassOut}-${direction}`);
  1050.                nextSlide.classList.add(`${animationClassIn}-${direction}`);
  1051.  
  1052.                setTimeout(() => {
  1053.                    currentSlide.classList.remove(`${animationClassOut}-${direction}`);
  1054.                    nextSlide.classList.remove(`${animationClassIn}-${direction}`);
  1055.                }, this.announcerBarAnimationDelay * 2);
  1056.            }
  1057.  
  1058.            linkToSlide(event) {
  1059.                event.preventDefault();
  1060.                const slideScrollPosition =
  1061.                    this.slider.scrollLeft +
  1062.                    this.sliderFirstItemNode.clientWidth *
  1063.                    (this.sliderControlLinksArray.indexOf(event.currentTarget) + 1 - this.currentPage);
  1064.                this.slider.scrollTo({
  1065.                    left: slideScrollPosition,
  1066.                });
  1067.            }
  1068.        }
  1069.  
  1070.        customElements.define('slideshow-component', SlideshowComponent);
  1071.  
  1072.        class VariantSelects extends HTMLElement {
  1073.            constructor() {
  1074.                super();
  1075.                this.addEventListener('change', this.onVariantChange);
  1076.            }
  1077.  
  1078.            onVariantChange() {
  1079.                this.updateOptions();
  1080.                this.updateMasterId();
  1081.                this.toggleAddButton(true, '', false);
  1082.                this.updatePickupAvailability();
  1083.                this.removeErrorMessage();
  1084.                this.updateVariantStatuses();
  1085.  
  1086.                if (!this.currentVariant) {
  1087.                    this.toggleAddButton(true, '', true);
  1088.                    this.setUnavailable();
  1089.                } else {
  1090.                    this.updateMedia();
  1091.                    this.updateURL();
  1092.                    this.updateVariantInput();
  1093.                    this.renderProductInfo();
  1094.                    this.updateShareUrl();
  1095.                }
  1096.            }
  1097.  
  1098.            updateOptions() {
  1099.                this.options = Array.from(this.querySelectorAll('select'), (select) => select.value);
  1100.            }
  1101.  
  1102.            updateMasterId() {
  1103.                this.currentVariant = this.getVariantData().find((variant) => {
  1104.                    return !variant.options
  1105.                        .map((option, index) => {
  1106.                            return this.options[index] === option;
  1107.                        })
  1108.                        .includes(false);
  1109.                });
  1110.            }
  1111.  
  1112.            updateMedia() {
  1113.                if (!this.currentVariant) return;
  1114.                if (!this.currentVariant.featured_media) return;
  1115.  
  1116.                const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`);
  1117.                mediaGalleries.forEach((mediaGallery) =>
  1118.                    mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true)
  1119.                );
  1120.  
  1121.                const modalContent = document.querySelector(`#ProductModal-${this.dataset.section} .product-media-modal__content`);
  1122.                if (!modalContent) return;
  1123.                const newMediaModal = modalContent.querySelector(`[data-media-id="${this.currentVariant.featured_media.id}"]`);
  1124.                modalContent.prepend(newMediaModal);
  1125.            }
  1126.  
  1127.            updateURL() {
  1128.                if (!this.currentVariant || this.dataset.updateUrl === 'false') return;
  1129.                window.history.replaceState({}, '', `${this.dataset.url}?variant=${this.currentVariant.id}`);
  1130.            }
  1131.  
  1132.            updateShareUrl() {
  1133.                const shareButton = document.getElementById(`Share-${this.dataset.section}`);
  1134.                if (!shareButton || !shareButton.updateUrl) return;
  1135.                shareButton.updateUrl(`${window.shopUrl}${this.dataset.url}?variant=${this.currentVariant.id}`);
  1136.            }
  1137.  
  1138.            updateVariantInput() {
  1139.                const productForms = document.querySelectorAll(
  1140.                    `#product-form-${this.dataset.section}, #product-form-installment-${this.dataset.section}`
  1141.                );
  1142.                productForms.forEach((productForm) => {
  1143.                    const input = productForm.querySelector('input[name="id"]');
  1144.                    input.value = this.currentVariant.id;
  1145.                    input.dispatchEvent(new Event('change', { bubbles: true }));
  1146.                });
  1147.            }
  1148.  
  1149.            updateVariantStatuses() {
  1150.                const selectedOptionOneVariants = this.variantData.filter(
  1151.                    (variant) => this.querySelector(':checked').value === variant.option1
  1152.                );
  1153.                const inputWrappers = [...this.querySelectorAll('.product-form__input')];
  1154.                inputWrappers.forEach((option, index) => {
  1155.                    if (index === 0) return;
  1156.                    const optionInputs = [...option.querySelectorAll('input[type="radio"], option')];
  1157.                    const previousOptionSelected = inputWrappers[index - 1].querySelector(':checked').value;
  1158.                    const availableOptionInputsValue = selectedOptionOneVariants
  1159.                        .filter((variant) => variant.available && variant[`option${index}`] === previousOptionSelected)
  1160.                        .map((variantOption) => variantOption[`option${index + 1}`]);
  1161.                    this.setInputAvailability(optionInputs, availableOptionInputsValue);
  1162.                });
  1163.            }
  1164.  
  1165.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1166.                listOfOptions.forEach((input) => {
  1167.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1168.                        input.innerText = input.getAttribute('value');
  1169.                    } else {
  1170.                        input.innerText = window.variantStrings.unavailable_with_option.replace('[value]', input.getAttribute('value'));
  1171.                    }
  1172.                });
  1173.            }
  1174.  
  1175.            updatePickupAvailability() {
  1176.                const pickUpAvailability = document.querySelector('pickup-availability');
  1177.                if (!pickUpAvailability) return;
  1178.  
  1179.                if (this.currentVariant && this.currentVariant.available) {
  1180.                    pickUpAvailability.fetchAvailability(this.currentVariant.id);
  1181.                } else {
  1182.                    pickUpAvailability.removeAttribute('available');
  1183.                    pickUpAvailability.innerHTML = '';
  1184.                }
  1185.            }
  1186.  
  1187.            removeErrorMessage() {
  1188.                const section = this.closest('section');
  1189.                if (!section) return;
  1190.  
  1191.                const productForm = section.querySelector('product-form');
  1192.                if (productForm) productForm.handleErrorMessage();
  1193.            }
  1194.  
  1195.            renderProductInfo() {
  1196.                const requestedVariantId = this.currentVariant.id;
  1197.                const sectionId = this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section;
  1198.  
  1199.                fetch(
  1200.                    `${this.dataset.url}?variant=${requestedVariantId}&section_id=${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section
  1201.                    }`
  1202.                )
  1203.                    .then((response) => response.text())
  1204.                    .then((responseText) => {
  1205.                        // prevent unnecessary ui changes from abandoned selections
  1206.                        if (this.currentVariant.id !== requestedVariantId) return;
  1207.  
  1208.                        const html = new DOMParser().parseFromString(responseText, 'text/html');
  1209.                        const destination = document.getElementById(`price-${this.dataset.section}`);
  1210.                        const source = html.getElementById(
  1211.                            `price-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1212.                        );
  1213.                        const skuSource = html.getElementById(
  1214.                            `Sku-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1215.                        );
  1216.                        const skuDestination = document.getElementById(`Sku-${this.dataset.section}`);
  1217.                        const inventorySource = html.getElementById(
  1218.                            `Inventory-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1219.                        );
  1220.                        const inventoryDestination = document.getElementById(`Inventory-${this.dataset.section}`);
  1221.  
  1222.                        const volumePricingSource = html.getElementById(
  1223.                            `Volume-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1224.                        );
  1225.  
  1226.                        const pricePerItemDestination = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1227.                        const pricePerItemSource = html.getElementById(`Price-Per-Item-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`);
  1228.  
  1229.                        const volumePricingDestination = document.getElementById(`Volume-${this.dataset.section}`);
  1230.                        const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1231.                        const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1232.  
  1233.                        if (volumeNote) volumeNote.classList.remove('hidden');
  1234.                        if (volumePricingDestination) volumePricingDestination.classList.remove('hidden');
  1235.                        if (qtyRules) qtyRules.classList.remove('hidden');
  1236.  
  1237.                        if (source && destination) destination.innerHTML = source.innerHTML;
  1238.                        if (inventorySource && inventoryDestination) inventoryDestination.innerHTML = inventorySource.innerHTML;
  1239.                        if (skuSource && skuDestination) {
  1240.                            skuDestination.innerHTML = skuSource.innerHTML;
  1241.                            skuDestination.classList.toggle('hidden', skuSource.classList.contains('hidden'));
  1242.                        }
  1243.  
  1244.                        if (volumePricingSource && volumePricingDestination) {
  1245.                            volumePricingDestination.innerHTML = volumePricingSource.innerHTML;
  1246.                        }
  1247.  
  1248.                        if (pricePerItemSource && pricePerItemDestination) {
  1249.                            pricePerItemDestination.innerHTML = pricePerItemSource.innerHTML;
  1250.                            pricePerItemDestination.classList.toggle('hidden', pricePerItemSource.classList.contains('hidden'));
  1251.                        }
  1252.  
  1253.                        const price = document.getElementById(`price-${this.dataset.section}`);
  1254.  
  1255.                        if (price) price.classList.remove('hidden');
  1256.  
  1257.                        if (inventoryDestination)
  1258.                            inventoryDestination.classList.toggle('hidden', inventorySource.innerText === '');
  1259.  
  1260.                        const addButtonUpdated = html.getElementById(`ProductSubmitButton-${sectionId}`);
  1261.                        this.toggleAddButton(
  1262.                            addButtonUpdated ? addButtonUpdated.hasAttribute('disabled') : true,
  1263.                            window.variantStrings.soldOut
  1264.                        );
  1265.  
  1266.                        publish(PUB_SUB_EVENTS.variantChange, {
  1267.                            data: {
  1268.                                sectionId,
  1269.                                html,
  1270.                                variant: this.currentVariant,
  1271.                            },
  1272.                        });
  1273.                    });
  1274.            }
  1275.  
  1276.            toggleAddButton(disable = true, text, modifyClass = true) {
  1277.                const productForm = document.getElementById(`product-form-${this.dataset.section}`);
  1278.                if (!productForm) return;
  1279.                const addButton = productForm.querySelector('[name="add"]');
  1280.                const addButtonText = productForm.querySelector('[name="add"] > span');
  1281.                if (!addButton) return;
  1282.  
  1283.                if (disable) {
  1284.                    addButton.setAttribute('disabled', 'disabled');
  1285.                    if (text) addButtonText.textContent = text;
  1286.                } else {
  1287.                    addButton.removeAttribute('disabled');
  1288.                    addButtonText.textContent = window.variantStrings.addToCart;
  1289.                }
  1290.  
  1291.                if (!modifyClass) return;
  1292.            }
  1293.  
  1294.            setUnavailable() {
  1295.                const button = document.getElementById(`product-form-${this.dataset.section}`);
  1296.                const addButton = button.querySelector('[name="add"]');
  1297.                const addButtonText = button.querySelector('[name="add"] > span');
  1298.                const price = document.getElementById(`price-${this.dataset.section}`);
  1299.                const inventory = document.getElementById(`Inventory-${this.dataset.section}`);
  1300.                const sku = document.getElementById(`Sku-${this.dataset.section}`);
  1301.                const pricePerItem = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1302.                const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1303.                const volumeTable = document.getElementById(`Volume-${this.dataset.section}`);
  1304.                const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1305.  
  1306.                if (!addButton) return;
  1307.                addButtonText.textContent = window.variantStrings.unavailable;
  1308.                if (price) price.classList.add('hidden');
  1309.                if (inventory) inventory.classList.add('hidden');
  1310.                if (sku) sku.classList.add('hidden');
  1311.                if (pricePerItem) pricePerItem.classList.add('hidden');
  1312.                if (volumeNote) volumeNote.classList.add('hidden');
  1313.                if (volumeTable) volumeTable.classList.add('hidden');
  1314.                if (qtyRules) qtyRules.classList.add('hidden');
  1315.            }
  1316.  
  1317.            getVariantData() {
  1318.                this.variantData = this.variantData || JSON.parse(this.querySelector('[type="application/json"]').textContent);
  1319.                return this.variantData;
  1320.            }
  1321.        }
  1322.  
  1323.        customElements.define('variant-selects', VariantSelects);
  1324.  
  1325.        class VariantRadios extends VariantSelects {
  1326.            constructor() {
  1327.                super();
  1328.            }
  1329.  
  1330.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1331.                listOfOptions.forEach((input) => {
  1332.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1333.                        input.classList.remove('disabled');
  1334.                    } else {
  1335.                        input.classList.add('disabled');
  1336.                    }
  1337.                });
  1338.            }
  1339.  
  1340.            updateOptions() {
  1341.                const fieldsets = Array.from(this.querySelectorAll('fieldset'));
  1342.                this.options = fieldsets.map((fieldset) => {
  1343.                    return Array.from(fieldset.querySelectorAll('input')).find((radio) => radio.checked).value;
  1344.                });
  1345.            }
  1346.        }
  1347.  
  1348.        customElements.define('variant-radios', VariantRadios);
  1349.  
  1350.        class ProductRecommendations extends HTMLElement {
  1351.            constructor() {
  1352.                super();
  1353.            }
  1354.  
  1355.            connectedCallback() {
  1356.                const handleIntersection = (entries, observer) => {
  1357.                    if (!entries[0].isIntersecting) return;
  1358.                    observer.unobserve(this);
  1359.  
  1360.                    fetch(this.dataset.url)
  1361.                        .then((response) => response.text())
  1362.                        .then((text) => {
  1363.                            const html = document.createElement('div');
  1364.                            html.innerHTML = text;
  1365.                            const recommendations = html.querySelector('product-recommendations');
  1366.  
  1367.                            if (recommendations && recommendations.innerHTML.trim().length) {
  1368.                                this.innerHTML = recommendations.innerHTML;
  1369.                            }
  1370.  
  1371.                            if (!this.querySelector('slideshow-component') && this.classList.contains('complementary-products')) {
  1372.                                this.remove();
  1373.                            }
  1374.  
  1375.                            if (html.querySelector('.grid__item')) {
  1376.                                this.classList.add('product-recommendations--loaded');
  1377.                            }
  1378.                        })
  1379.                        .catch((e) => {
  1380.                            console.error(e);
  1381.                        });
  1382.                };
  1383.  
  1384.                new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 400px 0px' }).observe(this);
  1385.            }
  1386.        }
  1387.  
  1388.        customElements.define('product-recommendations', ProductRecommendations);
  1389.    </script>
  1390.    <script>
  1391.        /** Shopify CDN: Minification failed
  1392.    
  1393.    Line 16:0 Transforming const to the configured target environment ("es5") is not supported yet
  1394.    Line 17:0 Transforming const to the configured target environment ("es5") is not supported yet
  1395.    Line 18:0 Transforming const to the configured target environment ("es5") is not supported yet
  1396.    Line 19:0 Transforming const to the configured target environment ("es5") is not supported yet
  1397.    Line 25:6 Transforming const to the configured target environment ("es5") is not supported yet
  1398.    Line 39:49 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1399.    Line 39:79 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1400.    Line 40:2 Transforming const to the configured target environment ("es5") is not supported yet
  1401.    Line 50:2 Transforming const to the configured target environment ("es5") is not supported yet
  1402.    Line 60:2 Transforming const to the configured target environment ("es5") is not supported yet
  1403.    ... and 9 more hidden warnings
  1404.    
  1405.    **/
  1406.        const SCROLL_ANIMATION_TRIGGER_CLASSNAME = 'scroll-trigger';
  1407.        const SCROLL_ANIMATION_OFFSCREEN_CLASSNAME = 'scroll-trigger--offscreen';
  1408.        const SCROLL_ZOOM_IN_TRIGGER_CLASSNAME = 'animate--zoom-in';
  1409.        const SCROLL_ANIMATION_CANCEL_CLASSNAME = 'scroll-trigger--cancel';
  1410.  
  1411.        // Scroll in animation logic
  1412.        function onIntersection(elements, observer) {
  1413.            elements.forEach((element, index) => {
  1414.                if (element.isIntersecting) {
  1415.                    const elementTarget = element.target;
  1416.                    if (elementTarget.classList.contains(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME)) {
  1417.                        elementTarget.classList.remove(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1418.                        if (elementTarget.hasAttribute('data-cascade'))
  1419.                            elementTarget.setAttribute('style', `--animation-order: ${index};`);
  1420.                    }
  1421.                    observer.unobserve(elementTarget);
  1422.                } else {
  1423.                    element.target.classList.add(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1424.                    element.target.classList.remove(SCROLL_ANIMATION_CANCEL_CLASSNAME);
  1425.                }
  1426.            });
  1427.        }
  1428.  
  1429.        function initializeScrollAnimationTrigger(rootEl = document, isDesignModeEvent = false) {
  1430.            const animationTriggerElements = Array.from(rootEl.getElementsByClassName(SCROLL_ANIMATION_TRIGGER_CLASSNAME));
  1431.            if (animationTriggerElements.length === 0) return;
  1432.  
  1433.            if (isDesignModeEvent) {
  1434.                animationTriggerElements.forEach((element) => {
  1435.                    element.classList.add('scroll-trigger--design-mode');
  1436.                });
  1437.                return;
  1438.            }
  1439.  
  1440.            const observer = new IntersectionObserver(onIntersection, {
  1441.                rootMargin: '0px 0px -50px 0px',
  1442.            });
  1443.            animationTriggerElements.forEach((element) => observer.observe(element));
  1444.        }
  1445.  
  1446.        // Zoom in animation logic
  1447.        function initializeScrollZoomAnimationTrigger() {
  1448.            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
  1449.  
  1450.            const animationTriggerElements = Array.from(document.getElementsByClassName(SCROLL_ZOOM_IN_TRIGGER_CLASSNAME));
  1451.  
  1452.            if (animationTriggerElements.length === 0) return;
  1453.  
  1454.            const scaleAmount = 0.2 / 100;
  1455.  
  1456.            animationTriggerElements.forEach((element) => {
  1457.                let elementIsVisible = false;
  1458.                const observer = new IntersectionObserver((elements) => {
  1459.                    elements.forEach((entry) => {
  1460.                        elementIsVisible = entry.isIntersecting;
  1461.                    });
  1462.                });
  1463.                observer.observe(element);
  1464.  
  1465.                element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1466.  
  1467.                window.addEventListener(
  1468.                    'scroll',
  1469.                    throttle(() => {
  1470.                        if (!elementIsVisible) return;
  1471.  
  1472.                        element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1473.                    }),
  1474.                    { passive: true }
  1475.                );
  1476.            });
  1477.        }
  1478.  
  1479.        function percentageSeen(element) {
  1480.            const viewportHeight = window.innerHeight;
  1481.            const scrollY = window.scrollY;
  1482.            const elementPositionY = element.getBoundingClientRect().top + scrollY;
  1483.            const elementHeight = element.offsetHeight;
  1484.  
  1485.            if (elementPositionY > scrollY + viewportHeight) {
  1486.                // If we haven't reached the image yet
  1487.                return 0;
  1488.            } else if (elementPositionY + elementHeight < scrollY) {
  1489.                // If we've completely scrolled past the image
  1490.                return 100;
  1491.            }
  1492.  
  1493.            // When the image is in the viewport
  1494.            const distance = scrollY + viewportHeight - elementPositionY;
  1495.            let percentage = distance / ((viewportHeight + elementHeight) / 100);
  1496.            return Math.round(percentage);
  1497.        }
  1498.  
  1499.        window.addEventListener('DOMContentLoaded', () => {
  1500.            initializeScrollAnimationTrigger();
  1501.            initializeScrollZoomAnimationTrigger();
  1502.        });
  1503.  
  1504.        if (Shopify.designMode) {
  1505.            document.addEventListener('shopify:section:load', (event) => initializeScrollAnimationTrigger(event.target, true));
  1506.            document.addEventListener('shopify:section:reorder', () => initializeScrollAnimationTrigger(document, true));
  1507.        }  
  1508.    </script>
  1509.    <script>
  1510.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');
  1511.    </script>
  1512.    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/67119169539/digital_wallets/dialog">
  1513.    <link rel="alternate" type="application/json+oembed" href=".html">
  1514.    <script async="async" src="https://duwaynemotel.com/"></script>
  1515.    <script id="shopify-features" type="application/json">
  1516.      {
  1517.        "accessToken": "bd35w3423f0855sf383c4483c3cc50a6",
  1518.        "betas": ["rich-media-storefront-analytics"],
  1519.        "domain": "https://duwaynemotel.com/",
  1520.        "predictiveSearch": true,
  1521.        "shopId": 37356114305,
  1522.        "smart_payment_buttons_url": "https:\/\/allamericanwindowtinting.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
  1523.        "dynamic_checkout_cart_url": "https:\/\/allamericanwindowtinting.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
  1524.        "locale": "en",
  1525.        "optimusEnabled": true,
  1526.        "optimusHidden": false,
  1527.        "betterDynamicCheckoutRecommendationVariant": "control",
  1528.        "shopPromisePDPV3Enabled": false
  1529.      }
  1530.    </script>
  1531.    <script type="application/ld+json">
  1532.      {
  1533.        "@context": "https://schema.org",
  1534.        "@type": "SoftwareApplication",
  1535.        "name": "Prediksi Macau",
  1536.        "operatingSystem": "ANDROID",
  1537.        "applicationCategory": "GameApplication",
  1538.        "aggregateRating": {
  1539.          "@type": "AggregateRating",
  1540.          "ratingValue": "5",
  1541.          "ratingCount": "2907771"
  1542.        },
  1543.        "offers": {
  1544.          "@type": "Offer",
  1545.          "price": "10000.00",
  1546.          "priceCurrency": "IDR"
  1547.        }
  1548.      }
  1549.    </script>
  1550.    <script>
  1551.        var Shopify = Shopify || {};
  1552.        Shopify.shop = "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya";
  1553.        Shopify.locale = "en";
  1554.        Shopify.currency = {
  1555.            active: "IDR",
  1556.            rate: "1.0"
  1557.        };
  1558.        Shopify.country = "ID";
  1559.        Shopify.theme = {
  1560.            name: "Refresh",
  1561.            id: 138081403093,
  1562.            theme_store_id: 1567,
  1563.            role: "main"
  1564.        };
  1565.        Shopify.theme.handle = "null";
  1566.        Shopify.theme.style = {
  1567.            id: null,
  1568.            handle: null
  1569.        };
  1570.        Shopify.cdnHost = "https://duwaynemotel.com//cdn";
  1571.        Shopify.routes = Shopify.routes || {};
  1572.        Shopify.routes.root = "https://duwaynemotel.com/";
  1573.    </script>
  1574.    <script type="module">
  1575.        ! function (o) {
  1576.            (o.Shopify = o.Shopify || {}).modules = !0
  1577.        }(window);
  1578.    </script>
  1579.    <script>
  1580.        ! function (o) {
  1581.            function n() {
  1582.                var o = [];
  1583.  
  1584.                function n() {
  1585.                    o.push(Array.prototype.slice.apply(arguments))
  1586.                }
  1587.                return n.q = o, n
  1588.            }
  1589.            var t = o.Shopify = o.Shopify || {};
  1590.            t.loadFeatures = n(), t.autoloadFeatures = n()
  1591.        }(window);
  1592.    </script>
  1593.    <script id="__st">
  1594.        var __st = {
  1595.            a: 67119169539,
  1596.            offset: 0,
  1597.            reqid: "816b44e4-400f-420d-8784-4bd8093b92b1",
  1598.            pageurl: "https://duwaynemotel.com/",
  1599.            u: "64d86d143528",
  1600.            p: "product",
  1601.            rtyp: "product",
  1602.            rid: 8226828321669
  1603.        };
  1604.    </script>
  1605.    <script>
  1606.        window.ShopifyPaypalV4VisibilityTracking = true;
  1607.    </script>
  1608.    <script>
  1609.        ! function (o) {
  1610.            o.addEventListener("DOMContentLoaded", function () {
  1611.                window.Shopify = window.Shopify || {}, window.Shopify.recaptchaV3 = window.Shopify.recaptchaV3 || {
  1612.                    siteKey: "6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"
  1613.                };
  1614.                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(",");
  1615.  
  1616.                function n(e) {
  1617.                    e = e.target;
  1618.                    null == e || null != (e = function e(t, n) {
  1619.                        if (null == t.parentElement) return null;
  1620.                        if ("FORM" != t.parentElement.tagName) return e(t.parentElement, n);
  1621.                        for (var o = t.parentElement.action, r = 0; r < n.length; r++)
  1622.                            if (-1 !== o.indexOf(n[r])) return t.parentElement;
  1623.                        return null
  1624.                    }(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))
  1625.                }
  1626.                o.addEventListener("click", n, !0), o.addEventListener("change", n, !0), o.addEventListener("focus", n, !0)
  1627.            })
  1628.        }(document);
  1629.    </script>
  1630.    <script>
  1631.        !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);
  1632.    </script>
  1633.    <script>
  1634.        !function () {
  1635.            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) {
  1636.                "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) {
  1637.                    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) {
  1638.                        return new Promise((function (e, r) {
  1639.                            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),
  1640.                                "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)
  1641.                        }))
  1642.                    }, t.fetch.polyfill = !0
  1643.                }
  1644.            }("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) }))
  1645.        }("undefined" != typeof global ? global : "undefined" != typeof window && window);
  1646.    </script>
  1647.    <style id="shopify-dynamic-checkout">
  1648.        .shopify-payment-button__button--hidden {
  1649.            visibility: hidden
  1650.        }
  1651.  
  1652.        .shopify-payment-button__button {
  1653.            border-radius: 4px;
  1654.            border: none;
  1655.            box-shadow: 0 0 0 0 transparent;
  1656.            color: #fff;
  1657.            cursor: pointer;
  1658.            display: block;
  1659.            font-size: 1em;
  1660.            font-weight: 500;
  1661.            line-height: 1;
  1662.            text-align: center;
  1663.            width: 100%;
  1664.            transition: background .2s ease-in-out
  1665.        }
  1666.  
  1667.        .shopify-payment-button__button[disabled] {
  1668.            opacity: .6;
  1669.            cursor: default
  1670.        }
  1671.  
  1672.        .shopify-payment-button__button--unbranded {
  1673.            background-color: #1990c6;
  1674.            padding: 1em 2em
  1675.        }
  1676.  
  1677.        .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  1678.            background-color: #136f99
  1679.        }
  1680.  
  1681.        .shopify-payment-button__more-options {
  1682.            background: 0 0;
  1683.            border: 0 none;
  1684.            cursor: pointer;
  1685.            display: block;
  1686.            font-size: 1em;
  1687.            margin-top: 1em;
  1688.            text-align: center;
  1689.            width: 100%
  1690.        }
  1691.  
  1692.        .shopify-payment-button__more-options:hover:not([disabled]) {
  1693.            text-decoration: underline
  1694.        }
  1695.  
  1696.        .shopify-payment-button__more-options[disabled] {
  1697.            opacity: .6;
  1698.            cursor: not-allowed
  1699.        }
  1700.  
  1701.        .shopify-payment-button__button--branded {
  1702.            display: flex;
  1703.            flex-direction: column;
  1704.            min-height: 44px;
  1705.            position: relative;
  1706.            z-index: 1
  1707.        }
  1708.  
  1709.        .shopify-payment-button__button--branded .shopify-cleanslate {
  1710.            flex: 1 !important;
  1711.            display: flex !important;
  1712.            flex-direction: column !important
  1713.        }
  1714.  
  1715.        .shopify-payment-button__button.button.loading {
  1716.            position: relative;
  1717.            color: transparent
  1718.        }
  1719.  
  1720.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner {
  1721.            top: 50%;
  1722.            left: 50%;
  1723.            transform: translate(-50%, -50%);
  1724.            position: absolute;
  1725.            height: 100%;
  1726.            display: flex;
  1727.            align-items: center
  1728.        }
  1729.  
  1730.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner .spinner {
  1731.            width: -moz-fit-content;
  1732.            width: fit-content
  1733.        }
  1734.  
  1735.        .button.loading>.loading-overlay__spinner .path {
  1736.            stroke: #fff
  1737.        }
  1738.  
  1739.        .shopify-payment-button__button .loading-overlay__spinner {
  1740.            width: 1.8rem;
  1741.            display: inline-block
  1742.        }
  1743.  
  1744.        .shopify-payment-button__button .spinner {
  1745.            animation: shopify-rotator 1.4s linear infinite
  1746.        }
  1747.  
  1748.        @keyframes shopify-rotator {
  1749.            0% {
  1750.                transform: rotate(0)
  1751.            }
  1752.  
  1753.            100% {
  1754.                transform: rotate(270deg)
  1755.            }
  1756.        }
  1757.  
  1758.        .shopify-payment-button__button .path {
  1759.            stroke-dasharray: 280;
  1760.            stroke-dashoffset: 0;
  1761.            transform-origin: center;
  1762.            stroke: #121212;
  1763.            animation: shopify-dash 1.4s ease-in-out infinite
  1764.        }
  1765.  
  1766.        @media screen and (forced-colors:active) {
  1767.            .shopify-payment-button__button .path {
  1768.                stroke: CanvasText
  1769.            }
  1770.        }
  1771.  
  1772.        @keyframes shopify-dash {
  1773.            0% {
  1774.                stroke-dashoffset: 280
  1775.            }
  1776.  
  1777.            50% {
  1778.                stroke-dashoffset: 75;
  1779.                transform: rotate(135deg)
  1780.            }
  1781.  
  1782.            100% {
  1783.                stroke-dashoffset: 280;
  1784.                transform: rotate(450deg)
  1785.            }
  1786.        }
  1787.    </style>
  1788.    <script>
  1789.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');
  1790.    </script>
  1791.    <style data-shopify>
  1792.        @font-face {
  1793.            font-family: Questrial;
  1794.            font-weight: 400;
  1795.            font-style: normal;
  1796.            font-display: swap;
  1797.            src: url(http://https://duwaynemotel.com//cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664) format("woff2"), url(http://https://duwaynemotel.com//cdn/fonts/questrial/questrial_n4.5abce10d8846bb9326c9741eaffed9667c847692.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=136e78abf621321b832ba0b2c80d5c764228ec9edb2550b890fb94f7dfbf4881) format("woff")
  1798.        }
  1799.  
  1800.        @font-face {
  1801.            font-family: Archivo;
  1802.            font-weight: 700;
  1803.            font-style: normal;
  1804.            font-display: swap;
  1805.            src: url(http://https://duwaynemotel.com//cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372) format("woff2"), url(http://https://duwaynemotel.com//cdn/fonts/archivo/archivo_n7.846b40a5735bbd149ad44b083a19c3e5d88d8fab.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=d0abb13a26bf76d6aa3da07b374c9d85e0b976d6591761ed7c4cdc2cd429b450) format("woff")
  1806.        }
  1807.  
  1808.        .color-background-1,
  1809.        :root {
  1810.            --color-background: 245, 245, 245;
  1811.            --gradient-background: #ffffff;
  1812.            --color-foreground: 14, 27, 77;
  1813.            --color-background-contrast: 161, 166, 196;
  1814.            --color-shadow: 14, 27, 77;
  1815.            --color-button: 130, 0, 0;
  1816.            --color-button-text: 245, 245, 245;
  1817.            --color-secondary-button: 245, 245, 245;
  1818.            --color-secondary-button-text: 14, 27, 77;
  1819.            --color-link: 14, 27, 77;
  1820.            --color-badge-foreground: 14, 27, 77;
  1821.            --color-badge-background: 245, 245, 245;
  1822.            --color-badge-border: 14, 27, 77;
  1823.            --payment-terms-background-color: rgb(239 240 245)
  1824.        }
  1825.  
  1826.        .n-columns-2 {
  1827.            display: grid;
  1828.            grid-template-columns: repeat(2, 1fr);
  1829.            font-weight: 700
  1830.        }
  1831.  
  1832.        .n-columns-2 a {
  1833.            text-align: center;
  1834.            text-decoration: none;
  1835.        }
  1836.  
  1837.        .login,
  1838.        .register {
  1839.            color: #fff;
  1840.            padding: 13px 10px
  1841.        }
  1842.  
  1843.        .login,
  1844.        .login-button {
  1845.            border: 1px solid #d3d3d3;
  1846.            background: linear-gradient(to bottom, #d9b44c 0, #765802 100%)
  1847.        }
  1848.  
  1849.        .register,
  1850.        .register-button {
  1851.            background: linear-gradient(to bottom, #d9b44c 0, #765802 100%);
  1852.            border: 1px solid #d3d3d3
  1853.        }
  1854.  
  1855.        .color-background-2 {
  1856.            --color-background: 255, 255, 255;
  1857.            --gradient-background: #FFFFFF;
  1858.            --color-foreground: 14, 27, 77;
  1859.            --color-background-contrast: 191, 191, 191;
  1860.            --color-shadow: 14, 27, 77;
  1861.            --color-button: 14, 27, 77;
  1862.            --color-button-text: 255, 255, 255;
  1863.            --color-secondary-button: 255, 255, 255;
  1864.            --color-secondary-button-text: 14, 27, 77;
  1865.            --color-link: 14, 27, 77;
  1866.            --color-badge-foreground: 14, 27, 77;
  1867.            --color-badge-background: 255, 255, 255;
  1868.            --color-badge-border: 14, 27, 77;
  1869.            --payment-terms-background-color: rgb(255 255 255)
  1870.        }
  1871.  
  1872.        .color-inverse {
  1873.            --color-background: 130, 0, 0;
  1874.            --gradient-background: #2f2b1b;
  1875.            --color-foreground: 255, 255, 255;
  1876.            --color-background-contrast: 18, 35, 99;
  1877.            --color-shadow: 14, 27, 77;
  1878.            --color-button: 255, 255, 255;
  1879.            --color-button-text: 14, 27, 77;
  1880.            --color-secondary-button: 14, 27, 77;
  1881.            --color-secondary-button-text: 255, 255, 255;
  1882.            --color-link: 255, 255, 255;
  1883.            --color-badge-foreground: 255, 255, 255;
  1884.            --color-badge-background: 14, 27, 77;
  1885.            --color-badge-border: 255, 255, 255;
  1886.            --payment-terms-background-color: rgb(79, 0, 0)
  1887.        }
  1888.  
  1889.        .color-accent-1 {
  1890.            --color-background: 128, 0, 0;
  1891.            --gradient-background: #d9b44c;
  1892.            --color-foreground: 255, 255, 255;
  1893.            --color-background-contrast: 27, 57, 136;
  1894.            --color-shadow: 14, 27, 77;
  1895.            --color-button: 255, 255, 255;
  1896.            --color-button-text: 128, 0, 0;
  1897.            --color-secondary-button: 128, 0, 0;
  1898.            --color-secondary-button-text: 255, 255, 255;
  1899.            --color-link: 255, 255, 255;
  1900.            --color-badge-foreground: 255, 255, 255;
  1901.            --color-badge-background: 130, 0, 0;
  1902.            --color-badge-border: 255, 255, 255;
  1903.            --payment-terms-background-color: rgb(0, 18, 65)
  1904.        }
  1905.  
  1906.        .color-accent-2 {
  1907.            --color-background: 227, 36, 2;
  1908.            --gradient-background: #E32402;
  1909.            --color-foreground: 255, 255, 255;
  1910.            --color-background-contrast: 101, 16, 1;
  1911.            --color-shadow: 14, 27, 77;
  1912.            --color-button: 255, 255, 255;
  1913.            --color-button-text: 227, 36, 2;
  1914.            --color-secondary-button: 227, 36, 2;
  1915.            --color-secondary-button-text: 255, 255, 255;
  1916.            --color-link: 255, 255, 255;
  1917.            --color-badge-foreground: 255, 255, 255;
  1918.            --color-badge-background: 227, 36, 2;
  1919.            --color-badge-border: 255, 255, 255;
  1920.            --payment-terms-background-color: rgb(227 36 2)
  1921.        }
  1922.  
  1923.        .color-accent-1,
  1924.        .color-accent-2,
  1925.        .color-background-1,
  1926.        .color-background-2,
  1927.        .color-inverse,
  1928.        body {
  1929.            color: rgba(var(--color-foreground), .75);
  1930.            background-color: rgb(var(--color-background))
  1931.        }
  1932.  
  1933.        :root {
  1934.            --font-body-family: Questrial, sans-serif;
  1935.            --font-body-style: normal;
  1936.            --font-body-weight: 400;
  1937.            --font-body-weight-bold: 700;
  1938.            --font-heading-family: Archivo, serif;
  1939.            --font-heading-style: normal;
  1940.            --font-heading-weight: 700;
  1941.            --font-body-scale: 1.05;
  1942.            --font-heading-scale: 1.0476190476190477;
  1943.            --media-padding: px;
  1944.            --media-border-opacity: 0.1;
  1945.            --media-border-width: 0px;
  1946.            --media-radius: 20px;
  1947.            --media-shadow-opacity: 0.0;
  1948.            --media-shadow-horizontal-offset: 0px;
  1949.            --media-shadow-vertical-offset: 4px;
  1950.            --media-shadow-blur-radius: 5px;
  1951.            --media-shadow-visible: 0;
  1952.            --page-width: 120rem;
  1953.            --page-width-margin: 0rem;
  1954.            --product-card-image-padding: 1.6rem;
  1955.            --product-card-corner-radius: 1.8rem;
  1956.            --product-card-text-alignment: left;
  1957.            --product-card-border-width: 0.1rem;
  1958.            --product-card-border-opacity: 1.0;
  1959.            --product-card-shadow-opacity: 0.0;
  1960.            --product-card-shadow-visible: 0;
  1961.            --product-card-shadow-horizontal-offset: 0.0rem;
  1962.            --product-card-shadow-vertical-offset: 0.4rem;
  1963.            --product-card-shadow-blur-radius: 0.5rem;
  1964.            --collection-card-image-padding: 1.6rem;
  1965.            --collection-card-corner-radius: 1.8rem;
  1966.            --collection-card-text-alignment: left;
  1967.            --collection-card-border-width: 0.1rem;
  1968.            --collection-card-border-opacity: 1.0;
  1969.            --collection-card-shadow-opacity: 0.0;
  1970.            --collection-card-shadow-visible: 0;
  1971.            --collection-card-shadow-horizontal-offset: 0.0rem;
  1972.            --collection-card-shadow-vertical-offset: 0.4rem;
  1973.            --collection-card-shadow-blur-radius: 0.5rem;
  1974.            --blog-card-image-padding: 1.6rem;
  1975.            --blog-card-corner-radius: 1.8rem;
  1976.            --blog-card-text-alignment: left;
  1977.            --blog-card-border-width: 0.1rem;
  1978.            --blog-card-border-opacity: 1.0;
  1979.            --blog-card-shadow-opacity: 0.0;
  1980.            --blog-card-shadow-visible: 0;
  1981.            --blog-card-shadow-horizontal-offset: 0.0rem;
  1982.            --blog-card-shadow-vertical-offset: 0.4rem;
  1983.            --blog-card-shadow-blur-radius: 0.5rem;
  1984.            --badge-corner-radius: 0.0rem;
  1985.            --popup-border-width: 1px;
  1986.            --popup-border-opacity: 0.1;
  1987.            --popup-corner-radius: 18px;
  1988.            --popup-shadow-opacity: 0.0;
  1989.            --popup-shadow-horizontal-offset: 0px;
  1990.            --popup-shadow-vertical-offset: 4px;
  1991.            --popup-shadow-blur-radius: 5px;
  1992.            --drawer-border-width: 0px;
  1993.            --drawer-border-opacity: 0.1;
  1994.            --drawer-shadow-opacity: 0.0;
  1995.            --drawer-shadow-horizontal-offset: 0px;
  1996.            --drawer-shadow-vertical-offset: 4px;
  1997.            --drawer-shadow-blur-radius: 5px;
  1998.            --spacing-sections-desktop: 0px;
  1999.            --spacing-sections-mobile: 0px;
  2000.            --grid-desktop-vertical-spacing: 28px;
  2001.            --grid-desktop-horizontal-spacing: 28px;
  2002.            --grid-mobile-vertical-spacing: 14px;
  2003.            --grid-mobile-horizontal-spacing: 14px;
  2004.            --text-boxes-border-opacity: 0.1;
  2005.            --text-boxes-border-width: 0px;
  2006.            --text-boxes-radius: 20px;
  2007.            --text-boxes-shadow-opacity: 0.0;
  2008.            --text-boxes-shadow-visible: 0;
  2009.            --text-boxes-shadow-horizontal-offset: 0px;
  2010.            --text-boxes-shadow-vertical-offset: 4px;
  2011.            --text-boxes-shadow-blur-radius: 5px;
  2012.            --buttons-radius: 40px;
  2013.            --buttons-radius-outset: 41px;
  2014.            --buttons-border-width: 1px;
  2015.            --buttons-border-opacity: 1.0;
  2016.            --buttons-shadow-opacity: 0.0;
  2017.            --buttons-shadow-visible: 0;
  2018.            --buttons-shadow-horizontal-offset: 0px;
  2019.            --buttons-shadow-vertical-offset: 4px;
  2020.            --buttons-shadow-blur-radius: 5px;
  2021.            --buttons-border-offset: 0.3px;
  2022.            --inputs-radius: 26px;
  2023.            --inputs-border-width: 1px;
  2024.            --inputs-border-opacity: 0.55;
  2025.            --inputs-shadow-opacity: 0.0;
  2026.            --inputs-shadow-horizontal-offset: 0px;
  2027.            --inputs-margin-offset: 0px;
  2028.            --inputs-shadow-vertical-offset: 4px;
  2029.            --inputs-shadow-blur-radius: 5px;
  2030.            --inputs-radius-outset: 27px;
  2031.            --variant-pills-radius: 40px;
  2032.            --variant-pills-border-width: 1px;
  2033.            --variant-pills-border-opacity: 0.55;
  2034.            --variant-pills-shadow-opacity: 0.0;
  2035.            --variant-pills-shadow-horizontal-offset: 0px;
  2036.            --variant-pills-shadow-vertical-offset: 4px;
  2037.            --variant-pills-shadow-blur-radius: 5px
  2038.        }
  2039.  
  2040.        *,
  2041.        ::after,
  2042.        ::before {
  2043.            box-sizing: inherit
  2044.        }
  2045.  
  2046.        html {
  2047.            box-sizing: border-box;
  2048.            font-size: calc(var(--font-body-scale) * 62.5%);
  2049.            height: 100%
  2050.        }
  2051.  
  2052.        body {
  2053.            display: grid;
  2054.            grid-template-rows: auto auto 1fr auto;
  2055.            grid-template-columns: 100%;
  2056.            min-height: 100%;
  2057.            margin: 0;
  2058.            font-size: 1.5rem;
  2059.            letter-spacing: .06rem;
  2060.            line-height: calc(1 + .8 / var(--font-body-scale));
  2061.            font-family: var(--font-body-family);
  2062.            font-style: var(--font-body-style);
  2063.            font-weight: var(--font-body-weight)
  2064.        }
  2065.  
  2066.        @media screen and (min-width:750px) {
  2067.            body {
  2068.                font-size: 1.6rem
  2069.            }
  2070.        }
  2071.    </style>
  2072.    <style>
  2073.        :root {
  2074.            --alpha-button-background: 1;
  2075.            --alpha-button-border: 1;
  2076.            --alpha-link: .85;
  2077.            --alpha-badge-border: .1
  2078.        }
  2079.  
  2080.        .product-card-wrapper .card,
  2081.        .contains-card--product {
  2082.            --border-radius: var(--product-card-corner-radius);
  2083.            --border-width: var(--product-card-border-width);
  2084.            --border-opacity: var(--product-card-border-opacity);
  2085.            --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  2086.            --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  2087.            --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  2088.            --shadow-opacity: var(--product-card-shadow-opacity);
  2089.            --shadow-visible: var(--product-card-shadow-visible);
  2090.            --image-padding: var(--product-card-image-padding);
  2091.            --text-alignment: var(--product-card-text-alignment)
  2092.        }
  2093.  
  2094.        .collection-card-wrapper .card,
  2095.        .contains-card--collection {
  2096.            --border-radius: var(--collection-card-corner-radius);
  2097.            --border-width: var(--collection-card-border-width);
  2098.            --border-opacity: var(--collection-card-border-opacity);
  2099.            --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  2100.            --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  2101.            --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  2102.            --shadow-opacity: var(--collection-card-shadow-opacity);
  2103.            --shadow-visible: var(--collection-card-shadow-visible);
  2104.            --image-padding: var(--collection-card-image-padding);
  2105.            --text-alignment: var(--collection-card-text-alignment)
  2106.        }
  2107.  
  2108.        .article-card-wrapper .card,
  2109.        .contains-card--article {
  2110.            --border-radius: var(--blog-card-corner-radius);
  2111.            --border-width: var(--blog-card-border-width);
  2112.            --border-opacity: var(--blog-card-border-opacity);
  2113.            --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  2114.            --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  2115.            --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  2116.            --shadow-opacity: var(--blog-card-shadow-opacity);
  2117.            --shadow-visible: var(--blog-card-shadow-visible);
  2118.            --image-padding: var(--blog-card-image-padding);
  2119.            --text-alignment: var(--blog-card-text-alignment)
  2120.        }
  2121.  
  2122.        .contains-content-container,
  2123.        .content-container {
  2124.            --border-radius: var(--text-boxes-radius);
  2125.            --border-width: var(--text-boxes-border-width);
  2126.            --border-opacity: var(--text-boxes-border-opacity);
  2127.            --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  2128.            --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  2129.            --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  2130.            --shadow-opacity: var(--text-boxes-shadow-opacity);
  2131.            --shadow-visible: var(--text-boxes-shadow-visible)
  2132.        }
  2133.  
  2134.        .contains-media,
  2135.        .global-media-settings {
  2136.            --border-radius: var(--media-radius);
  2137.            --border-width: var(--media-border-width);
  2138.            --border-opacity: var(--media-border-opacity);
  2139.            --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  2140.            --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  2141.            --shadow-blur-radius: var(--media-shadow-blur-radius);
  2142.            --shadow-opacity: var(--media-shadow-opacity);
  2143.            --shadow-visible: var(--media-shadow-visible)
  2144.        }
  2145.  
  2146.        .no-js:not(html) {
  2147.            display: none !important
  2148.        }
  2149.  
  2150.        html.no-js .no-js:not(html) {
  2151.            display: block !important
  2152.        }
  2153.  
  2154.        .no-js-inline {
  2155.            display: none !important
  2156.        }
  2157.  
  2158.        html.no-js .no-js-inline {
  2159.            display: inline-block !important
  2160.        }
  2161.  
  2162.        html.no-js .no-js-hidden {
  2163.            display: none !important
  2164.        }
  2165.  
  2166.        .page-width {
  2167.            max-width: var(--page-width);
  2168.            margin: 0 auto;
  2169.            padding: 0 1.5rem
  2170.        }
  2171.  
  2172.        body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  2173.            max-width: 100%
  2174.        }
  2175.  
  2176.        .page-width.drawer-menu {
  2177.            max-width: 100%
  2178.        }
  2179.  
  2180.        .page-width-desktop {
  2181.            padding: 0;
  2182.            margin: 0 auto
  2183.        }
  2184.  
  2185.        .utility-bar__grid.page-width {
  2186.            padding-left: 3rem;
  2187.            padding-right: 3rem
  2188.        }
  2189.  
  2190.        @media screen and (min-width: 750px) {
  2191.            .page-width {
  2192.                padding: 0 5rem
  2193.            }
  2194.  
  2195.            .header.page-width,
  2196.            .utility-bar__grid.page-width {
  2197.                padding-left: 3.2rem;
  2198.                padding-right: 3.2rem
  2199.            }
  2200.  
  2201.            .page-width--narrow {
  2202.                padding: 0 9rem
  2203.            }
  2204.  
  2205.            .page-width-desktop {
  2206.                padding: 0
  2207.            }
  2208.  
  2209.            .page-width-tablet {
  2210.                padding: 0 5rem
  2211.            }
  2212.        }
  2213.  
  2214.        @media screen and (min-width: 990px) {
  2215.            .header:not(.drawer-menu).page-width {
  2216.                padding-left: 5rem;
  2217.                padding-right: 5rem
  2218.            }
  2219.  
  2220.            .page-width--narrow {
  2221.                max-width: 72.6rem;
  2222.                padding: 0
  2223.            }
  2224.  
  2225.            .page-width-desktop {
  2226.                max-width: var(--page-width);
  2227.                padding: 0 5rem
  2228.            }
  2229.        }
  2230.  
  2231.        .isolate {
  2232.            position: relative;
  2233.            z-index: 0
  2234.        }
  2235.  
  2236.        .section+.section {
  2237.            margin-top: var(--spacing-sections-mobile)
  2238.        }
  2239.  
  2240.        @media screen and (min-width: 750px) {
  2241.            .section+.section {
  2242.                margin-top: var(--spacing-sections-desktop)
  2243.            }
  2244.        }
  2245.  
  2246.        .element-margin-top {
  2247.            margin-top: 5rem
  2248.        }
  2249.  
  2250.        @media screen and (min-width: 750px) {
  2251.            .element-margin {
  2252.                margin-top: calc(5rem + var(--page-width-margin))
  2253.            }
  2254.        }
  2255.  
  2256.        .background-secondary {
  2257.            background-color: rgba(var(--color-foreground), .04)
  2258.        }
  2259.  
  2260.        .grid-auto-flow {
  2261.            display: grid;
  2262.            grid-auto-flow: column
  2263.        }
  2264.  
  2265.        .page-margin,
  2266.        .shopify-challenge__container {
  2267.            margin: 7rem auto
  2268.        }
  2269.  
  2270.        .rte-width {
  2271.            max-width: 82rem;
  2272.            margin: 0 auto 2rem
  2273.        }
  2274.  
  2275.        .list-unstyled {
  2276.            margin: 0;
  2277.            padding: 0;
  2278.            list-style: none
  2279.        }
  2280.  
  2281.        .hidden {
  2282.            display: none !important
  2283.        }
  2284.  
  2285.        .visually-hidden {
  2286.            position: absolute !important;
  2287.            overflow: hidden;
  2288.            width: 1px;
  2289.            height: 1px;
  2290.            margin: -1px;
  2291.            padding: 0;
  2292.            border: 0;
  2293.            clip: rect(0 0 0 0);
  2294.            word-wrap: normal !important
  2295.        }
  2296.  
  2297.        .visually-hidden--inline {
  2298.            margin: 0;
  2299.            height: 1em
  2300.        }
  2301.  
  2302.        .overflow-hidden {
  2303.            overflow: hidden
  2304.        }
  2305.  
  2306.        .skip-to-content-link:focus {
  2307.            z-index: 9999;
  2308.            position: inherit;
  2309.            overflow: auto;
  2310.            width: auto;
  2311.            height: auto;
  2312.            clip: auto
  2313.        }
  2314.  
  2315.        .full-width-link {
  2316.            position: absolute;
  2317.            top: 0;
  2318.            right: 0;
  2319.            bottom: 0;
  2320.            left: 0;
  2321.            z-index: 2
  2322.        }
  2323.  
  2324.        ::selection {
  2325.            background-color: rgba(var(--color-foreground), .2)
  2326.        }
  2327.  
  2328.        .text-body {
  2329.            font-size: 1.5rem;
  2330.            letter-spacing: .06rem;
  2331.            line-height: calc(1 + .8 / var(--font-body-scale));
  2332.            font-family: var(--font-body-family);
  2333.            font-style: var(--font-body-style);
  2334.            font-weight: var(--font-body-weight)
  2335.        }
  2336.  
  2337.        h1,
  2338.        h2,
  2339.        h3,
  2340.        h4,
  2341.        h5,
  2342.        .h0,
  2343.        .h1,
  2344.        .h2,
  2345.        .h3,
  2346.        .h4,
  2347.        .h5 {
  2348.            font-family: var(--font-heading-family);
  2349.            font-style: var(--font-heading-style);
  2350.            font-weight: var(--font-heading-weight);
  2351.            letter-spacing: calc(var(--font-heading-scale) * .06rem);
  2352.            color: rgb(var(--color-foreground));
  2353.            line-height: calc(1 + .3/max(1, var(--font-heading-scale)));
  2354.            word-break: break-word
  2355.        }
  2356.  
  2357.        .hxl {
  2358.            font-size: calc(var(--font-heading-scale) * 5rem)
  2359.        }
  2360.  
  2361.        @media only screen and (min-width: 750px) {
  2362.            .hxl {
  2363.                font-size: calc(var(--font-heading-scale) * 6.2rem)
  2364.            }
  2365.        }
  2366.  
  2367.        .h0 {
  2368.            font-size: calc(var(--font-heading-scale) * 4rem)
  2369.        }
  2370.  
  2371.        @media only screen and (min-width: 750px) {
  2372.            .h0 {
  2373.                font-size: calc(var(--font-heading-scale) * 5.2rem)
  2374.            }
  2375.        }
  2376.  
  2377.        h1,
  2378.        .h1 {
  2379.            font-size: calc(var(--font-heading-scale) * 3rem)
  2380.        }
  2381.  
  2382.        @media only screen and (min-width: 750px) {
  2383.  
  2384.            h1,
  2385.            .h1 {
  2386.                font-size: calc(var(--font-heading-scale) * 4rem)
  2387.            }
  2388.        }
  2389.  
  2390.        h2,
  2391.        .h2 {
  2392.            font-size: calc(var(--font-heading-scale) * 2rem)
  2393.        }
  2394.  
  2395.        @media only screen and (min-width: 750px) {
  2396.  
  2397.            h2,
  2398.            .h2 {
  2399.                font-size: calc(var(--font-heading-scale) * 2.4rem)
  2400.            }
  2401.        }
  2402.  
  2403.        h3,
  2404.        .h3 {
  2405.            font-size: calc(var(--font-heading-scale) * 1.7rem)
  2406.        }
  2407.  
  2408.        @media only screen and (min-width: 750px) {
  2409.  
  2410.            h3,
  2411.            .h3 {
  2412.                font-size: calc(var(--font-heading-scale) * 1.8rem)
  2413.            }
  2414.        }
  2415.  
  2416.        h4,
  2417.        .h4 {
  2418.            font-family: var(--font-heading-family);
  2419.            font-style: var(--font-heading-style);
  2420.            font-size: calc(var(--font-heading-scale) * 1.5rem)
  2421.        }
  2422.  
  2423.        h5,
  2424.        .h5 {
  2425.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  2426.        }
  2427.  
  2428.        @media only screen and (min-width: 750px) {
  2429.  
  2430.            h5,
  2431.            .h5 {
  2432.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  2433.            }
  2434.        }
  2435.  
  2436.        h6,
  2437.        .h6 {
  2438.            color: rgba(var(--color-foreground), .75);
  2439.            margin-block-start: 1.67em;
  2440.            margin-block-end: 1.67em
  2441.        }
  2442.  
  2443.        blockquote {
  2444.            font-style: italic;
  2445.            color: rgba(var(--color-foreground), .75);
  2446.            border-left: .2rem solid rgba(var(--color-foreground), .2);
  2447.            padding-left: 1rem
  2448.        }
  2449.  
  2450.        @media screen and (min-width: 750px) {
  2451.            blockquote {
  2452.                padding-left: 1.5rem
  2453.            }
  2454.        }
  2455.  
  2456.        .caption {
  2457.            font-size: 1rem;
  2458.            letter-spacing: .07rem;
  2459.            line-height: calc(1 + .7 / var(--font-body-scale))
  2460.        }
  2461.  
  2462.        @media screen and (min-width: 750px) {
  2463.            .caption {
  2464.                font-size: 1.2rem
  2465.            }
  2466.        }
  2467.  
  2468.        .caption-with-letter-spacing {
  2469.            font-size: 1rem;
  2470.            letter-spacing: .13rem;
  2471.            line-height: calc(1 + .2 / var(--font-body-scale));
  2472.            text-transform: uppercase
  2473.        }
  2474.  
  2475.        .caption-with-letter-spacing--medium {
  2476.            font-size: 1.2rem;
  2477.            letter-spacing: .16rem
  2478.        }
  2479.  
  2480.        .caption-with-letter-spacing--large {
  2481.            font-size: 1.4rem;
  2482.            letter-spacing: .18rem
  2483.        }
  2484.  
  2485.        .caption-large,
  2486.        .customer .field input,
  2487.        .customer select,
  2488.        .field__input,
  2489.        .form__label,
  2490.        .select__select {
  2491.            font-size: 1.3rem;
  2492.            line-height: calc(1 + .5 / var(--font-body-scale));
  2493.            letter-spacing: .04rem
  2494.        }
  2495.  
  2496.        .color-foreground {
  2497.            color: rgb(var(--color-foreground))
  2498.        }
  2499.  
  2500.        table:not([class]) {
  2501.            table-layout: fixed;
  2502.            border-collapse: collapse;
  2503.            font-size: 1.4rem;
  2504.            border-style: hidden;
  2505.            box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .2)
  2506.        }
  2507.  
  2508.        table:not([class]) td,
  2509.        table:not([class]) th {
  2510.            padding: 1em;
  2511.            border: .1rem solid rgba(var(--color-foreground), .2)
  2512.        }
  2513.  
  2514.        @media screen and (max-width: 749px) {
  2515.            .small-hide {
  2516.                display: none !important
  2517.            }
  2518.        }
  2519.  
  2520.        @media screen and (min-width: 750px) and (max-width: 989px) {
  2521.            .medium-hide {
  2522.                display: none !important
  2523.            }
  2524.        }
  2525.  
  2526.        @media screen and (min-width: 990px) {
  2527.            .large-up-hide {
  2528.                display: none !important
  2529.            }
  2530.        }
  2531.  
  2532.        .left {
  2533.            text-align: left
  2534.        }
  2535.  
  2536.        .center {
  2537.            text-align: center
  2538.        }
  2539.  
  2540.        .right {
  2541.            text-align: right
  2542.        }
  2543.  
  2544.        .uppercase {
  2545.            text-transform: uppercase
  2546.        }
  2547.  
  2548.        .light {
  2549.            opacity: .7
  2550.        }
  2551.  
  2552.        a:empty,
  2553.        ul:empty,
  2554.        dl:empty,
  2555.        div:empty,
  2556.        section:empty,
  2557.        article:empty,
  2558.        p:empty,
  2559.        h1:empty,
  2560.        h2:empty,
  2561.        h3:empty,
  2562.        h4:empty,
  2563.        h5:empty,
  2564.        h6:empty {
  2565.            display: none
  2566.        }
  2567.  
  2568.        .link,
  2569.        .customer a {
  2570.            cursor: pointer;
  2571.            display: inline-block;
  2572.            border: none;
  2573.            box-shadow: none;
  2574.            text-decoration: underline;
  2575.            text-underline-offset: .3rem;
  2576.            color: rgb(var(--color-link));
  2577.            background-color: transparent;
  2578.            font-size: 1.4rem;
  2579.            font-family: inherit
  2580.        }
  2581.  
  2582.        .link--text {
  2583.            color: rgb(var(--color-foreground))
  2584.        }
  2585.  
  2586.        .link--text:hover {
  2587.            color: rgba(var(--color-foreground), .75)
  2588.        }
  2589.  
  2590.        .link-with-icon {
  2591.            display: inline-flex;
  2592.            font-size: 1.4rem;
  2593.            font-weight: 600;
  2594.            letter-spacing: .1rem;
  2595.            text-decoration: none;
  2596.            margin-bottom: 4.5rem;
  2597.            white-space: nowrap
  2598.        }
  2599.  
  2600.        .link-with-icon .icon {
  2601.            width: 1.5rem;
  2602.            margin-left: 1rem
  2603.        }
  2604.  
  2605.        a:not([href]) {
  2606.            cursor: not-allowed
  2607.        }
  2608.  
  2609.        .circle-divider:after {
  2610.            content: "\2022";
  2611.            margin: 0 1.3rem 0 1.5rem
  2612.        }
  2613.  
  2614.        .circle-divider:last-of-type:after {
  2615.            display: none
  2616.        }
  2617.  
  2618.        hr {
  2619.            border: none;
  2620.            height: .1rem;
  2621.            background-color: rgba(var(--color-foreground), .2);
  2622.            display: block;
  2623.            margin: 5rem 0
  2624.        }
  2625.  
  2626.        @media screen and (min-width: 750px) {
  2627.            hr {
  2628.                margin: 7rem 0
  2629.            }
  2630.        }
  2631.  
  2632.        .full-unstyled-link {
  2633.            text-decoration: none;
  2634.            color: currentColor;
  2635.            display: block
  2636.        }
  2637.  
  2638.        .placeholder {
  2639.            background-color: rgba(var(--color-foreground), .04);
  2640.            color: rgba(var(--color-foreground), .55);
  2641.            fill: rgba(var(--color-foreground), .55)
  2642.        }
  2643.  
  2644.        details>* {
  2645.            box-sizing: border-box
  2646.        }
  2647.  
  2648.        .break {
  2649.            word-break: break-word
  2650.        }
  2651.  
  2652.        .visibility-hidden {
  2653.            visibility: hidden
  2654.        }
  2655.  
  2656.        @media (prefers-reduced-motion) {
  2657.            .motion-reduce {
  2658.                transition: none !important;
  2659.                animation: none !important
  2660.            }
  2661.        }
  2662.  
  2663.        :root {
  2664.            --duration-short: .1s;
  2665.            --duration-default: .2s;
  2666.            --duration-announcement-bar: .25s;
  2667.            --duration-medium: .3s;
  2668.            --duration-long: .5s;
  2669.            --duration-extra-long: .6s;
  2670.            --duration-extended: 3s;
  2671.            --ease-out-slow: cubic-bezier(0, 0, .3, 1);
  2672.            --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  2673.            --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)
  2674.        }
  2675.  
  2676.        .underlined-link,
  2677.        .customer a,
  2678.        .inline-richtext a {
  2679.            text-underline-offset: .3rem;
  2680.            text-decoration-thickness: .1rem;
  2681.            transition: text-decoration-thickness ease .1s
  2682.        }
  2683.  
  2684.        .underlined-link,
  2685.        .customer a {
  2686.            color: rgba(var(--color-link), var(--alpha-link))
  2687.        }
  2688.  
  2689.        .inline-richtext a,
  2690.        .rte.inline-richtext a {
  2691.            color: currentColor
  2692.        }
  2693.  
  2694.        .underlined-link:hover,
  2695.        .customer a:hover,
  2696.        .inline-richtext a:hover {
  2697.            color: rgb(var(--color-link));
  2698.            text-decoration-thickness: .2rem
  2699.        }
  2700.  
  2701.        .icon-arrow {
  2702.            width: 1.5rem
  2703.        }
  2704.  
  2705.        h3 .icon-arrow,
  2706.        .h3 .icon-arrow {
  2707.            width: calc(var(--font-heading-scale) * 1.5rem)
  2708.        }
  2709.  
  2710.        .animate-arrow .icon-arrow path {
  2711.            transform: translate(-.25rem);
  2712.            transition: transform var(--duration-short) ease
  2713.        }
  2714.  
  2715.        .animate-arrow:hover .icon-arrow path {
  2716.            transform: translate(-.05rem)
  2717.        }
  2718.  
  2719.        summary {
  2720.            cursor: pointer;
  2721.            list-style: none;
  2722.            position: relative
  2723.        }
  2724.  
  2725.        summary .icon-caret {
  2726.            position: absolute;
  2727.            height: .6rem;
  2728.            right: 1.5rem;
  2729.            top: calc(50% - .2rem)
  2730.        }
  2731.  
  2732.        summary::-webkit-details-marker {
  2733.            display: none
  2734.        }
  2735.  
  2736.        .disclosure-has-popup {
  2737.            position: relative
  2738.        }
  2739.  
  2740.        .disclosure-has-popup[open]>summary:before {
  2741.            position: fixed;
  2742.            top: 0;
  2743.            right: 0;
  2744.            bottom: 0;
  2745.            left: 0;
  2746.            z-index: 2;
  2747.            display: block;
  2748.            cursor: default;
  2749.            content: " ";
  2750.            background: transparent
  2751.        }
  2752.  
  2753.        .disclosure-has-popup>summary:before {
  2754.            display: none
  2755.        }
  2756.  
  2757.        .disclosure-has-popup[open]>summary+* {
  2758.            z-index: 100
  2759.        }
  2760.  
  2761.        @media screen and (min-width: 750px) {
  2762.            .disclosure-has-popup[open]>summary+* {
  2763.                z-index: 4
  2764.            }
  2765.  
  2766.            .facets .disclosure-has-popup[open]>summary+* {
  2767.                z-index: 2
  2768.            }
  2769.        }
  2770.  
  2771.        *:focus {
  2772.            outline: 0;
  2773.            box-shadow: none
  2774.        }
  2775.  
  2776.        *:focus-visible {
  2777.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2778.            outline-offset: .3rem;
  2779.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2780.        }
  2781.  
  2782.        .focused,
  2783.        .no-js *:focus {
  2784.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2785.            outline-offset: .3rem;
  2786.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2787.        }
  2788.  
  2789.        .no-js *:focus:not(:focus-visible) {
  2790.            outline: 0;
  2791.            box-shadow: none
  2792.        }
  2793.  
  2794.        .focus-inset:focus-visible {
  2795.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2796.            outline-offset: -.2rem;
  2797.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2798.        }
  2799.  
  2800.        .focused.focus-inset,
  2801.        .no-js .focus-inset:focus {
  2802.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2803.            outline-offset: -.2rem;
  2804.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2805.        }
  2806.  
  2807.        .no-js .focus-inset:focus:not(:focus-visible) {
  2808.            outline: 0;
  2809.            box-shadow: none
  2810.        }
  2811.  
  2812.        .focus-none {
  2813.            box-shadow: none !important;
  2814.            outline: 0 !important
  2815.        }
  2816.  
  2817.        .focus-offset:focus-visible {
  2818.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2819.            outline-offset: 1rem;
  2820.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2821.        }
  2822.  
  2823.        .focus-offset.focused,
  2824.        .no-js .focus-offset:focus {
  2825.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2826.            outline-offset: 1rem;
  2827.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2828.        }
  2829.  
  2830.        .no-js .focus-offset:focus:not(:focus-visible) {
  2831.            outline: 0;
  2832.            box-shadow: none
  2833.        }
  2834.  
  2835.        .title,
  2836.        .title-wrapper-with-link {
  2837.            margin: 3rem 0 2rem
  2838.        }
  2839.  
  2840.        .title-wrapper-with-link .title {
  2841.            margin: 0
  2842.        }
  2843.  
  2844.        .title .link {
  2845.            font-size: inherit
  2846.        }
  2847.  
  2848.        .title-wrapper {
  2849.            margin-bottom: 3rem
  2850.        }
  2851.  
  2852.        .title-wrapper-with-link {
  2853.            display: flex;
  2854.            justify-content: space-between;
  2855.            align-items: flex-end;
  2856.            gap: 1rem;
  2857.            margin-bottom: 3rem;
  2858.            flex-wrap: wrap
  2859.        }
  2860.  
  2861.        .title--primary {
  2862.            margin: 4rem 0
  2863.        }
  2864.  
  2865.        .title-wrapper--self-padded-tablet-down,
  2866.        .title-wrapper--self-padded-mobile {
  2867.            padding-left: 1.5rem;
  2868.            padding-right: 1.5rem
  2869.        }
  2870.  
  2871.        @media screen and (min-width: 750px) {
  2872.            .title-wrapper--self-padded-mobile {
  2873.                padding-left: 0;
  2874.                padding-right: 0
  2875.            }
  2876.        }
  2877.  
  2878.        @media screen and (min-width: 990px) {
  2879.  
  2880.            .title,
  2881.            .title-wrapper-with-link {
  2882.                margin: 5rem 0 3rem
  2883.            }
  2884.  
  2885.            .title--primary {
  2886.                margin: 2rem 0
  2887.            }
  2888.  
  2889.            .title-wrapper-with-link {
  2890.                align-items: center
  2891.            }
  2892.  
  2893.            .title-wrapper-with-link .title {
  2894.                margin-bottom: 0
  2895.            }
  2896.  
  2897.            .title-wrapper--self-padded-tablet-down {
  2898.                padding-left: 0;
  2899.                padding-right: 0
  2900.            }
  2901.        }
  2902.  
  2903.        .title-wrapper-with-link .link-with-icon {
  2904.            margin: 0;
  2905.            flex-shrink: 0;
  2906.            display: flex;
  2907.            align-items: center
  2908.        }
  2909.  
  2910.        .title-wrapper-with-link .link-with-icon svg {
  2911.            width: 1.5rem
  2912.        }
  2913.  
  2914.        .title-wrapper-with-link a {
  2915.            margin-top: 0;
  2916.            flex-shrink: 0
  2917.        }
  2918.  
  2919.        .title-wrapper--no-top-margin {
  2920.            margin-top: 0
  2921.        }
  2922.  
  2923.        .title-wrapper--no-top-margin>.title {
  2924.            margin-top: 0
  2925.        }
  2926.  
  2927.        .subtitle {
  2928.            font-size: 1.8rem;
  2929.            line-height: calc(1 + .8 / var(--font-body-scale));
  2930.            letter-spacing: .06rem;
  2931.            color: rgba(var(--color-foreground), .7)
  2932.        }
  2933.  
  2934.        .subtitle--small {
  2935.            font-size: 1.4rem;
  2936.            letter-spacing: .1rem
  2937.        }
  2938.  
  2939.        .subtitle--medium {
  2940.            font-size: 1.6rem;
  2941.            letter-spacing: .08rem
  2942.        }
  2943.  
  2944.        .grid {
  2945.            display: flex;
  2946.            flex-wrap: wrap;
  2947.            margin-bottom: 2rem;
  2948.            padding: 0;
  2949.            list-style: none;
  2950.            column-gap: var(--grid-mobile-horizontal-spacing);
  2951.            row-gap: var(--grid-mobile-vertical-spacing)
  2952.        }
  2953.  
  2954.        @media screen and (min-width: 750px) {
  2955.            .grid {
  2956.                column-gap: var(--grid-desktop-horizontal-spacing);
  2957.                row-gap: var(--grid-desktop-vertical-spacing)
  2958.            }
  2959.        }
  2960.  
  2961.        .grid:last-child {
  2962.            margin-bottom: 0
  2963.        }
  2964.  
  2965.        .grid__item {
  2966.            width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  2967.            max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  2968.            flex-grow: 1;
  2969.            flex-shrink: 0
  2970.        }
  2971.  
  2972.        @media screen and (min-width: 750px) {
  2973.            .grid__item {
  2974.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  2975.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  2976.            }
  2977.        }
  2978.  
  2979.        .grid--gapless.grid {
  2980.            column-gap: 0;
  2981.            row-gap: 0
  2982.        }
  2983.  
  2984.        @media screen and (max-width: 749px) {
  2985.            .grid__item.slider__slide--full-width {
  2986.                width: 100%;
  2987.                max-width: none
  2988.            }
  2989.        }
  2990.  
  2991.        .grid--1-col .grid__item {
  2992.            max-width: 100%;
  2993.            width: 100%
  2994.        }
  2995.  
  2996.        .grid--3-col .grid__item {
  2997.            width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
  2998.        }
  2999.  
  3000.        @media screen and (min-width: 750px) {
  3001.            .grid--3-col .grid__item {
  3002.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3003.            }
  3004.        }
  3005.  
  3006.        .grid--2-col .grid__item {
  3007.            width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3008.        }
  3009.  
  3010.        @media screen and (min-width: 750px) {
  3011.            .grid--2-col .grid__item {
  3012.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3013.            }
  3014.  
  3015.            .grid--4-col-tablet .grid__item {
  3016.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3017.            }
  3018.  
  3019.            .grid--3-col-tablet .grid__item {
  3020.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3021.            }
  3022.  
  3023.            .grid--2-col-tablet .grid__item {
  3024.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3025.            }
  3026.        }
  3027.  
  3028.        @media screen and (max-width: 989px) {
  3029.            .grid--1-col-tablet-down .grid__item {
  3030.                width: 100%;
  3031.                max-width: 100%
  3032.            }
  3033.  
  3034.            .slider--tablet.grid--peek {
  3035.                margin: 0;
  3036.                width: 100%
  3037.            }
  3038.  
  3039.            .slider--tablet.grid--peek .grid__item {
  3040.                box-sizing: content-box;
  3041.                margin: 0
  3042.            }
  3043.  
  3044.            .slider.slider--tablet .scroll-trigger.animate--slide-in,
  3045.            .slider.slider--mobile .scroll-trigger.animate--slide-in {
  3046.                animation: none;
  3047.                opacity: 1;
  3048.                transform: inherit
  3049.            }
  3050.  
  3051.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
  3052.                animation: var(--animation-slide-in)
  3053.            }
  3054.        }
  3055.  
  3056.        @media screen and (min-width: 990px) {
  3057.            .grid--6-col-desktop .grid__item {
  3058.                width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  3059.                max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
  3060.            }
  3061.  
  3062.            .grid--5-col-desktop .grid__item {
  3063.                width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  3064.                max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)
  3065.            }
  3066.  
  3067.            .grid--4-col-desktop .grid__item {
  3068.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  3069.                max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3070.            }
  3071.  
  3072.            .grid--3-col-desktop .grid__item {
  3073.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  3074.                max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3075.            }
  3076.  
  3077.            .grid--2-col-desktop .grid__item {
  3078.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  3079.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3080.            }
  3081.  
  3082.            .slider.slider--desktop .scroll-trigger.animate--slide-in {
  3083.                animation: none;
  3084.                opacity: 1;
  3085.                transform: inherit
  3086.            }
  3087.  
  3088.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
  3089.                animation: var(--animation-slide-in)
  3090.            }
  3091.        }
  3092.  
  3093.        @media screen and (min-width: 990px) {
  3094.            .grid--1-col-desktop {
  3095.                flex: 0 0 100%;
  3096.                max-width: 100%
  3097.            }
  3098.  
  3099.            .grid--1-col-desktop .grid__item {
  3100.                width: 100%;
  3101.                max-width: 100%
  3102.            }
  3103.        }
  3104.  
  3105.        @media screen and (max-width: 749px) {
  3106.            .grid--peek.slider--mobile {
  3107.                margin: 0;
  3108.                width: 100%
  3109.            }
  3110.  
  3111.            .grid--peek.slider--mobile .grid__item {
  3112.                box-sizing: content-box;
  3113.                margin: 0
  3114.            }
  3115.  
  3116.            .grid--peek .grid__item {
  3117.                min-width: 35%
  3118.            }
  3119.  
  3120.            .grid--peek.slider .grid__item:first-of-type {
  3121.                margin-left: 1.5rem
  3122.            }
  3123.  
  3124.            .grid--peek.slider:after {
  3125.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  3126.            }
  3127.  
  3128.            .grid--2-col-tablet-down .grid__item {
  3129.                width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3130.            }
  3131.  
  3132.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  3133.            .grid--peek .grid__item {
  3134.                width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3135.            }
  3136.  
  3137.            .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  3138.            .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
  3139.                width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3140.            }
  3141.        }
  3142.  
  3143.        @media screen and (min-width: 750px) and (max-width: 989px) {
  3144.            .slider--tablet.grid--peek .grid__item {
  3145.                width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3146.            }
  3147.  
  3148.            .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
  3149.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3150.            }
  3151.  
  3152.            .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  3153.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
  3154.                width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3155.            }
  3156.  
  3157.            .slider--tablet.grid--peek .grid__item:first-of-type {
  3158.                margin-left: 1.5rem
  3159.            }
  3160.  
  3161.            .grid--2-col-tablet-down .grid__item {
  3162.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3163.            }
  3164.  
  3165.            .grid--1-col-tablet-down.grid--peek .grid__item {
  3166.                width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3167.            }
  3168.        }
  3169.  
  3170.        .media {
  3171.            display: block;
  3172.            background-color: rgba(var(--color-foreground), .1);
  3173.            position: relative;
  3174.            overflow: hidden
  3175.        }
  3176.  
  3177.        .media--transparent {
  3178.            background-color: transparent
  3179.        }
  3180.  
  3181.        .media>*:not(.zoom):not(.deferred-media__poster-button),
  3182.        .media model-viewer {
  3183.            display: block;
  3184.            max-width: 100%;
  3185.            position: absolute;
  3186.            top: 0;
  3187.            left: 0;
  3188.            height: 100%;
  3189.            width: 100%
  3190.        }
  3191.  
  3192.        .media>img {
  3193.            object-fit: cover;
  3194.            object-position: center center;
  3195.            transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
  3196.        }
  3197.  
  3198.        .media--square {
  3199.            padding-bottom: 100%
  3200.        }
  3201.  
  3202.        .media--portrait {
  3203.            padding-bottom: 125%
  3204.        }
  3205.  
  3206.        .media--landscape {
  3207.            padding-bottom: 66.6%
  3208.        }
  3209.  
  3210.        .media--cropped {
  3211.            padding-bottom: 56%
  3212.        }
  3213.  
  3214.        .media--16-9 {
  3215.            padding-bottom: 56.25%
  3216.        }
  3217.  
  3218.        .media--circle {
  3219.            padding-bottom: 100%;
  3220.            border-radius: 50%
  3221.        }
  3222.  
  3223.        .media.media--hover-effect>img+img {
  3224.            opacity: 0
  3225.        }
  3226.  
  3227.        @media screen and (min-width: 990px) {
  3228.            .media--cropped {
  3229.                padding-bottom: 63%
  3230.            }
  3231.        }
  3232.  
  3233.        deferred-media {
  3234.            display: block
  3235.        }
  3236.  
  3237.        .button--secondary,
  3238.        .button--tertiary {
  3239.            --color-button: var(--color-secondary-button);
  3240.            --color-button-text: var(--color-secondary-button-text)
  3241.        }
  3242.  
  3243.        .button--tertiary {
  3244.            --alpha-button-background: 0;
  3245.            --alpha-button-border: .2
  3246.        }
  3247.  
  3248.        .button,
  3249.        .shopify-challenge__button,
  3250.        .customer button,
  3251.        button.shopify-payment-button__button--unbranded,
  3252.        .shopify-payment-button [role=button],
  3253.        .cart__dynamic-checkout-buttons [role=button],
  3254.        .cart__dynamic-checkout-buttons iframe {
  3255.            --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  3256.            --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  3257.            --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  3258.            --shadow-opacity: var(--buttons-shadow-opacity);
  3259.            --shadow-visible: var(--buttons-shadow-visible);
  3260.            --border-offset: var(--buttons-border-offset);
  3261.            --border-opacity: calc(1 - var(--buttons-border-opacity));
  3262.            border-radius: var(--buttons-radius-outset);
  3263.            position: relative
  3264.        }
  3265.  
  3266.        .button,
  3267.        .shopify-challenge__button,
  3268.        .customer button,
  3269.        button.shopify-payment-button__button--unbranded {
  3270.            min-width: calc(12rem + var(--buttons-border-width) * 2);
  3271.            min-height: calc(4.5rem + var(--buttons-border-width) * 2)
  3272.        }
  3273.  
  3274.        .shopify-payment-button__button--branded {
  3275.            z-index: auto
  3276.        }
  3277.  
  3278.        .cart__dynamic-checkout-buttons iframe {
  3279.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3280.        }
  3281.  
  3282.        .button,
  3283.        .shopify-challenge__button,
  3284.        .customer button {
  3285.            display: inline-flex;
  3286.            justify-content: center;
  3287.            align-items: center;
  3288.            border: 0;
  3289.            padding: 0 3rem;
  3290.            cursor: pointer;
  3291.            font: inherit;
  3292.            font-size: 1.5rem;
  3293.            text-decoration: none;
  3294.            color: rgb(var(--color-button-text));
  3295.            transition: box-shadow var(--duration-short) ease;
  3296.            -webkit-appearance: none;
  3297.            appearance: none;
  3298.            background-color: rgba(var(--color-button), var(--alpha-button-background))
  3299.        }
  3300.  
  3301.        .button:before,
  3302.        .shopify-challenge__button:before,
  3303.        .customer button:before,
  3304.        .shopify-payment-button__button--unbranded:before,
  3305.        .shopify-payment-button [role=button]:before,
  3306.        .cart__dynamic-checkout-buttons [role=button]:before {
  3307.            content: "";
  3308.            position: absolute;
  3309.            top: 0;
  3310.            right: 0;
  3311.            bottom: 0;
  3312.            left: 0;
  3313.            z-index: -1;
  3314.            border-radius: var(--buttons-radius-outset);
  3315.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3316.        }
  3317.  
  3318.        .button:after,
  3319.        .shopify-challenge__button:after,
  3320.        .customer button:after,
  3321.        .shopify-payment-button__button--unbranded:after {
  3322.            content: "";
  3323.            position: absolute;
  3324.            top: var(--buttons-border-width);
  3325.            right: var(--buttons-border-width);
  3326.            bottom: var(--buttons-border-width);
  3327.            left: var(--buttons-border-width);
  3328.            z-index: 1;
  3329.            border-radius: var(--buttons-radius);
  3330.            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));
  3331.            transition: box-shadow var(--duration-short) ease
  3332.        }
  3333.  
  3334.        .button:not([disabled]):hover:after,
  3335.        .shopify-challenge__button:hover:after,
  3336.        .customer button:hover:after,
  3337.        .shopify-payment-button__button--unbranded:hover:after {
  3338.            --border-offset: 1.3px;
  3339.            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))
  3340.        }
  3341.  
  3342.        .button--secondary:after {
  3343.            --border-opacity: var(--buttons-border-opacity)
  3344.        }
  3345.  
  3346.        .button:focus-visible,
  3347.        .button:focus,
  3348.        .button.focused,
  3349.        .shopify-payment-button__button--unbranded:focus-visible,
  3350.        .shopify-payment-button [role=button]:focus-visible,
  3351.        .shopify-payment-button__button--unbranded:focus,
  3352.        .shopify-payment-button [role=button]:focus {
  3353.            outline: 0;
  3354.            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)
  3355.        }
  3356.  
  3357.        .button:focus:not(:focus-visible):not(.focused),
  3358.        .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
  3359.        .shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused) {
  3360.            box-shadow: inherit
  3361.        }
  3362.  
  3363.        .button::selection,
  3364.        .shopify-challenge__button::selection,
  3365.        .customer button::selection {
  3366.            background-color: rgba(var(--color-button-text), .3)
  3367.        }
  3368.  
  3369.        .button,
  3370.        .button-label,
  3371.        .shopify-challenge__button,
  3372.        .customer button {
  3373.            font-size: 1.5rem;
  3374.            letter-spacing: .1rem;
  3375.            line-height: calc(1 + .2 / var(--font-body-scale))
  3376.        }
  3377.  
  3378.        .button--tertiary {
  3379.            font-size: 1.2rem;
  3380.            padding: 1rem 1.5rem;
  3381.            min-width: calc(9rem + var(--buttons-border-width) * 2);
  3382.            min-height: calc(3.5rem + var(--buttons-border-width) * 2)
  3383.        }
  3384.  
  3385.        .button--small {
  3386.            padding: 1.2rem 2.6rem
  3387.        }
  3388.  
  3389.        .button:disabled,
  3390.        .button[aria-disabled=true],
  3391.        .button.disabled,
  3392.        .customer button:disabled,
  3393.        .customer button[aria-disabled=true],
  3394.        .customer button.disabled,
  3395.        .quantity__button.disabled {
  3396.            cursor: not-allowed;
  3397.            opacity: .5
  3398.        }
  3399.  
  3400.        .button--full-width {
  3401.            display: flex;
  3402.            width: 100%
  3403.        }
  3404.  
  3405.        .button.loading {
  3406.            color: transparent;
  3407.            position: relative
  3408.        }
  3409.  
  3410.        @media screen and (forced-colors: active) {
  3411.            .button.loading {
  3412.                color: rgb(var(--color-foreground))
  3413.            }
  3414.        }
  3415.  
  3416.        .button.loading>.loading__spinner {
  3417.            top: 50%;
  3418.            left: 50%;
  3419.            transform: translate(-50%, -50%);
  3420.            position: absolute;
  3421.            height: 100%;
  3422.            display: flex;
  3423.            align-items: center
  3424.        }
  3425.  
  3426.        .button.loading>.loading__spinner .spinner {
  3427.            width: fit-content
  3428.        }
  3429.  
  3430.        .button.loading>.loading__spinner .path {
  3431.            stroke: rgb(var(--color-button-text))
  3432.        }
  3433.  
  3434.        .share-button {
  3435.            display: block;
  3436.            position: relative
  3437.        }
  3438.  
  3439.        .share-button details {
  3440.            width: fit-content
  3441.        }
  3442.  
  3443.        .share-button__button {
  3444.            font-size: 1.4rem;
  3445.            display: flex;
  3446.            align-items: center;
  3447.            color: rgb(var(--color-link));
  3448.            margin-left: 0;
  3449.            padding-left: 0;
  3450.            min-height: 4.4rem
  3451.        }
  3452.  
  3453.        details[open]>.share-button__fallback {
  3454.            animation: animateMenuOpen var(--duration-default) ease
  3455.        }
  3456.  
  3457.        .share-button__button:hover {
  3458.            text-decoration: underline;
  3459.            text-underline-offset: .3rem
  3460.        }
  3461.  
  3462.        .share-button__button,
  3463.        .share-button__fallback button {
  3464.            cursor: pointer;
  3465.            background-color: transparent;
  3466.            border: none
  3467.        }
  3468.  
  3469.        .share-button__button .icon-share {
  3470.            height: 1.2rem;
  3471.            margin-right: 1rem;
  3472.            min-width: 1.3rem
  3473.        }
  3474.  
  3475.        .share-button__fallback {
  3476.            display: flex;
  3477.            align-items: center;
  3478.            position: absolute;
  3479.            top: 3rem;
  3480.            left: .1rem;
  3481.            z-index: 3;
  3482.            width: 100%;
  3483.            min-width: max-content;
  3484.            border-radius: var(--inputs-radius);
  3485.            border: 0
  3486.        }
  3487.  
  3488.        .share-button__fallback:after {
  3489.            pointer-events: none;
  3490.            content: "";
  3491.            position: absolute;
  3492.            top: var(--inputs-border-width);
  3493.            right: var(--inputs-border-width);
  3494.            bottom: var(--inputs-border-width);
  3495.            left: var(--inputs-border-width);
  3496.            border: .1rem solid transparent;
  3497.            border-radius: var(--inputs-radius);
  3498.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3499.            transition: box-shadow var(--duration-short) ease;
  3500.            z-index: 1
  3501.        }
  3502.  
  3503.        .share-button__fallback:before {
  3504.            background: rgb(var(--color-background));
  3505.            pointer-events: none;
  3506.            content: "";
  3507.            position: absolute;
  3508.            top: 0;
  3509.            right: 0;
  3510.            bottom: 0;
  3511.            left: 0;
  3512.            border-radius: var(--inputs-radius-outset);
  3513.            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));
  3514.            z-index: -1
  3515.        }
  3516.  
  3517.        .share-button__fallback button {
  3518.            width: 4.4rem;
  3519.            height: 4.4rem;
  3520.            padding: 0;
  3521.            flex-shrink: 0;
  3522.            display: flex;
  3523.            justify-content: center;
  3524.            align-items: center;
  3525.            position: relative;
  3526.            right: var(--inputs-border-width)
  3527.        }
  3528.  
  3529.        .share-button__fallback button:hover {
  3530.            color: rgba(var(--color-foreground), .75)
  3531.        }
  3532.  
  3533.        .share-button__fallback button:hover svg {
  3534.            transform: scale(1.07)
  3535.        }
  3536.  
  3537.        .share-button__close:not(.hidden)+.share-button__copy {
  3538.            display: none
  3539.        }
  3540.  
  3541.        .share-button__close,
  3542.        .share-button__copy {
  3543.            background-color: transparent;
  3544.            color: rgb(var(--color-foreground))
  3545.        }
  3546.  
  3547.        .share-button__copy:focus-visible,
  3548.        .share-button__close:focus-visible {
  3549.            background-color: rgb(var(--color-background));
  3550.            z-index: 2
  3551.        }
  3552.  
  3553.        .share-button__copy:focus,
  3554.        .share-button__close:focus {
  3555.            background-color: rgb(var(--color-background));
  3556.            z-index: 2
  3557.        }
  3558.  
  3559.        .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),
  3560.        .field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused) {
  3561.            background-color: inherit
  3562.        }
  3563.  
  3564.        .share-button__fallback .field:after,
  3565.        .share-button__fallback .field:before {
  3566.            content: none
  3567.        }
  3568.  
  3569.        .share-button__fallback .field {
  3570.            border-radius: 0;
  3571.            min-width: auto;
  3572.            min-height: auto;
  3573.            transition: none
  3574.        }
  3575.  
  3576.        .share-button__fallback .field__input:focus,
  3577.        .share-button__fallback .field__input:-webkit-autofill {
  3578.            outline: .2rem solid rgba(var(--color-foreground), .5);
  3579.            outline-offset: .1rem;
  3580.            box-shadow: 0 0 0 .1rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  3581.        }
  3582.  
  3583.        .share-button__fallback .field__input {
  3584.            box-shadow: none;
  3585.            text-overflow: ellipsis;
  3586.            white-space: nowrap;
  3587.            overflow: hidden;
  3588.            filter: none;
  3589.            min-width: auto;
  3590.            min-height: auto
  3591.        }
  3592.  
  3593.        .share-button__fallback .field__input:hover {
  3594.            box-shadow: none
  3595.        }
  3596.  
  3597.        .share-button__fallback .icon {
  3598.            width: 1.5rem;
  3599.            height: 1.5rem
  3600.        }
  3601.  
  3602.        .share-button__message:not(:empty) {
  3603.            display: flex;
  3604.            align-items: center;
  3605.            width: 100%;
  3606.            height: 100%;
  3607.            margin-top: 0;
  3608.            padding: .8rem 0 .8rem 1.5rem;
  3609.            margin: var(--inputs-border-width)
  3610.        }
  3611.  
  3612.        .share-button__message:not(:empty):not(.hidden)~* {
  3613.            display: none
  3614.        }
  3615.  
  3616.        .field__input,
  3617.        .select__select,
  3618.        .customer .field input,
  3619.        .customer select {
  3620.            -webkit-appearance: none;
  3621.            appearance: none;
  3622.            background-color: rgb(var(--color-background));
  3623.            color: rgb(var(--color-foreground));
  3624.            font-size: 1.6rem;
  3625.            width: 100%;
  3626.            box-sizing: border-box;
  3627.            transition: box-shadow var(--duration-short) ease;
  3628.            border-radius: var(--inputs-radius);
  3629.            height: 4.5rem;
  3630.            min-height: calc(var(--inputs-border-width) * 2);
  3631.            min-width: calc(7rem + (var(--inputs-border-width) * 2));
  3632.            position: relative;
  3633.            border: 0
  3634.        }
  3635.  
  3636.        .field:before,
  3637.        .select:before,
  3638.        .customer .field:before,
  3639.        .customer select:before,
  3640.        .localization-form__select:before {
  3641.            pointer-events: none;
  3642.            content: "";
  3643.            position: absolute;
  3644.            top: 0;
  3645.            right: 0;
  3646.            bottom: 0;
  3647.            left: 0;
  3648.            border-radius: var(--inputs-radius-outset);
  3649.            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));
  3650.            z-index: -1
  3651.        }
  3652.  
  3653.        .field:after,
  3654.        .select:after,
  3655.        .customer .field:after,
  3656.        .customer select:after,
  3657.        .localization-form__select:after {
  3658.            pointer-events: none;
  3659.            content: "";
  3660.            position: absolute;
  3661.            top: var(--inputs-border-width);
  3662.            right: var(--inputs-border-width);
  3663.            bottom: var(--inputs-border-width);
  3664.            left: var(--inputs-border-width);
  3665.            border: .1rem solid transparent;
  3666.            border-radius: var(--inputs-radius);
  3667.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3668.            transition: box-shadow var(--duration-short) ease;
  3669.            z-index: 1
  3670.        }
  3671.  
  3672.        .select__select {
  3673.            font-family: var(--font-body-family);
  3674.            font-style: var(--font-body-style);
  3675.            font-weight: var(--font-body-weight);
  3676.            font-size: 1.2rem;
  3677.            color: rgba(var(--color-foreground), .75)
  3678.        }
  3679.  
  3680.        .field:hover.field:after,
  3681.        .select:hover.select:after,
  3682.        .select__select:hover.select__select:after,
  3683.        .customer .field:hover.field:after,
  3684.        .customer select:hover.select:after,
  3685.        .localization-form__select:hover.localization-form__select:after {
  3686.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3687.            outline: 0;
  3688.            border-radius: var(--inputs-radius)
  3689.        }
  3690.  
  3691.        .field__input:focus-visible,
  3692.        .select__select:focus-visible,
  3693.        .customer .field input:focus-visible,
  3694.        .customer select:focus-visible,
  3695.        .localization-form__select:focus-visible.localization-form__select:after {
  3696.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3697.            outline: 0;
  3698.            border-radius: var(--inputs-radius)
  3699.        }
  3700.  
  3701.        .field__input:focus,
  3702.        .select__select:focus,
  3703.        .customer .field input:focus,
  3704.        .customer select:focus,
  3705.        .localization-form__select:focus.localization-form__select:after {
  3706.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3707.            outline: 0;
  3708.            border-radius: var(--inputs-radius)
  3709.        }
  3710.  
  3711.        .localization-form__select:focus {
  3712.            outline: 0;
  3713.            box-shadow: none
  3714.        }
  3715.  
  3716.        .text-area,
  3717.        .select {
  3718.            display: flex;
  3719.            position: relative;
  3720.            width: 100%
  3721.        }
  3722.  
  3723.        .select .icon-caret,
  3724.        .customer select+svg {
  3725.            height: .6rem;
  3726.            pointer-events: none;
  3727.            position: absolute;
  3728.            top: calc(50% - .2rem);
  3729.            right: calc(var(--inputs-border-width) + 1.5rem)
  3730.        }
  3731.  
  3732.        .select__select,
  3733.        .customer select {
  3734.            cursor: pointer;
  3735.            line-height: calc(1 + .6 / var(--font-body-scale));
  3736.            padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  3737.            margin: var(--inputs-border-width);
  3738.            min-height: calc(var(--inputs-border-width) * 2)
  3739.        }
  3740.  
  3741.        .field {
  3742.            position: relative;
  3743.            width: 100%;
  3744.            display: flex;
  3745.            transition: box-shadow var(--duration-short) ease
  3746.        }
  3747.  
  3748.        .customer .field {
  3749.            display: flex
  3750.        }
  3751.  
  3752.        .field--with-error {
  3753.            flex-wrap: wrap
  3754.        }
  3755.  
  3756.        .field__input,
  3757.        .customer .field input {
  3758.            flex-grow: 1;
  3759.            text-align: left;
  3760.            padding: 1.5rem;
  3761.            margin: var(--inputs-border-width);
  3762.            transition: box-shadow var(--duration-short) ease
  3763.        }
  3764.  
  3765.        .field__label,
  3766.        .customer .field label {
  3767.            font-size: 1.6rem;
  3768.            left: calc(var(--inputs-border-width) + 2rem);
  3769.            top: calc(1rem + var(--inputs-border-width));
  3770.            margin-bottom: 0;
  3771.            pointer-events: none;
  3772.            position: absolute;
  3773.            transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  3774.            color: rgba(var(--color-foreground), .75);
  3775.            letter-spacing: .1rem;
  3776.            line-height: 1.5
  3777.        }
  3778.  
  3779.        .field__input:focus~.field__label,
  3780.        .field__input:not(:placeholder-shown)~.field__label,
  3781.        .field__input:-webkit-autofill~.field__label,
  3782.        .customer .field input:focus~label,
  3783.        .customer .field input:not(:placeholder-shown)~label,
  3784.        .customer .field input:-webkit-autofill~label {
  3785.            font-size: 1rem;
  3786.            top: calc(var(--inputs-border-width) + .5rem);
  3787.            left: calc(var(--inputs-border-width) + 2rem);
  3788.            letter-spacing: .04rem
  3789.        }
  3790.  
  3791.        .field__input:focus,
  3792.        .field__input:not(:placeholder-shown),
  3793.        .field__input:-webkit-autofill,
  3794.        .customer .field input:focus,
  3795.        .customer .field input:not(:placeholder-shown),
  3796.        .customer .field input:-webkit-autofill {
  3797.            padding: 2.2rem 1.5rem .8rem 2rem;
  3798.            margin: var(--inputs-border-width)
  3799.        }
  3800.  
  3801.        .field__input::-webkit-search-cancel-button,
  3802.        .customer .field input::-webkit-search-cancel-button {
  3803.            display: none
  3804.        }
  3805.  
  3806.        .field__input::placeholder,
  3807.        .customer .field input::placeholder {
  3808.            opacity: 0
  3809.        }
  3810.  
  3811.        .field__button {
  3812.            align-items: center;
  3813.            background-color: transparent;
  3814.            border: 0;
  3815.            color: currentColor;
  3816.            cursor: pointer;
  3817.            display: flex;
  3818.            height: 4.4rem;
  3819.            justify-content: center;
  3820.            overflow: hidden;
  3821.            padding: 0;
  3822.            position: absolute;
  3823.            right: 0;
  3824.            top: 0;
  3825.            width: 4.4rem
  3826.        }
  3827.  
  3828.        .field__button>svg {
  3829.            height: 2.5rem;
  3830.            width: 2.5rem
  3831.        }
  3832.  
  3833.        .field__input:-webkit-autofill~.field__button,
  3834.        .field__input:-webkit-autofill~.field__label,
  3835.        .customer .field input:-webkit-autofill~label {
  3836.            color: #000
  3837.        }
  3838.  
  3839.        .text-area {
  3840.            font-family: var(--font-body-family);
  3841.            font-style: var(--font-body-style);
  3842.            font-weight: var(--font-body-weight);
  3843.            min-height: 10rem;
  3844.            resize: none
  3845.        }
  3846.  
  3847.        input[type=checkbox] {
  3848.            display: inline-block;
  3849.            width: auto;
  3850.            margin-right: .5rem
  3851.        }
  3852.  
  3853.        .form__label {
  3854.            display: block;
  3855.            margin-bottom: .6rem
  3856.        }
  3857.  
  3858.        .form__message {
  3859.            align-items: center;
  3860.            display: flex;
  3861.            font-size: 1.4rem;
  3862.            line-height: 1;
  3863.            margin-top: 1rem
  3864.        }
  3865.  
  3866.        .form__message--large {
  3867.            font-size: 1.6rem
  3868.        }
  3869.  
  3870.        .customer .field .form__message {
  3871.            font-size: 1.4rem;
  3872.            text-align: left
  3873.        }
  3874.  
  3875.        .form__message .icon,
  3876.        .customer .form__message svg {
  3877.            flex-shrink: 0;
  3878.            height: 1.3rem;
  3879.            margin-right: .5rem;
  3880.            width: 1.3rem
  3881.        }
  3882.  
  3883.        .form__message--large .icon,
  3884.        .customer .form__message svg {
  3885.            height: 1.5rem;
  3886.            width: 1.5rem;
  3887.            margin-right: 1rem
  3888.        }
  3889.  
  3890.        .customer .field .form__message svg {
  3891.            align-self: start
  3892.        }
  3893.  
  3894.        .form-status {
  3895.            margin: 0;
  3896.            font-size: 1.6rem
  3897.        }
  3898.  
  3899.        .form-status-list {
  3900.            padding: 0;
  3901.            margin: 2rem 0 4rem
  3902.        }
  3903.  
  3904.        .form-status-list li {
  3905.            list-style-position: inside
  3906.        }
  3907.  
  3908.        .form-status-list .link:first-letter {
  3909.            text-transform: capitalize
  3910.        }
  3911.  
  3912.        .quantity {
  3913.            color: rgba(var(--color-foreground));
  3914.            position: relative;
  3915.            width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  3916.            display: flex;
  3917.            border-radius: var(--inputs-radius);
  3918.            min-height: calc((var(--inputs-border-width) * 2) + 4.5rem)
  3919.        }
  3920.  
  3921.        .quantity:after {
  3922.            pointer-events: none;
  3923.            content: "";
  3924.            position: absolute;
  3925.            top: var(--inputs-border-width);
  3926.            right: var(--inputs-border-width);
  3927.            bottom: var(--inputs-border-width);
  3928.            left: var(--inputs-border-width);
  3929.            border: .1rem solid transparent;
  3930.            border-radius: var(--inputs-radius);
  3931.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3932.            transition: box-shadow var(--duration-short) ease;
  3933.            z-index: 1
  3934.        }
  3935.  
  3936.        .quantity:before {
  3937.            background: rgb(var(--color-background));
  3938.            pointer-events: none;
  3939.            content: "";
  3940.            position: absolute;
  3941.            top: 0;
  3942.            right: 0;
  3943.            bottom: 0;
  3944.            left: 0;
  3945.            border-radius: var(--inputs-radius-outset);
  3946.            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));
  3947.            z-index: -1
  3948.        }
  3949.  
  3950.        .quantity__input {
  3951.            color: currentColor;
  3952.            font-size: 1.6rem;
  3953.            font-weight: 500;
  3954.            opacity: .85;
  3955.            text-align: center;
  3956.            background-color: transparent;
  3957.            border: 0;
  3958.            padding: 0 .5rem;
  3959.            width: 100%;
  3960.            flex-grow: 1;
  3961.            -webkit-appearance: none;
  3962.            appearance: none
  3963.        }
  3964.  
  3965.        .quantity__button {
  3966.            width: calc(4.5rem / var(--font-body-scale));
  3967.            flex-shrink: 0;
  3968.            font-size: 1.8rem;
  3969.            border: 0;
  3970.            background-color: transparent;
  3971.            cursor: pointer;
  3972.            display: flex;
  3973.            align-items: center;
  3974.            justify-content: center;
  3975.            color: rgb(var(--color-foreground));
  3976.            padding: 0
  3977.        }
  3978.  
  3979.        .quantity__button:first-child {
  3980.            margin-left: calc(var(--inputs-border-width))
  3981.        }
  3982.  
  3983.        .quantity__button:last-child {
  3984.            margin-right: calc(var(--inputs-border-width))
  3985.        }
  3986.  
  3987.        .quantity__button svg {
  3988.            width: 1rem;
  3989.            pointer-events: none
  3990.        }
  3991.  
  3992.        .quantity__button:focus-visible,
  3993.        .quantity__input:focus-visible {
  3994.            background-color: rgb(var(--color-background));
  3995.            z-index: 2
  3996.        }
  3997.  
  3998.        .quantity__button:focus,
  3999.        .quantity__input:focus {
  4000.            background-color: rgb(var(--color-background));
  4001.            z-index: 2
  4002.        }
  4003.  
  4004.        .quantity__button:not(:focus-visible):not(.focused),
  4005.        .quantity__input:not(:focus-visible):not(.focused) {
  4006.            box-shadow: inherit;
  4007.            background-color: inherit
  4008.        }
  4009.  
  4010.        .quantity__input:-webkit-autofill,
  4011.        .quantity__input:-webkit-autofill:hover,
  4012.        .quantity__input:-webkit-autofill:active {
  4013.            box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  4014.            -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important
  4015.        }
  4016.  
  4017.        .quantity__input::-webkit-outer-spin-button,
  4018.        .quantity__input::-webkit-inner-spin-button {
  4019.            -webkit-appearance: none;
  4020.            margin: 0
  4021.        }
  4022.  
  4023.        .quantity__input[type=number] {
  4024.            -moz-appearance: textfield
  4025.        }
  4026.  
  4027.        .quantity__rules {
  4028.            margin-top: .5rem;
  4029.            position: relative;
  4030.            font-size: 1.2rem
  4031.        }
  4032.  
  4033.        .quantity__rules .caption {
  4034.            display: inline-block;
  4035.            margin-top: 0;
  4036.            margin-bottom: 0
  4037.        }
  4038.  
  4039.        .quantity__rules .divider+.divider:before {
  4040.            content: "\2022";
  4041.            margin: 0 .5rem
  4042.        }
  4043.  
  4044.        .quantity__rules-cart {
  4045.            position: relative
  4046.        }
  4047.  
  4048.        product-info .loading__spinner:not(.hidden)~*,
  4049.        .quantity__rules-cart .loading__spinner:not(.hidden)~* {
  4050.            visibility: hidden
  4051.        }
  4052.  
  4053.        .modal__toggle {
  4054.            list-style-type: none
  4055.        }
  4056.  
  4057.        .no-js details[open] .modal__toggle {
  4058.            position: absolute;
  4059.            z-index: 5
  4060.        }
  4061.  
  4062.        .modal__toggle-close {
  4063.            display: none
  4064.        }
  4065.  
  4066.        .no-js details[open] svg.modal__toggle-close {
  4067.            display: flex;
  4068.            z-index: 1;
  4069.            height: 1.7rem;
  4070.            width: 1.7rem
  4071.        }
  4072.  
  4073.        .modal__toggle-open {
  4074.            display: flex
  4075.        }
  4076.  
  4077.        .no-js details[open] .modal__toggle-open {
  4078.            display: none
  4079.        }
  4080.  
  4081.        .no-js .modal__close-button.link {
  4082.            display: none
  4083.        }
  4084.  
  4085.        .modal__close-button.link {
  4086.            display: flex;
  4087.            justify-content: center;
  4088.            align-items: center;
  4089.            padding: 0rem;
  4090.            height: 4.4rem;
  4091.            width: 4.4rem;
  4092.            background-color: transparent
  4093.        }
  4094.  
  4095.        .modal__close-button .icon {
  4096.            width: 1.7rem;
  4097.            height: 1.7rem
  4098.        }
  4099.  
  4100.        .modal__content {
  4101.            position: absolute;
  4102.            top: 0;
  4103.            left: 0;
  4104.            right: 0;
  4105.            bottom: 0;
  4106.            background: rgb(var(--color-background));
  4107.            z-index: 4;
  4108.            display: flex;
  4109.            justify-content: center;
  4110.            align-items: center
  4111.        }
  4112.  
  4113.        .media-modal {
  4114.            cursor: zoom-out
  4115.        }
  4116.  
  4117.        .media-modal .deferred-media {
  4118.            cursor: initial
  4119.        }
  4120.  
  4121.        .cart-count-bubble:empty {
  4122.            display: none
  4123.        }
  4124.  
  4125.        .cart-count-bubble {
  4126.            position: absolute;
  4127.            background-color: rgb(var(--color-button));
  4128.            color: rgb(var(--color-button-text));
  4129.            height: 1.7rem;
  4130.            width: 1.7rem;
  4131.            border-radius: 100%;
  4132.            display: flex;
  4133.            justify-content: center;
  4134.            align-items: center;
  4135.            font-size: .9rem;
  4136.            bottom: .8rem;
  4137.            left: 2.2rem;
  4138.            line-height: calc(1 + .1 / var(--font-body-scale))
  4139.        }
  4140.  
  4141.        .utility-bar {
  4142.            height: 100%
  4143.        }
  4144.  
  4145.        .utility-bar--bottom-border {
  4146.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4147.        }
  4148.  
  4149.        @media screen and (min-width: 990px) {
  4150.            .utility-bar--bottom-border-social-only {
  4151.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4152.            }
  4153.        }
  4154.  
  4155.        .utility-bar__grid {
  4156.            display: grid;
  4157.            grid-template-columns: 1fr;
  4158.            grid-template-areas: "announcements"
  4159.        }
  4160.  
  4161.        .utility-bar__grid .list-social {
  4162.            justify-content: flex-start;
  4163.            align-content: center;
  4164.            margin-left: -1.2rem;
  4165.            grid-area: social-icons
  4166.        }
  4167.  
  4168.        @media screen and (max-width: 989px) {
  4169.            .utility-bar .utility-bar__grid .list-social {
  4170.                display: none
  4171.            }
  4172.        }
  4173.  
  4174.        .utility-bar .list-social__item .icon {
  4175.            scale: .9
  4176.        }
  4177.  
  4178.        @media screen and (min-width: 990px) {
  4179.            .utility-bar__grid--3-col {
  4180.                grid-template-columns: 3fr 4fr 3fr;
  4181.                grid-template-areas: "social-icons announcements language-currency"
  4182.            }
  4183.  
  4184.            .utility-bar__grid--2-col {
  4185.                grid-template-columns: 1fr 1fr;
  4186.                grid-template-areas: "social-icons language-currency"
  4187.            }
  4188.  
  4189.            .announcement-bar.announcement-bar--one-announcement,
  4190.            .announcement-bar--one-announcement .announcement-bar__link {
  4191.                width: fit-content;
  4192.                margin: auto
  4193.            }
  4194.        }
  4195.  
  4196.        .announcement-bar,
  4197.        .announcement-bar__announcement {
  4198.            color: rgb(var(--color-foreground));
  4199.            width: 100%;
  4200.            height: 100%;
  4201.            display: flex;
  4202.            justify-content: center;
  4203.            flex-wrap: wrap;
  4204.            align-content: center;
  4205.            grid-area: announcements
  4206.        }
  4207.  
  4208.        .announcement-bar .slider--everywhere {
  4209.            margin-bottom: 0;
  4210.            scroll-behavior: auto
  4211.        }
  4212.  
  4213.        .utility-bar__grid .announcement-bar-slider,
  4214.        .announcement-bar-slider,
  4215.        .announcement-bar-slider .slider {
  4216.            width: 100%
  4217.        }
  4218.  
  4219.        .announcement-bar .slider-button--next {
  4220.            margin-right: -1.5rem;
  4221.            min-width: 44px
  4222.        }
  4223.  
  4224.        .announcement-bar .slider-button--prev {
  4225.            margin-left: -1.5rem;
  4226.            min-width: 44px
  4227.        }
  4228.  
  4229.        .announcement-bar .slider-button--next:focus-visible,
  4230.        .announcement-bar .slider-button--prev:focus-visible,
  4231.        .utility-bar .list-social__link:focus-visible {
  4232.            outline-offset: -.3rem;
  4233.            box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground))
  4234.        }
  4235.  
  4236.        .localization-wrapper {
  4237.            grid-area: language-currency;
  4238.            align-self: center;
  4239.            display: flex;
  4240.            justify-content: flex-end
  4241.        }
  4242.  
  4243.        .localization-wrapper .localization-selector+.disclosure__list-wrapper {
  4244.            animation: animateMenuOpen var(--duration-default) ease
  4245.        }
  4246.  
  4247.        .utility-bar .localization-wrapper .disclosure .localization-form__select,
  4248.        .utility-bar .localization-wrapper .disclosure__link {
  4249.            font-size: calc(var(--font-heading-scale) * 1.3rem)
  4250.        }
  4251.  
  4252.        @media screen and (min-width: 990px) {
  4253.            body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
  4254.                padding-left: 5rem;
  4255.                padding-right: 5rem
  4256.            }
  4257.  
  4258.            .announcement-bar-slider {
  4259.                width: 60%
  4260.            }
  4261.  
  4262.            .announcement-bar .slider-button {
  4263.                height: 3.8rem
  4264.            }
  4265.        }
  4266.  
  4267.        .announcement-bar__link {
  4268.            display: flex;
  4269.            width: 100%;
  4270.            text-decoration: none;
  4271.            height: 100%;
  4272.            justify-content: center;
  4273.            align-items: center
  4274.        }
  4275.  
  4276.        .announcement-bar__link:hover {
  4277.            text-decoration: underline
  4278.        }
  4279.  
  4280.        .announcement-bar__link .icon-arrow {
  4281.            display: inline-block;
  4282.            pointer-events: none;
  4283.            margin-left: .8rem;
  4284.            vertical-align: middle;
  4285.            margin-bottom: .2rem
  4286.        }
  4287.  
  4288.        .announcement-bar__message {
  4289.            text-align: center;
  4290.            padding: 1rem 0;
  4291.            margin: 0;
  4292.            letter-spacing: .1rem;
  4293.            min-height: 3.8rem
  4294.        }
  4295.  
  4296.        .announcement-bar-slider--fade-in-next .announcement-bar__message,
  4297.        .announcement-bar-slider--fade-in-previous .announcement-bar__message,
  4298.        .announcement-bar-slider--fade-out-next .announcement-bar__message,
  4299.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4300.            animation-duration: var(--duration-announcement-bar);
  4301.            animation-timing-function: ease-in-out;
  4302.            animation-fill-mode: forwards
  4303.        }
  4304.  
  4305.        .announcement-bar-slider--fade-in-next .announcement-bar__message {
  4306.            --announcement-translate-from: -1.5rem;
  4307.            opacity: 0;
  4308.            animation-name: translateAnnouncementSlideIn;
  4309.            animation-delay: var(--duration-announcement-bar)
  4310.        }
  4311.  
  4312.        .announcement-bar-slider--fade-in-previous .announcement-bar__message {
  4313.            --announcement-translate-from: 1.5rem;
  4314.            opacity: 0;
  4315.            animation-name: translateAnnouncementSlideIn;
  4316.            animation-delay: var(--duration-announcement-bar)
  4317.        }
  4318.  
  4319.        .announcement-bar-slider--fade-out-next .announcement-bar__message {
  4320.            --announcement-translate-to: 1.5rem;
  4321.            animation-name: translateAnnouncementSlideOut
  4322.        }
  4323.  
  4324.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4325.            --announcement-translate-to: -1.5rem;
  4326.            animation-name: translateAnnouncementSlideOut
  4327.        }
  4328.  
  4329.        @keyframes translateAnnouncementSlideIn {
  4330.            0% {
  4331.                opacity: 0;
  4332.                transform: translate(var(--announcement-translate-from))
  4333.            }
  4334.  
  4335.            to {
  4336.                opacity: 1;
  4337.                transform: translate(0)
  4338.            }
  4339.        }
  4340.  
  4341.        @keyframes translateAnnouncementSlideOut {
  4342.            0% {
  4343.                opacity: 1;
  4344.                transform: translate(0)
  4345.            }
  4346.  
  4347.            to {
  4348.                opacity: 0;
  4349.                transform: translate(var(--announcement-translate-to))
  4350.            }
  4351.        }
  4352.  
  4353.        .section-header.shopify-section-group-header-group {
  4354.            z-index: 3
  4355.        }
  4356.  
  4357.        .shopify-section-header-sticky {
  4358.            position: sticky;
  4359.            top: 0
  4360.        }
  4361.  
  4362.        .shopify-section-header-hidden {
  4363.            top: calc(-1 * var(--header-height))
  4364.        }
  4365.  
  4366.        .shopify-section-header-hidden.menu-open {
  4367.            top: 0
  4368.        }
  4369.  
  4370.        .section-header.animate {
  4371.            transition: top .15s ease-out
  4372.        }
  4373.  
  4374.        .shopify-section-group-header-group {
  4375.            z-index: 4
  4376.        }
  4377.  
  4378.        .section-header~.shopify-section-group-header-group {
  4379.            z-index: initial
  4380.        }
  4381.  
  4382.        .header-wrapper {
  4383.            display: block;
  4384.            position: relative;
  4385.            background-color: rgb(var(--color-background))
  4386.        }
  4387.  
  4388.        .header-wrapper--border-bottom {
  4389.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4390.        }
  4391.  
  4392.        .header {
  4393.            display: grid;
  4394.            grid-template-areas: "left-icons heading icons";
  4395.            grid-template-columns: 1fr 2fr 1fr;
  4396.            align-items: center
  4397.        }
  4398.  
  4399.        @media screen and (max-width: 749px) {
  4400.            .header--has-app {
  4401.                grid-template-columns: auto 1fr auto
  4402.            }
  4403.        }
  4404.  
  4405.        @media screen and (min-width: 990px) {
  4406.            .header {
  4407.                grid-template-columns: 1fr auto 1fr
  4408.            }
  4409.  
  4410.            .header--top-left,
  4411.            .header--middle-left:not(.header--has-menu) {
  4412.                grid-template-areas: "heading icons" "navigation navigation";
  4413.                grid-template-columns: 1fr auto
  4414.            }
  4415.  
  4416.            .header--top-left.drawer-menu,
  4417.            .header--middle-left.drawer-menu {
  4418.                grid-template-areas: "navigation heading icons";
  4419.                grid-template-columns: auto 1fr auto;
  4420.                column-gap: 1rem
  4421.            }
  4422.  
  4423.            .header--middle-left {
  4424.                grid-template-areas: "heading navigation icons";
  4425.                grid-template-columns: auto auto 1fr;
  4426.                column-gap: 2rem
  4427.            }
  4428.  
  4429.            .header--middle-center:not(.drawer-menu) {
  4430.                grid-template-areas: "navigation heading icons";
  4431.                grid-template-columns: 1fr auto 1fr;
  4432.                column-gap: 2rem
  4433.            }
  4434.  
  4435.            .header--middle-center a.header__heading-link {
  4436.                text-align: center
  4437.            }
  4438.  
  4439.            .header--top-center {
  4440.                grid-template-areas: "left-icons heading icons" "navigation navigation navigation"
  4441.            }
  4442.  
  4443.            .header--top-center.drawer-menu {
  4444.                grid-template-areas: "left-icons heading icons";
  4445.                grid-template-columns: 1fr auto 1fr
  4446.            }
  4447.  
  4448.            .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
  4449.                margin-top: 1.05rem
  4450.            }
  4451.        }
  4452.  
  4453.        .header *[tabindex="-1"]:focus {
  4454.            outline: none
  4455.        }
  4456.  
  4457.        .header__heading {
  4458.            margin: 0;
  4459.            line-height: 0
  4460.        }
  4461.  
  4462.        .header>.header__heading-link {
  4463.            line-height: 0
  4464.        }
  4465.  
  4466.        .header__heading,
  4467.        .header__heading-link {
  4468.            grid-area: heading;
  4469.            justify-self: center
  4470.        }
  4471.  
  4472.        .header__heading-link {
  4473.            display: inline-block;
  4474.            padding: .75rem;
  4475.            text-decoration: none;
  4476.            word-break: break-word
  4477.        }
  4478.  
  4479.        .header__heading-link:hover .h2 {
  4480.            color: rgb(var(--color-foreground))
  4481.        }
  4482.  
  4483.        .header__heading-link .h2 {
  4484.            line-height: 1;
  4485.            color: rgba(var(--color-foreground), .75)
  4486.        }
  4487.  
  4488.        .header__heading-logo {
  4489.            height: auto;
  4490.            max-width: 100%
  4491.        }
  4492.  
  4493.        .header__heading-logo-wrapper {
  4494.            width: 100%;
  4495.            display: inline-block;
  4496.            transition: width .3s cubic-bezier(.52, 0, .61, .99)
  4497.        }
  4498.  
  4499.        @media screen and (max-width: 989px) {
  4500.  
  4501.            .header__heading,
  4502.            .header__heading-link {
  4503.                text-align: center
  4504.            }
  4505.  
  4506.            .header--mobile-left .header__heading,
  4507.            .header--mobile-left .header__heading-link {
  4508.                text-align: left;
  4509.                justify-self: start
  4510.            }
  4511.  
  4512.            .header--mobile-left {
  4513.                grid-template-columns: auto 2fr 1fr
  4514.            }
  4515.        }
  4516.  
  4517.        @media screen and (min-width: 990px) {
  4518.  
  4519.            .header--middle-left .header__heading-link,
  4520.            .header--top-left .header__heading-link {
  4521.                margin-left: -.75rem
  4522.            }
  4523.  
  4524.            .header__heading,
  4525.            .header__heading-link {
  4526.                justify-self: start
  4527.            }
  4528.  
  4529.            .header--middle-center .header__heading-link,
  4530.            .header--middle-center .header__heading,
  4531.            .header--top-center .header__heading-link,
  4532.            .header--top-center .header__heading {
  4533.                justify-self: center;
  4534.                text-align: center
  4535.            }
  4536.        }
  4537.  
  4538.        .header__icons {
  4539.            display: flex;
  4540.            grid-area: icons;
  4541.            justify-self: end;
  4542.            padding-right: .8rem
  4543.        }
  4544.  
  4545.        .header__icons .shopify-app-block {
  4546.            max-width: 4.4rem;
  4547.            max-height: 4.4rem;
  4548.            overflow: hidden
  4549.        }
  4550.  
  4551.        .header__icon:not(.header__icon--summary),
  4552.        .header__icon span {
  4553.            display: flex;
  4554.            align-items: center;
  4555.            justify-content: center
  4556.        }
  4557.  
  4558.        .header__icon {
  4559.            color: rgb(var(--color-foreground))
  4560.        }
  4561.  
  4562.        .header__icon span {
  4563.            height: 100%
  4564.        }
  4565.  
  4566.        .header__icon:after {
  4567.            content: none
  4568.        }
  4569.  
  4570.        .header__icon:hover .icon,
  4571.        .modal__close-button:hover .icon {
  4572.            transform: scale(1.07)
  4573.        }
  4574.  
  4575.        .header__icon .icon {
  4576.            height: 2rem;
  4577.            width: 2rem;
  4578.            fill: none;
  4579.            vertical-align: middle
  4580.        }
  4581.  
  4582.        .header__icon,
  4583.        .header__icon--cart .icon {
  4584.            height: 4.4rem;
  4585.            width: 4.4rem;
  4586.            padding: 0
  4587.        }
  4588.  
  4589.        .header__icon--cart {
  4590.            position: relative;
  4591.            margin-right: -1.2rem
  4592.        }
  4593.  
  4594.        .header__icon--menu[aria-expanded=true]:before {
  4595.            content: "";
  4596.            top: 100%;
  4597.            left: 0;
  4598.            height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  4599.            width: 100%;
  4600.            display: block;
  4601.            position: absolute;
  4602.            background: rgba(var(--color-foreground), .5)
  4603.        }
  4604.  
  4605.        menu-drawer+.header__search {
  4606.            display: none
  4607.        }
  4608.  
  4609.        .header>.header__search {
  4610.            grid-area: left-icons;
  4611.            justify-self: start
  4612.        }
  4613.  
  4614.        .header--top-center.drawer-menu>.header__search {
  4615.            margin-left: 3.2rem
  4616.        }
  4617.  
  4618.        .header--top-center header-drawer {
  4619.            grid-area: left-icons
  4620.        }
  4621.  
  4622.        .header:not(.header--has-menu) *>.header__search {
  4623.            display: none
  4624.        }
  4625.  
  4626.        .header__search {
  4627.            display: inline-flex;
  4628.            line-height: 0
  4629.        }
  4630.  
  4631.        .header--top-center>.header__search {
  4632.            display: none
  4633.        }
  4634.  
  4635.        .header--top-center *>.header__search {
  4636.            display: inline-flex
  4637.        }
  4638.  
  4639.        @media screen and (min-width: 990px) {
  4640.  
  4641.            .header:not(.header--top-center) *>.header__search,
  4642.            .header--top-center>.header__search {
  4643.                display: inline-flex
  4644.            }
  4645.  
  4646.            .header:not(.header--top-center)>.header__search,
  4647.            .header--top-center *>.header__search {
  4648.                display: none
  4649.            }
  4650.        }
  4651.  
  4652.        .no-js .predictive-search {
  4653.            display: none
  4654.        }
  4655.  
  4656.        details[open]>.search-modal {
  4657.            opacity: 1;
  4658.            animation: animateMenuOpen var(--duration-default) ease
  4659.        }
  4660.  
  4661.        details[open] .modal-overlay {
  4662.            display: block
  4663.        }
  4664.  
  4665.        details[open] .modal-overlay:after {
  4666.            position: absolute;
  4667.            content: "";
  4668.            background-color: rgb(var(--color-foreground), .5);
  4669.            top: 100%;
  4670.            left: 0;
  4671.            right: 0;
  4672.            height: 100vh
  4673.        }
  4674.  
  4675.        .no-js details[open]>.header__icon--search {
  4676.            top: 1rem;
  4677.            right: .5rem
  4678.        }
  4679.  
  4680.        .search-modal {
  4681.            opacity: 0;
  4682.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  4683.            min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  4684.            height: 100%
  4685.        }
  4686.  
  4687.        .search-modal__content {
  4688.            display: flex;
  4689.            align-items: center;
  4690.            justify-content: center;
  4691.            width: 100%;
  4692.            height: 100%;
  4693.            padding: 0 5rem 0 1rem;
  4694.            line-height: calc(1 + .8 / var(--font-body-scale));
  4695.            position: relative
  4696.        }
  4697.  
  4698.        .search-modal__content-bottom {
  4699.            bottom: calc((var(--inputs-margin-offset) / 2))
  4700.        }
  4701.  
  4702.        .search-modal__content-top {
  4703.            top: calc((var(--inputs-margin-offset) / 2))
  4704.        }
  4705.  
  4706.        .search-modal__form {
  4707.            width: 100%
  4708.        }
  4709.  
  4710.        .search-modal__close-button {
  4711.            position: absolute;
  4712.            right: .3rem
  4713.        }
  4714.  
  4715.        @media screen and (min-width: 750px) {
  4716.            .search-modal__close-button {
  4717.                right: 1rem
  4718.            }
  4719.  
  4720.            .search-modal__content {
  4721.                padding: 0 6rem
  4722.            }
  4723.        }
  4724.  
  4725.        @media screen and (min-width: 990px) {
  4726.            .search-modal__form {
  4727.                max-width: 74.2rem
  4728.            }
  4729.  
  4730.            .search-modal__close-button {
  4731.                position: initial;
  4732.                margin-left: .5rem
  4733.            }
  4734.        }
  4735.  
  4736.        .header__icon--menu .icon {
  4737.            display: block;
  4738.            position: absolute;
  4739.            opacity: 1;
  4740.            transform: scale(1);
  4741.            transition: transform .15s ease, opacity .15s ease
  4742.        }
  4743.  
  4744.        details:not([open])>.header__icon--menu .icon-close,
  4745.        details[open]>.header__icon--menu .icon-hamburger {
  4746.            visibility: hidden;
  4747.            opacity: 0;
  4748.            transform: scale(.8)
  4749.        }
  4750.  
  4751.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
  4752.            visibility: hidden
  4753.        }
  4754.  
  4755.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
  4756.            visibility: visible;
  4757.            opacity: 1;
  4758.            transform: scale(1.07)
  4759.        }
  4760.  
  4761.        .js details>.header__submenu {
  4762.            opacity: 0;
  4763.            transform: translateY(-1.5rem)
  4764.        }
  4765.  
  4766.        details[open]>.header__submenu {
  4767.            animation: animateMenuOpen var(--duration-default) ease;
  4768.            animation-fill-mode: forwards;
  4769.            z-index: 1
  4770.        }
  4771.  
  4772.        @media (prefers-reduced-motion) {
  4773.            details[open]>.header__submenu {
  4774.                opacity: 1;
  4775.                transform: translateY(0)
  4776.            }
  4777.        }
  4778.  
  4779.        .header__inline-menu {
  4780.            margin-left: -1.2rem;
  4781.            grid-area: navigation;
  4782.            display: none
  4783.        }
  4784.  
  4785.        .header--top-center .header__inline-menu,
  4786.        .header--top-center .header__heading-link {
  4787.            margin-left: 0
  4788.        }
  4789.  
  4790.        @media screen and (min-width: 990px) {
  4791.            .header__inline-menu {
  4792.                display: block
  4793.            }
  4794.  
  4795.            .header--top-center .header__inline-menu {
  4796.                justify-self: center
  4797.            }
  4798.  
  4799.            .header--top-center .header__inline-menu>.list-menu--inline {
  4800.                justify-content: center
  4801.            }
  4802.  
  4803.            .header--middle-left .header__inline-menu {
  4804.                margin-left: 0
  4805.            }
  4806.        }
  4807.  
  4808.        .header__menu {
  4809.            padding: 0 1rem
  4810.        }
  4811.  
  4812.        .header__menu-item {
  4813.            padding: 1.2rem;
  4814.            text-decoration: none;
  4815.            color: rgba(var(--color-foreground), .75)
  4816.        }
  4817.  
  4818.        .header__menu-item:hover {
  4819.            color: rgb(var(--color-foreground))
  4820.        }
  4821.  
  4822.        .header__menu-item span {
  4823.            transition: text-decoration var(--duration-short) ease
  4824.        }
  4825.  
  4826.        .header__menu-item:hover span {
  4827.            text-decoration: underline;
  4828.            text-underline-offset: .3rem
  4829.        }
  4830.  
  4831.        details[open]>.header__menu-item {
  4832.            text-decoration: underline
  4833.        }
  4834.  
  4835.        details[open]:hover>.header__menu-item {
  4836.            text-decoration-thickness: .2rem
  4837.        }
  4838.  
  4839.        details[open]>.header__menu-item .icon-caret {
  4840.            transform: rotate(180deg)
  4841.        }
  4842.  
  4843.        .header__active-menu-item {
  4844.            transition: text-decoration-thickness var(--duration-short) ease;
  4845.            color: rgb(var(--color-foreground));
  4846.            text-decoration: underline;
  4847.            text-underline-offset: .3rem
  4848.        }
  4849.  
  4850.        .header__menu-item:hover .header__active-menu-item {
  4851.            text-decoration-thickness: .2rem
  4852.        }
  4853.  
  4854.        .header__submenu {
  4855.            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease
  4856.        }
  4857.  
  4858.        .global-settings-popup,
  4859.        .header__submenu.global-settings-popup {
  4860.            border-radius: var(--popup-corner-radius);
  4861.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  4862.            border-style: solid;
  4863.            border-width: var(--popup-border-width);
  4864.            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));
  4865.            z-index: -1
  4866.        }
  4867.  
  4868.        .header__submenu.list-menu {
  4869.            padding: 1rem 0
  4870.        }
  4871.  
  4872.        .header__submenu .header__submenu {
  4873.            background-color: rgba(var(--color-foreground), .03);
  4874.            padding: 1rem 0;
  4875.            margin: 1rem 0
  4876.        }
  4877.  
  4878.        .header__submenu .header__menu-item:after {
  4879.            right: 2rem
  4880.        }
  4881.  
  4882.        .header__submenu .header__menu-item {
  4883.            justify-content: space-between;
  4884.            padding: .8rem 2rem
  4885.        }
  4886.  
  4887.        .header__submenu .header__menu-item:hover {
  4888.            text-decoration-line: underline
  4889.        }
  4890.  
  4891.        .header__menu-item .icon-caret {
  4892.            right: .8rem
  4893.        }
  4894.  
  4895.        .header__submenu .icon-caret {
  4896.            flex-shrink: 0;
  4897.            margin-left: 1rem;
  4898.            position: static
  4899.        }
  4900.  
  4901.        header-menu>details,
  4902.        details-disclosure>details {
  4903.            position: relative
  4904.        }
  4905.  
  4906.        @keyframes animateMenuOpen {
  4907.            0% {
  4908.                opacity: 0;
  4909.                transform: translateY(-1.5rem)
  4910.            }
  4911.  
  4912.            to {
  4913.                opacity: 1;
  4914.                transform: translateY(0)
  4915.            }
  4916.        }
  4917.  
  4918.        .overflow-hidden-mobile,
  4919.        .overflow-hidden-tablet,
  4920.        .overflow-hidden-desktop {
  4921.            overflow: hidden
  4922.        }
  4923.  
  4924.        @media screen and (min-width: 750px) {
  4925.            .overflow-hidden-mobile {
  4926.                overflow: auto
  4927.            }
  4928.        }
  4929.  
  4930.        @media screen and (min-width: 990px) {
  4931.            .overflow-hidden-tablet {
  4932.                overflow: auto
  4933.            }
  4934.        }
  4935.  
  4936.        .badge {
  4937.            border: 1px solid transparent;
  4938.            border-radius: var(--badge-corner-radius);
  4939.            display: inline-block;
  4940.            font-size: 1.2rem;
  4941.            letter-spacing: .1rem;
  4942.            line-height: 1;
  4943.            padding: .5rem 1.3rem .6rem;
  4944.            text-align: center;
  4945.            background-color: rgb(var(--color-badge-background));
  4946.            border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  4947.            color: rgb(var(--color-badge-foreground));
  4948.            word-break: break-word
  4949.        }
  4950.  
  4951.        .gradient {
  4952.            background: rgb(var(--color-background));
  4953.            background: var(--gradient-background);
  4954.            background-attachment: fixed
  4955.        }
  4956.  
  4957.        @media screen and (forced-colors: active) {
  4958.            .icon {
  4959.                color: CanvasText;
  4960.                fill: CanvasText !important
  4961.            }
  4962.  
  4963.            .icon-close-small path {
  4964.                stroke: CanvasText
  4965.            }
  4966.        }
  4967.  
  4968.        .ratio {
  4969.            display: flex;
  4970.            position: relative;
  4971.            align-items: stretch
  4972.        }
  4973.  
  4974.        .ratio:before {
  4975.            content: "";
  4976.            width: 0;
  4977.            height: 0;
  4978.            padding-bottom: var(--ratio-percent)
  4979.        }
  4980.  
  4981.        .content-container {
  4982.            border-radius: var(--text-boxes-radius);
  4983.            border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  4984.            position: relative
  4985.        }
  4986.  
  4987.        .content-container:after {
  4988.            content: "";
  4989.            position: absolute;
  4990.            top: calc(var(--text-boxes-border-width) * -1);
  4991.            right: calc(var(--text-boxes-border-width) * -1);
  4992.            bottom: calc(var(--text-boxes-border-width) * -1);
  4993.            left: calc(var(--text-boxes-border-width) * -1);
  4994.            border-radius: var(--text-boxes-radius);
  4995.            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));
  4996.            z-index: -1
  4997.        }
  4998.  
  4999.        .content-container--full-width:after {
  5000.            left: 0;
  5001.            right: 0;
  5002.            border-radius: 0
  5003.        }
  5004.  
  5005.        @media screen and (max-width: 749px) {
  5006.            .content-container--full-width-mobile {
  5007.                border-left: none;
  5008.                border-right: none;
  5009.                border-radius: 0
  5010.            }
  5011.  
  5012.            .content-container--full-width-mobile:after {
  5013.                display: none
  5014.            }
  5015.        }
  5016.  
  5017.        .global-media-settings {
  5018.            position: relative;
  5019.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5020.            border-radius: var(--media-radius);
  5021.            overflow: visible !important;
  5022.            background-color: rgb(var(--color-background))
  5023.        }
  5024.  
  5025.        .global-media-settings:after {
  5026.            content: "";
  5027.            position: absolute;
  5028.            top: calc(var(--media-border-width) * -1);
  5029.            right: calc(var(--media-border-width) * -1);
  5030.            bottom: calc(var(--media-border-width) * -1);
  5031.            left: calc(var(--media-border-width) * -1);
  5032.            border-radius: var(--media-radius);
  5033.            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));
  5034.            z-index: -1;
  5035.            pointer-events: none
  5036.        }
  5037.  
  5038.        .global-media-settings--no-shadow {
  5039.            overflow: hidden !important
  5040.        }
  5041.  
  5042.        .global-media-settings--no-shadow:after {
  5043.            content: none
  5044.        }
  5045.  
  5046.        .global-media-settings img,
  5047.        .global-media-settings iframe,
  5048.        .global-media-settings model-viewer,
  5049.        .global-media-settings video,
  5050.        .global-media-settings .placeholder-svg {
  5051.            border-radius: calc(var(--media-radius) - var(--media-border-width))
  5052.        }
  5053.  
  5054.        .content-container--full-width,
  5055.        .global-media-settings--full-width,
  5056.        .global-media-settings--full-width img,
  5057.        .global-media-settings--full-width video,
  5058.        .global-media-settings--full-width iframe,
  5059.        .global-media-settings--full-width .placeholder-svg {
  5060.            border-radius: 0;
  5061.            border-left: none;
  5062.            border-right: none
  5063.        }
  5064.  
  5065.        @supports not (inset: 10px) {
  5066.            .grid {
  5067.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  5068.            }
  5069.  
  5070.            .grid__item {
  5071.                padding-left: var(--grid-mobile-horizontal-spacing);
  5072.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5073.            }
  5074.  
  5075.            @media screen and (min-width: 750px) {
  5076.                .grid {
  5077.                    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  5078.                }
  5079.  
  5080.                .grid__item {
  5081.                    padding-left: var(--grid-desktop-horizontal-spacing);
  5082.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5083.                }
  5084.            }
  5085.  
  5086.            .grid--gapless .grid__item {
  5087.                padding-left: 0;
  5088.                padding-bottom: 0
  5089.            }
  5090.  
  5091.            @media screen and (min-width: 749px) {
  5092.                .grid--peek .grid__item {
  5093.                    padding-left: var(--grid-mobile-horizontal-spacing)
  5094.                }
  5095.            }
  5096.  
  5097.            .product-grid .grid__item {
  5098.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5099.            }
  5100.  
  5101.            @media screen and (min-width: 750px) {
  5102.                .product-grid .grid__item {
  5103.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5104.                }
  5105.            }
  5106.        }
  5107.  
  5108.        .font-body-bold {
  5109.            font-weight: var(--font-body-weight-bold)
  5110.        }
  5111.  
  5112.        @media (forced-colors: active) {
  5113.  
  5114.            .button,
  5115.            .shopify-challenge__button,
  5116.            .customer button {
  5117.                border: transparent solid 1px
  5118.            }
  5119.  
  5120.            .button:focus-visible,
  5121.            .button:focus,
  5122.            .button.focused,
  5123.            .shopify-payment-button__button--unbranded:focus-visible,
  5124.            .shopify-payment-button [role=button]:focus-visible,
  5125.            .shopify-payment-button__button--unbranded:focus,
  5126.            .shopify-payment-button [role=button]:focus {
  5127.                outline: solid transparent 1px
  5128.            }
  5129.  
  5130.            .field__input:focus,
  5131.            .select__select:focus,
  5132.            .customer .field input:focus,
  5133.            .customer select:focus,
  5134.            .localization-form__select:focus.localization-form__select:after {
  5135.                outline: transparent solid 1px
  5136.            }
  5137.  
  5138.            .localization-form__select:focus {
  5139.                outline: transparent solid 1px
  5140.            }
  5141.        }
  5142.  
  5143.        .rte:after {
  5144.            clear: both;
  5145.            content: "";
  5146.            display: block
  5147.        }
  5148.  
  5149.        .rte>*:first-child {
  5150.            margin-top: 0
  5151.        }
  5152.  
  5153.        .rte>*:last-child {
  5154.            margin-bottom: 0
  5155.        }
  5156.  
  5157.        .rte table {
  5158.            table-layout: fixed
  5159.        }
  5160.  
  5161.        @media screen and (min-width: 750px) {
  5162.            .rte table td {
  5163.                padding-left: 1.2rem;
  5164.                padding-right: 1.2rem
  5165.            }
  5166.        }
  5167.  
  5168.        .rte img {
  5169.            height: auto;
  5170.            max-width: 100%;
  5171.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5172.            border-radius: var(--media-radius);
  5173.            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));
  5174.            margin-bottom: var(--media-shadow-vertical-offset)
  5175.        }
  5176.  
  5177.        .rte ul,
  5178.        .rte ol {
  5179.            list-style-position: inside;
  5180.            padding-left: 2rem
  5181.        }
  5182.  
  5183.        .rte li {
  5184.            list-style: inherit
  5185.        }
  5186.  
  5187.        .rte li:last-child {
  5188.            margin-bottom: 0
  5189.        }
  5190.  
  5191.        .rte a {
  5192.            color: rgba(var(--color-link), var(--alpha-link));
  5193.            text-underline-offset: .3rem;
  5194.            text-decoration-thickness: .1rem;
  5195.            transition: text-decoration-thickness var(--duration-short) ease
  5196.        }
  5197.  
  5198.        .rte a:hover {
  5199.            color: rgb(var(--color-link));
  5200.            text-decoration-thickness: .2rem
  5201.        }
  5202.  
  5203.        .rte blockquote {
  5204.            display: inline-flex
  5205.        }
  5206.  
  5207.        .rte blockquote>* {
  5208.            margin: -.5rem 0
  5209.        }
  5210.  
  5211.        .shape--mask {
  5212.            display: block;
  5213.            height: 0;
  5214.            width: 0
  5215.        }
  5216.  
  5217.        .shape--arch {
  5218.            clip-path: url(#Shape-Arch)
  5219.        }
  5220.  
  5221.        .shape--blob {
  5222.            clip-path: polygon(var(--shape--blob-1))
  5223.        }
  5224.  
  5225.        .shape--chevronleft {
  5226.            clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%)
  5227.        }
  5228.  
  5229.        .shape--chevronright {
  5230.            clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%)
  5231.        }
  5232.  
  5233.        .shape--circle {
  5234.            clip-path: circle(closest-side)
  5235.        }
  5236.  
  5237.        .shape--diamond {
  5238.            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
  5239.        }
  5240.  
  5241.        .shape--parallelogram {
  5242.            clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%)
  5243.        }
  5244.  
  5245.        .shape--round {
  5246.            clip-path: ellipse(45% 45% at 50% 50%)
  5247.        }
  5248.  
  5249.        .animate--fixed {
  5250.            clip-path: inset(0)
  5251.        }
  5252.  
  5253.        .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),
  5254.        .animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
  5255.            position: fixed;
  5256.            height: 100vh
  5257.        }
  5258.  
  5259.        .animate--zoom-in {
  5260.            --zoom-in-ratio: 1
  5261.        }
  5262.  
  5263.        .animate--zoom-in>img,
  5264.        .animate--zoom-in>svg {
  5265.            transition: scale var(--duration-short) linear;
  5266.            scale: var(--zoom-in-ratio)
  5267.        }
  5268.  
  5269.        @media (prefers-reduced-motion: no-preference) {
  5270.  
  5271.            .animate--ambient>img,
  5272.            .animate--ambient>svg {
  5273.                animation: animateAmbient 30s linear infinite
  5274.            }
  5275.  
  5276.            @keyframes animateAmbient {
  5277.                0% {
  5278.                    transform: rotate(0) translate(1em) rotate(0) scale(1.2)
  5279.                }
  5280.  
  5281.                to {
  5282.                    transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)
  5283.                }
  5284.            }
  5285.  
  5286.            .scroll-trigger.animate--fade-in,
  5287.            .scroll-trigger.animate--slide-in {
  5288.                opacity: .01
  5289.            }
  5290.  
  5291.            .scroll-trigger.animate--slide-in {
  5292.                transform: translateY(2rem)
  5293.            }
  5294.  
  5295.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
  5296.                opacity: 1;
  5297.                animation: var(--animation-fade-in)
  5298.            }
  5299.  
  5300.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
  5301.                animation: var(--animation-slide-in);
  5302.                animation-delay: calc(var(--animation-order) * 75ms)
  5303.            }
  5304.  
  5305.            .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  5306.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  5307.            .scroll-trigger.scroll-trigger--design-mode .slider,
  5308.            .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
  5309.                opacity: 1;
  5310.                animation: none;
  5311.                transition: none
  5312.            }
  5313.  
  5314.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
  5315.                transform: translateY(0)
  5316.            }
  5317.  
  5318.            @keyframes slideIn {
  5319.                0% {
  5320.                    transform: translateY(2rem);
  5321.                    opacity: .01
  5322.                }
  5323.  
  5324.                to {
  5325.                    transform: translateY(0);
  5326.                    opacity: 1
  5327.                }
  5328.            }
  5329.  
  5330.            @keyframes fadeIn {
  5331.                0% {
  5332.                    opacity: .01
  5333.                }
  5334.  
  5335.                to {
  5336.                    opacity: 1
  5337.                }
  5338.            }
  5339.        }
  5340.  
  5341.        @media (prefers-reduced-motion: no-preference) and (hover: hover) {
  5342.  
  5343.            .animate--hover-3d-lift .card-wrapper .card--card,
  5344.            .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  5345.            .animate--hover-3d-lift .button:not(.button--tertiary),
  5346.            .animate--hover-3d-lift .shopify-challenge__button,
  5347.            .animate--hover-3d-lift .customer button,
  5348.            .animate--hover-3d-lift .shopify-payment-button__button,
  5349.            .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
  5350.                transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
  5351.                transform-origin: center
  5352.            }
  5353.  
  5354.            .animate--hover-3d-lift .card-wrapper:hover .card--card,
  5355.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  5356.            .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  5357.            .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  5358.            .animate--hover-3d-lift .customer button:not([disabled]):hover,
  5359.            .animate--hover-3d-lift .shopify-payment-button__button:hover,
  5360.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5361.                transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
  5362.                transform: rotate(1deg);
  5363.                box-shadow: -1rem -1rem 1rem -1rem #0000000d, 1rem 1rem 1rem -1rem #0000000d, 0 0 .5rem #fff0, 0 2rem 3.5rem -2rem #00000080
  5364.            }
  5365.  
  5366.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5367.                transform: translate(-50%, -50%) scale(1.05)
  5368.            }
  5369.  
  5370.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  5371.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
  5372.                transform: rotate(.5deg)
  5373.            }
  5374.  
  5375.            .animate--hover-3d-lift .product-grid .grid__item:hover,
  5376.            .animate--hover-3d-lift .collection-list .grid__item:hover,
  5377.            .animate--hover-3d-lift .collage__item:hover,
  5378.            .animate--hover-3d-lift .blog-articles .article:hover,
  5379.            .animate--hover-3d-lift .complementary-slide li:hover {
  5380.                z-index: 2
  5381.            }
  5382.  
  5383.            .animate--hover-3d-lift .product-grid {
  5384.                isolation: isolate
  5385.            }
  5386.  
  5387.            .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
  5388.                box-shadow: none;
  5389.                transition: transform var(--duration-long) ease, filter var(--duration-long) ease
  5390.            }
  5391.  
  5392.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
  5393.                transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
  5394.                filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, .15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, .15))
  5395.            }
  5396.  
  5397.            .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  5398.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  5399.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5400.                background-image: var(--easter-egg);
  5401.                background-size: 250px 250px;
  5402.                mix-blend-mode: color-dodge;
  5403.                pointer-events: none;
  5404.                z-index: 2
  5405.            }
  5406.  
  5407.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5408.                content: "";
  5409.                position: absolute;
  5410.                top: 0;
  5411.                bottom: 0;
  5412.                left: 0;
  5413.                right: 0
  5414.            }
  5415.  
  5416.            .animate--hover-3d-lift .card-wrapper .card--card:before,
  5417.            .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
  5418.                content: "";
  5419.                position: absolute;
  5420.                top: 0;
  5421.                right: 0;
  5422.                bottom: 0;
  5423.                left: 0;
  5424.                opacity: 0;
  5425.                pointer-events: none;
  5426.                transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
  5427.                mix-blend-mode: overlay;
  5428.                background-size: 400% 100%;
  5429.                background-position: 90% 0;
  5430.                background-repeat: no-repeat;
  5431.                background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 55%)
  5432.            }
  5433.  
  5434.            .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  5435.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
  5436.                opacity: .2;
  5437.                transition: background-position 6s ease, opacity var(--duration-long) ease;
  5438.                background-position: left;
  5439.                z-index: 2
  5440.            }
  5441.  
  5442.            :root {
  5443.                --easter-egg: none;
  5444.                --sparkle: url(sparkle.gif)
  5445.            }
  5446.  
  5447.            .animate--hover-vertical-lift .button:not(.button--tertiary),
  5448.            .animate--hover-vertical-lift .shopify-challenge__button,
  5449.            .animate--hover-vertical-lift .customer button,
  5450.            .animate--hover-vertical-lift .shopify-payment-button__button {
  5451.                transition: transform var(--duration-default) var(--ease-out-slow)
  5452.            }
  5453.  
  5454.            .animate--hover-vertical-lift .card-wrapper .card--card,
  5455.            .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
  5456.                transition: transform var(--duration-medium) var(--ease-out-slow)
  5457.            }
  5458.  
  5459.            .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  5460.            .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
  5461.                transform: translateY(-.75rem)
  5462.            }
  5463.  
  5464.            .animate--hover-vertical-lift .card-wrapper:active .card--card,
  5465.            .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
  5466.                transform: translateY(-.5rem)
  5467.            }
  5468.  
  5469.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  5470.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  5471.            .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  5472.            .animate--hover-vertical-lift .shopify-payment-button__button:hover {
  5473.                transform: translateY(-.25rem)
  5474.            }
  5475.  
  5476.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  5477.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  5478.            .animate--hover-vertical-lift .customer button:not([disabled]):active,
  5479.            .animate--hover-vertical-lift .shopify-payment-button__button:active {
  5480.                transform: translateY(0)
  5481.            }
  5482.  
  5483.            .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  5484.            .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  5485.            .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
  5486.                --border-offset: .3px;
  5487.                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))
  5488.            }
  5489.  
  5490.            .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
  5491.                --border-offset: 0px
  5492.            }
  5493.        }
  5494.    </style>
  5495.    <link rel="preload" as="font"
  5496.        href="https://duwaynemotel.com/cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664"
  5497.        type="font/woff2" crossorigin>
  5498.    <link rel="preload" as="font"
  5499.        href="https://duwaynemotel.com/cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372"
  5500.        type="font/woff2" crossorigin>
  5501.    <style>
  5502.        .predictive-search {
  5503.            display: none;
  5504.            position: absolute;
  5505.            top: calc(100% + .1rem);
  5506.            left: -.1rem;
  5507.            border-width: var(--popup-border-width);
  5508.            border-style: solid;
  5509.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  5510.            background-color: rgb(var(--color-background));
  5511.            z-index: 3;
  5512.            border-bottom-right-radius: var(--popup-corner-radius);
  5513.            border-bottom-left-radius: var(--popup-corner-radius);
  5514.            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));
  5515.            overflow-y: auto;
  5516.            -webkit-overflow-scrolling: touch
  5517.        }
  5518.  
  5519.        .predictive-search--search-template {
  5520.            z-index: 2;
  5521.            width: calc(100% + .2rem)
  5522.        }
  5523.  
  5524.        .predictive-search__results-groups-wrapper {
  5525.            display: flex;
  5526.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5527.            padding-bottom: 1rem
  5528.        }
  5529.  
  5530.        @media screen and (max-width: 749px) {
  5531.            .predictive-search--header {
  5532.                right: 0;
  5533.                left: 0;
  5534.                top: 100%
  5535.            }
  5536.  
  5537.            .predictive-search__results-groups-wrapper {
  5538.                flex-direction: column
  5539.            }
  5540.  
  5541.            .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) {
  5542.                gap: 2rem
  5543.            }
  5544.        }
  5545.  
  5546.        @media screen and (min-width: 750px) {
  5547.            .predictive-search {
  5548.                border-top: none;
  5549.                width: calc(100% + .2rem)
  5550.            }
  5551.  
  5552.            .header predictive-search {
  5553.                position: relative
  5554.            }
  5555.        }
  5556.  
  5557.        predictive-search[open] .predictive-search,
  5558.        predictive-search[loading] .predictive-search {
  5559.            display: block
  5560.        }
  5561.  
  5562.        .predictive-search__result-group {
  5563.            display: flex;
  5564.            flex-direction: column;
  5565.            flex: 1 1 auto;
  5566.            gap: 2rem
  5567.        }
  5568.  
  5569.        .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5570.            display: none
  5571.        }
  5572.  
  5573.        @media screen and (min-width: 750px) {
  5574.  
  5575.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),
  5576.            .predictive-search__result-group:last-child .predictive-search__pages-wrapper {
  5577.                display: none
  5578.            }
  5579.  
  5580.            .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5581.                display: initial
  5582.            }
  5583.  
  5584.            .predictive-search__result-group:first-child {
  5585.                flex: 0 0 26.4rem
  5586.            }
  5587.  
  5588.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,
  5589.            .predictive-search__result-group:only-child {
  5590.                flex-grow: 1
  5591.            }
  5592.        }
  5593.  
  5594.        .predictive-search__heading {
  5595.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5596.            margin: 0 2rem;
  5597.            padding: 1.5rem 0 .75rem;
  5598.            color: rgba(var(--color-foreground), .7)
  5599.        }
  5600.  
  5601.        predictive-search .spinner {
  5602.            width: 1.5rem;
  5603.            height: 1.5rem;
  5604.            line-height: 0
  5605.        }
  5606.  
  5607.        predictive-search:not([loading]) .predictive-search__loading-state,
  5608.        predictive-search:not([loading]) .predictive-search-status__loading {
  5609.            display: none
  5610.        }
  5611.  
  5612.        predictive-search[loading] .predictive-search__loading-state {
  5613.            display: flex;
  5614.            justify-content: center;
  5615.            padding: 1rem
  5616.        }
  5617.  
  5618.        predictive-search[loading] .predictive-search__search-for-button {
  5619.            display: none
  5620.        }
  5621.  
  5622.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state {
  5623.            display: none
  5624.        }
  5625.  
  5626.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button {
  5627.            display: initial
  5628.        }
  5629.  
  5630.        .predictive-search__list-item[aria-selected=true]>*,
  5631.        .predictive-search__list-item:hover>*,
  5632.        .predictive-search__item[aria-selected=true],
  5633.        .predictive-search__item:hover {
  5634.            color: rgb(var(--color-foreground));
  5635.            background-color: rgba(var(--color-foreground), .04)
  5636.        }
  5637.  
  5638.        .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,
  5639.        .predictive-search__list-item:hover .predictive-search__item-heading {
  5640.            text-decoration: underline;
  5641.            text-underline-offset: .3rem
  5642.        }
  5643.  
  5644.        .predictive-search__item {
  5645.            display: flex;
  5646.            padding: 1rem 2rem;
  5647.            text-align: left;
  5648.            text-decoration: none;
  5649.            width: 100%
  5650.        }
  5651.  
  5652.        .predictive-search__item--link-with-thumbnail {
  5653.            display: grid;
  5654.            grid-template-columns: 5rem 1fr;
  5655.            grid-column-gap: 2rem;
  5656.            grid-template-areas: "product-image product-content"
  5657.        }
  5658.  
  5659.        .predictive-search__item-content {
  5660.            grid-area: product-content;
  5661.            display: flex;
  5662.            flex-direction: column
  5663.        }
  5664.  
  5665.        .predictive-search__item-content--centered {
  5666.            justify-content: center
  5667.        }
  5668.  
  5669.        .predictive-search__item-vendor {
  5670.            font-size: .9rem
  5671.        }
  5672.  
  5673.        .predictive-search__item-heading {
  5674.            margin: 0
  5675.        }
  5676.  
  5677.        .predictive-search__item-query-result *:not(mark) {
  5678.            font-weight: bolder
  5679.        }
  5680.  
  5681.        .predictive-search__item-query-result mark {
  5682.            color: rgba(var(--color-foreground), .75)
  5683.        }
  5684.  
  5685.        .predictive-search__item-query-result mark {
  5686.            background-color: transparent
  5687.        }
  5688.  
  5689.        .predictive-search__item .price {
  5690.            color: rgba(var(--color-foreground), .7);
  5691.            font-size: 1.2rem
  5692.        }
  5693.  
  5694.        .predictive-search__item-vendor+.predictive-search__item-heading,
  5695.        .predictive-search .price {
  5696.            margin-top: .5rem
  5697.        }
  5698.  
  5699.        .predictive-search__item--term {
  5700.            justify-content: space-between;
  5701.            align-items: center;
  5702.            padding: 1.3rem 2rem;
  5703.            word-break: break-all;
  5704.            line-height: calc(1 + .4 / var(--font-body-scale))
  5705.        }
  5706.  
  5707.        @media screen and (min-width: 750px) {
  5708.            .predictive-search__item--term {
  5709.                padding-top: 1rem;
  5710.                padding-bottom: 1rem
  5711.            }
  5712.        }
  5713.  
  5714.        .predictive-search__item--term .icon-arrow {
  5715.            width: calc(var(--font-heading-scale) * 1.4rem);
  5716.            height: calc(var(--font-heading-scale) * 1.4rem);
  5717.            flex-shrink: 0;
  5718.            margin-left: calc(var(--font-heading-scale) * 2rem);
  5719.            color: rgb(var(--color-link))
  5720.        }
  5721.  
  5722.        .predictive-search__image {
  5723.            grid-area: product-image;
  5724.            object-fit: contain;
  5725.            font-family: "object-fit: contain"
  5726.        }
  5727.    </style>
  5728.    <script>
  5729.        document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
  5730.        if (Shopify.designMode) {
  5731.            document.documentElement.classList.add('shopify-design-mode');
  5732.        }
  5733.    </script>
  5734.    <link href="https://monorail-edge.shopifysvc.com/" rel="dns-prefetch">
  5735.    <script>
  5736.        (function () {
  5737.            if ("sendBeacon" in navigator && "performance" in window) {
  5738.                var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
  5739.  
  5740.                function handle_abandonment_event(e) {
  5741.                    var entries = performance.getEntries().filter(function (entry) {
  5742.                        return /monorail-edge.shopifysvc.com/.test(entry.name);
  5743.                    });
  5744.                    if (!window.abandonment_tracked && entries.length === 0) {
  5745.                        window.abandonment_tracked = true;
  5746.                        var currentMs = Date.now();
  5747.                        var navigation_start = performance.timing.navigationStart;
  5748.                        var payload = {
  5749.                            shop_id: 67119169539,
  5750.                            url: window.location.href,
  5751.                            navigation_start,
  5752.                            duration: currentMs - navigation_start,
  5753.                            session_token: session_token && session_token.length === 2 ? session_token[1] : "",
  5754.                            page_type: "product"
  5755.                        };
  5756.                        window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
  5757.                            schema_id: "online_store_buyer_site_abandonment/1.1",
  5758.                            payload: payload,
  5759.                            metadata: {
  5760.                                event_created_at_ms: currentMs,
  5761.                                event_sent_at_ms: currentMs
  5762.                            }
  5763.                        }));
  5764.                    }
  5765.                }
  5766.                window.addEventListener('pagehide', handle_abandonment_event);
  5767.            }
  5768.        }());
  5769.    </script>
  5770.    <script id="web-pixels-manager-setup">
  5771.        (function e(e, n, a, t, o, r, i) {
  5772.            var s = null !== e,
  5773.                l = ("function" == typeof BigInt && BigInt.toString().indexOf("[native code]") ? "modern" : "legacy").substring(0, 1),
  5774.                c = t.substring(0, 1);
  5775.            if (s) {
  5776.                window.Shopify = window.Shopify || {};
  5777.                var d = window.Shopify;
  5778.                d.analytics = d.analytics || {};
  5779.                var u = d.analytics;
  5780.                u.replayQueue = [], u.publish = function (e, n, a) {
  5781.                    u.replayQueue.push([e, n, a])
  5782.                };
  5783.                try {
  5784.                    self.performance.mark("wpm:start")
  5785.                } catch (e) { }
  5786.            }
  5787.            var p, f, y, h, v, m, w, g, b, _ = [a, "/wpm", "https://duwaynemotel.com/", c, r, l, ".js"].join("");
  5788.            f = (p = {
  5789.                src: _,
  5790.                async: !0,
  5791.                onload: function () {
  5792.                    if (e) {
  5793.                        var a = window.webPixelsManager.init(e);
  5794.                        null == n || n(a);
  5795.                        var t = window.Shopify.analytics;
  5796.                        t.replayQueue.forEach((function (e) {
  5797.                            var n = e[0],
  5798.                                t = e[1],
  5799.                                o = e[2];
  5800.                            a.publishCustomEvent(n, t, o)
  5801.                        })), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
  5802.                    }
  5803.                },
  5804.                onerror: function () {
  5805.                    var n = (null == e ? void 0 : e.storefrontBaseUrl) ? e.storefrontBaseUrl.replace(/\/$/, "") : self.location.origin,
  5806.                        a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
  5807.                        t = JSON.stringify({
  5808.                            metadata: {
  5809.                                event_sent_at_ms: (new Date).getTime()
  5810.                            },
  5811.                            events: [{
  5812.                                schema_id: "web_pixels_manager_load/2.0",
  5813.                                payload: {
  5814.                                    version: o || "latest",
  5815.                                    page_url: self.location.href,
  5816.                                    status: "failed",
  5817.                                    error_msg: "".concat(_, " has failed to load")
  5818.                                },
  5819.                                metadata: {
  5820.                                    event_created_at_ms: (new Date).getTime()
  5821.                                }
  5822.                            }]
  5823.                        });
  5824.                    try {
  5825.                        if (self.navigator.sendBeacon.bind(self.navigator)(a, t)) return !0
  5826.                    } catch (e) { }
  5827.                    var r = new XMLHttpRequest;
  5828.                    try {
  5829.                        return r.open("POST.html", a, !0), r.setRequestHeader("Content-Type", "text/plain"), r.send(t), !0
  5830.                    } catch (e) {
  5831.                        console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
  5832.                    }
  5833.                    return !1
  5834.                }
  5835.            }).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")
  5836.        })({
  5837.            shopId: 67119169539,
  5838.            storefrontBaseUrl: "https://duwaynemotel.com/",
  5839.            cdnBaseUrl: "https://duwaynemotel.com/cdn",
  5840.            surface: "storefront-renderer",
  5841.            enabledBetaFlags: ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"],
  5842.            webPixelsConfigList: [{
  5843.                "id": "shopify-app-pixel",
  5844.                "configuration": "{}",
  5845.                "eventPayloadVersion": "v1",
  5846.                "runtimeContext": "STRICT",
  5847.                "scriptVersion": "0570",
  5848.                "apiClientId": "shopify-pixel",
  5849.                "type": "APP"
  5850.            }, {
  5851.                "id": "shopify-custom-pixel",
  5852.                "eventPayloadVersion": "v1",
  5853.                "runtimeContext": "LAX",
  5854.                "scriptVersion": "0570",
  5855.                "apiClientId": "shopify-pixel",
  5856.                "type": "CUSTOM"
  5857.            }],
  5858.            initData: {
  5859.                "cart": null,
  5860.                "checkout": null,
  5861.                "customer": null,
  5862.                "productVariants": [{
  5863.                    "id": "43114192093653",
  5864.                    "image": {
  5865.                        "src": "https://ophiuchus.club/img/Prettm.webp"
  5866.                    },
  5867.                    "price": {
  5868.                        "amount": 5.000,
  5869.                        "currencyCode": "IDR"
  5870.                    },
  5871.                    "product": {
  5872.                        "id": "8226828321669",
  5873.                        "title": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  5874.                        "untranslatedTitle": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  5875.                        "url": "https://duwaynemotel.com/",
  5876.                        "vendor": "TOTO MACAU",
  5877.                        "type": ""
  5878.                    },
  5879.                    "sku": "",
  5880.                    "title": "Default Title",
  5881.                    "untranslatedTitle": "Default Title"
  5882.                }]
  5883.            },
  5884.        }, function pageEvents(webPixelsManagerAPI) {
  5885.            webPixelsManagerAPI.publish("page_viewed");
  5886.            webPixelsManagerAPI.publish("product_viewed", {
  5887.                "productVariant": {
  5888.                    "id": "43114192093653",
  5889.                    "image": {
  5890.                        "src": "https://ophiuchus.club/img/Prettm.webp"
  5891.                    },
  5892.                    "price": {
  5893.                        "amount": 5.000,
  5894.                        "currencyCode": "IDR"
  5895.                    },
  5896.                    "product": {
  5897.                        "id": "8226828321669",
  5898.                        "title": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  5899.                        "untranslatedTitle": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  5900.                        "url": "https://duwaynemotel.com/",
  5901.                        "vendor": "TOTO MACAU",
  5902.                        "type": ""
  5903.                    },
  5904.                    "sku": "",
  5905.                    "title": "Default Title",
  5906.                    "untranslatedTitle": "Default Title"
  5907.                }
  5908.            });
  5909.        }, "https://duwaynemotel.com/cdn", "browser", "0.0.407", "f25882c1w423ab3d2p8df04b18m261f6c04", ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"]);
  5910.    </script>
  5911.    <script>
  5912.        window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  5913.        window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  5914.        window.ShopifyAnalytics.meta.currency = 'IDR';
  5915.        var meta = {
  5916.            "product": {
  5917.                "id": 8226828321669,
  5918.                "gid": "gid:\/\/shopify\/Product\/8226828321669",
  5919.                "vendor": "TOTO MACAU",
  5920.                "type": "",
  5921.                "variants": [{
  5922.                    "id": 43114192093653,
  5923.                    "price": 5.000,
  5924.                    "name": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  5925.                    "public_title": null,
  5926.                    "sku": ""
  5927.                }]
  5928.            },
  5929.            "page": {
  5930.                "pageType": "product",
  5931.                "resourceType": "product",
  5932.                "resourceId": 8226828321669
  5933.            }
  5934.        };
  5935.        for (var attr in meta) {
  5936.            window.ShopifyAnalytics.meta[attr] = meta[attr];
  5937.        }
  5938.    </script>
  5939.    <script>
  5940.        window.ShopifyAnalytics.merchantGoogleAnalytics = function () { };
  5941.    </script>
  5942.    <script class="analytics">
  5943.        ! function () {
  5944.            var o = function (e) {
  5945.                var t = null;
  5946.                window.jQuery ? t = window.jQuery : window.Checkout && window.Checkout.$ && (t = window.Checkout.$), t && t("body").append(e)
  5947.            },
  5948.                r = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  5949.            if (!r.integrations) {
  5950.                r.methods = ["identify", "page", "ready", "track", "trackForm", "trackLink"], r.factory = function (t) {
  5951.                    return function () {
  5952.                        var e = Array.prototype.slice.call(arguments);
  5953.                        return e.unshift(t), r.push(e), r
  5954.                    }
  5955.                };
  5956.                for (var e = 0; e < r.methods.length; e++) {
  5957.                    var t = r.methods[e];
  5958.                    r[t] = r.factory(t)
  5959.                }
  5960.                r.load = function (e) {
  5961.                    r.config = e || {}, r.config.initialDocumentCookie = document.cookie;
  5962.                    var n = document.getElementsByTagName("script")[0],
  5963.                        t = document.createElement("script");
  5964.                    t.type = "text/javascript", t.onerror = function (e) {
  5965.                        var t = document.createElement("script");
  5966.                        t.type = "text/javascript", t.onerror = function (e) {
  5967.                            var i = {
  5968.                                produce: function (e, t, n) {
  5969.                                    var o = (new Date).getTime(),
  5970.                                        r = {
  5971.                                            schema_id: t,
  5972.                                            payload: n,
  5973.                                            metadata: {
  5974.                                                event_created_at_ms: o,
  5975.                                                event_sent_at_ms: o
  5976.                                            }
  5977.                                        };
  5978.                                    return i.sendRequest("https://" + e + "/v1/produce", JSON.stringify(r))
  5979.                                },
  5980.                                sendRequest: function (e, t) {
  5981.                                    if (window && window.navigator && "function" == typeof window.navigator.sendBeacon && "function" == typeof window.Blob && !i.isIos12()) {
  5982.                                        var n = new window.Blob([t], {
  5983.                                            type: "text/plain"
  5984.                                        });
  5985.                                        if (window.navigator.sendBeacon(e, n)) return !0
  5986.                                    }
  5987.                                    var o = new XMLHttpRequest;
  5988.                                    try {
  5989.                                        o.open("POST.html", e), o.setRequestHeader("Content-Type", "text/plain"), o.send(t)
  5990.                                    } catch (e) {
  5991.                                        console.log(e)
  5992.                                    }
  5993.                                    return !1
  5994.                                },
  5995.                                isIos12: function () {
  5996.                                    return -1 !== window.navigator.userAgent.lastIndexOf("iPhone; CPU iPhone OS 12_") || -1 !== window.navigator.userAgent.lastIndexOf("iPad; CPU OS 12_")
  5997.                                }
  5998.                            };
  5999.                            i.produce("monorail-edge.shopifysvc.com", "trekkie_storefront_load_errors/1.1", {
  6000.                                shop_id: 67119169539,
  6001.                                theme_id: 138081403093,
  6002.                                app_name: "storefront",
  6003.                                context_url: window.location.href,
  6004.                                source_url: "//allamericanwindowtinting.com/cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js"
  6005.                            })
  6006.                        }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6007.                    }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6008.                }, r.load({
  6009.                    Trekkie: {
  6010.                        appName: "storefront",
  6011.                        development: !1,
  6012.                        defaultAttributes: {
  6013.                            shopId: 67119169539,
  6014.                            isMerchantRequest: null,
  6015.                            themeId: 138081403093,
  6016.                            themeCityHash: "17813912158783281087",
  6017.                            contentLanguage: "en",
  6018.                            currency: "IDR"
  6019.                        },
  6020.                        isServerSideCookieWritingEnabled: !0,
  6021.                        monorailRegion: "shop_domain"
  6022.                    },
  6023.                    "Session Attribution": {},
  6024.                    S2S: {
  6025.                        facebookCapiEnabled: !1,
  6026.                        source: "trekkie-storefront-renderer"
  6027.                    }
  6028.                });
  6029.                var i = !1;
  6030.                r.ready(function () {
  6031.                    if (!i) {
  6032.                        i = !0, window.ShopifyAnalytics.lib = window.trekkie;
  6033.                        var e = document.write;
  6034.                        document.write = o;
  6035.                        try {
  6036.                            window.ShopifyAnalytics.merchantGoogleAnalytics.call(this)
  6037.                        } catch (e) { }
  6038.                        document.write = e, window.ShopifyAnalytics.lib.page(null, {
  6039.                            pageType: "product",
  6040.                            resourceType: "product",
  6041.                            resourceId: 8226828321669
  6042.                        });
  6043.                        var t = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/),
  6044.                            n = t ? t[1] : void 0;
  6045.                        (function (e) {
  6046.                            return !!e && -1 !== document.cookie.indexOf("loggedConversion=" + e)
  6047.                        })(n) || (function (e) {
  6048.                            if (e) {
  6049.                                var t = new Date(Date.now());
  6050.                                t.setMonth(t.getMonth() + 2), document.cookie = "loggedConversion=" + e + "; expires=" + t
  6051.                            }
  6052.                        }(n), window.ShopifyAnalytics.lib.track("Viewed Product", {
  6053.                            currency: "IDR",
  6054.                            variantId: 43114192093653,
  6055.                            productId: 8226828321669,
  6056.                            productGid: "gid://shopify/Product/8226828321669",
  6057.                            name: "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  6058.                            price: "5000.0",
  6059.                            sku: "",
  6060.                            brand: "TOTO MACAU",
  6061.                            variant: null,
  6062.                            category: "",
  6063.                            nonInteraction: !0
  6064.                        }), window.ShopifyAnalytics.lib.track("monorail://trekkie_storefront_viewed_product/1.1", {
  6065.                            currency: "IDR",
  6066.                            variantId: 43114192093653,
  6067.                            productId: 8226828321669,
  6068.                            productGid: "gid://shopify/Product/8226828321669",
  6069.                            name: "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  6070.                            price: "5000.0",
  6071.                            sku: "",
  6072.                            brand: "TOTO MACAU",
  6073.                            variant: null,
  6074.                            category: "",
  6075.                            nonInteraction: !0,
  6076.                            referer: "https://duwaynemotel.com/"
  6077.                        }))
  6078.                    }
  6079.                });
  6080.                var n = document.createElement("script");
  6081.                n.async = !0, n.src = "cdn/shopifycloud/shopify/assets/shop_events_listener-a7c63dba65ccddc484f77541dc8ca437e60e1e9e297fe1c3faebf6523a0ede9b.js", document.getElementsByTagName("head")[0].appendChild(n)
  6082.            }
  6083.        }()
  6084.    </script>
  6085.    <script class="boomerang">
  6086.        ! function () {
  6087.            if (!window.BOOMR || !window.BOOMR.version && !window.BOOMR.snippetExecuted) {
  6088.                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";
  6089.                var r = (document.currentScript || document.getElementsByTagName("script")[0]).parentNode,
  6090.                    c = !1,
  6091.                    e = document.createElement("link");
  6092.                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 () {
  6093.                    if (!c) {
  6094.                        var e = document.createElement("script");
  6095.                        e.id = "boomr-scr-as", e.src = window.BOOMR.url, e.async = !0, r.appendChild(e), c = !0
  6096.                    }
  6097.                }), e.addEventListener("error", function () {
  6098.                    n(!0)
  6099.                }), setTimeout(function () {
  6100.                    c || n(!0)
  6101.                }, 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) {
  6102.                    e.detail.BOOMR.init({
  6103.                        ResourceTiming: {
  6104.                            enabled: !0,
  6105.                            trackedResourceTypes: ["script", "img", "css"]
  6106.                        }
  6107.                    }), e.detail.BOOMR.t_end = (new Date).getTime()
  6108.                }) : document.attachEvent && document.attachEvent("onpropertychange", function (e) {
  6109.                    e || (e = event), "onBoomerangLoaded" === e.propertyName && (e.detail.BOOMR.init({
  6110.                        ResourceTiming: {
  6111.                            enabled: !0,
  6112.                            trackedResourceTypes: ["script", "img", "css"]
  6113.                        }
  6114.                    }), e.detail.BOOMR.t_end = (new Date).getTime())
  6115.                })
  6116.            }
  6117.  
  6118.            function n(e) {
  6119.                var n, t, o, i;
  6120.                c = !0;
  6121.                var d = document,
  6122.                    a = window;
  6123.                if (window.BOOMR.snippetMethod = e ? "if" : "i", t = function (e, n) {
  6124.                    var t = d.createElement("script");
  6125.                    t.id = n || "boomr-if-as", t.src = window.BOOMR.url, BOOMR_lstart = (new Date).getTime(), (e = e || d.body).appendChild(t)
  6126.                }, !window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) return window.BOOMR.snippetMethod = "s", void t(r, "boomr-async");
  6127.                (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);
  6128.                try {
  6129.                    a = o.contentWindow, d = a.document.open()
  6130.                } catch (e) {
  6131.                    n = document.domain, o.src = "javascript:var d=document.open();d.domain='" + n + "';void(0);", a = o.contentWindow, d = a.document.open()
  6132.                }
  6133.                n ? (d._boomrl = function () {
  6134.                    this.domain = n, t()
  6135.                }, d.write(" < body onload = 'document._boomrl();' > ")) : (a._boomrl = function () {
  6136.                    t()
  6137.                }, a.addEventListener ? a.addEventListener("load", a._boomrl, !1) : a.attachEvent && a.attachEvent("onload", a._boomrl)), d.close()
  6138.            }
  6139.  
  6140.            function t(e) {
  6141.                window.BOOMR_onload = e && e.timeStamp || (new Date).getTime()
  6142.            }
  6143.        }()
  6144.    </script>
  6145.    <script type="application/ld+json" class="yoast-schema-graph">
  6146.        {
  6147.        "@context":"https://schema.org",
  6148.        "@graph":[{"@type":"WebSite",
  6149.        "@id":"https://duwaynemotel.com/",
  6150.        "url":"https://duwaynemotel.com/",
  6151.        "name":"Prediksi Macau",
  6152.        "potentialAction":[{"@type":"SearchAction",
  6153.        "target":{"@type":"EntryPoint",
  6154.        "urlTemplate":"#?s={search_term_string}"},
  6155.        "query-input":"required name=search_term_string"}],
  6156.        "inLanguage":"id-ID"},{"@type":"CollectionPage",
  6157.        "@id":"##webpage",
  6158.        "url":"https://duwaynemotel.com/",
  6159.        "name":"Prediksi Macau",
  6160.        "isPartOf":{"@id":"#website"},
  6161.        "description":"Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  6162.        "breadcrumb":{"@id":"#breadcrumb"},
  6163.        "inLanguage":"id-ID",
  6164.        "potentialAction":[{"@type":"ReadAction",
  6165.        "target":["https://duwaynemotel.com/"]}]},
  6166.        {"@type":"BreadcrumbList",
  6167.        "@id":"#breadcrumb",
  6168.        "itemListElement":[{"@type":"ListItem",
  6169.        "position":1,
  6170.        "name":"Home"}]}]}
  6171.        </script>
  6172.    <script type="application/ld+json">
  6173.        {
  6174.        "@context": "http://schema.org",
  6175.        "@type": "Game",
  6176.        "name": "Prediksi Macau",
  6177.        "author": { "@type": "Person",
  6178.        "name": "Prediksi Macau" },
  6179.        "headline": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  6180.        "description": "Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  6181.        "keywords":"Prediksi Macau, Prediksi Macau login, Prediksi Macau daftar, prediksi toto macau, prediksi toto macau hari ini, toto macau",
  6182.        "image": "https://ophiuchus.club/img/Prettm.webp",
  6183.        "url": "https://duwaynemotel.com/",
  6184.        "publisher": { "@type": "Organization", "name": "TOTO MACAU" },
  6185.        "aggregateRating": { "@type": "AggregateRating",
  6186.        "ratingValue": "100",
  6187.        "bestRating": "100",
  6188.        "worstRating": "0",
  6189.        "ratingCount": "10987881" },
  6190.        "inLanguage": "id-ID"}
  6191.        </script>
  6192.    <script type='application/ld+json'>
  6193.        {
  6194.        "@context": "http://schema.org",
  6195.        "@type": "Article",
  6196.        "@id": "#article",
  6197.        "mainEntityOfPage": "https://duwaynemotel.com/",
  6198.        "headline": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  6199.        "name": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  6200.        "url": "https://duwaynemotel.com/",
  6201.        "description": "Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  6202.        "image": "https://ophiuchus.club/img/Prettm.webp",
  6203.        "datePublished": "2024-07-08T10:42:40+00:00",
  6204.        "dateModified": "2024-07-08T10:42:40+00:00",
  6205.        "author": {
  6206.        "@type": "Person",
  6207.        "name": "Prediksi Macau",
  6208.        "url": "https://duwaynemotel.com/"
  6209.        },
  6210.        "publisher": {
  6211.        "@type": "Organization",
  6212.        "name": "https://duwaynemotel.com/",
  6213.        "description": "Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  6214.        "logo": {
  6215.        "@type": "ImageObject",
  6216.        "url": "https://ophiuchus.club/img/Prettm.webp",
  6217.        "width": 600,
  6218.        "height": 60
  6219.        }
  6220.        }
  6221.        }
  6222.        </script>
  6223.    <script type="application/ld+json">
  6224.        {
  6225.        "@context": "https://schema.org",
  6226.        "@type": "Organization",
  6227.        "name": "Prediksi Macau",
  6228.        "alternateName": "Prediksi Macau",
  6229.        "url": "https://duwaynemotel.com/",
  6230.        "logo": "https://ophiuchus.club/img/logo-prediksi-macau.webp",
  6231.        "description": "Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  6232.        "address": {
  6233.        "@type": "PostalAddress",
  6234.        "streetAddress":"Kuningan",
  6235.        "postOfficeBoxNumber":"11450",
  6236.        "addressLocality":"DaerahKhususIbukotaJakarta",
  6237.        "addressRegion":"KotaJakartaPusat",
  6238.        "postalCode":"41000",
  6239.        "addressCountry": "ID"
  6240.        },
  6241.        "contactPoint": {
  6242.        "@type": "ContactPoint",
  6243.        "telephone": "+62821-3366-5511",
  6244.        "contactType": "customer service",
  6245.        "areaServed": "ID",
  6246.        "availableLanguage": "Indonesian"
  6247.        },
  6248.        "sameAs": [
  6249.        "https://www.youtube.com/TOTO MACAU",
  6250.        "https://twitter.com/TOTO MACAU",
  6251.        "https://duwaynemotel.com/"
  6252.        ]
  6253.        }
  6254.        </script>
  6255.    <script id="faq-schema" type="application/ld+json">
  6256. {
  6257.  "@context": "https://schema.org",
  6258.  "@type": "FAQPage",
  6259.  "mainEntity": [
  6260.    {
  6261.      "@type": "Question",
  6262.      "name": "Apa itu Prediksi Macau Hari Ini?",
  6263.      "acceptedAnswer": {
  6264.        "@type": "Answer",
  6265.        "text": "Prediksi Macau Hari Ini adalah pusat informasi angka main 4D dan 5D yang disusun melalui analisis AI serta riset manual berdasarkan paito warna macau, kode syair, dan data keluaran resmi Macau Pools. Semua data diperbarui real-time setiap hari agar pemain mendapatkan angka terbaru dan akurat."
  6266.      }
  6267.    },
  6268.    {
  6269.      "@type": "Question",
  6270.      "name": "Apa yang ditampilkan dalam Prediksi Toto Macau Hari Ini?",
  6271.      "acceptedAnswer": {
  6272.        "@type": "Answer",
  6273.        "text": "Prediksi Toto Macau Hari Ini menampilkan kombinasi angka potensial hasil analisis ribuan result sebelumnya, meliputi prediksi 4D dan 5D, paito macau pools terupdate, kode syair terpercaya, serta bocoran angka terbaru dengan tingkat akurasi tinggi."
  6274.      }
  6275.    },
  6276.    {
  6277.      "@type": "Question",
  6278.      "name": "Apakah Prediksi Macau juga menampilkan hasil keluaran resmi?",
  6279.      "acceptedAnswer": {
  6280.        "@type": "Answer",
  6281.        "text": "Ya, selain angka prediksi, halaman ini juga menampilkan hasil keluaran Macau Pools secara langsung dari sumber resmi, termasuk result 4D, 5D, dan 6D, serta statistik harian, mingguan, dan bulanan yang membantu pemain menganalisis tren angka."
  6282.      }
  6283.    },
  6284.    {
  6285.      "@type": "Question",
  6286.      "name": "Mengapa Prediksi Macau ini layak dijadikan andalan?",
  6287.      "acceptedAnswer": {
  6288.        "@type": "Answer",
  6289.        "text": "Prediksi Macau ini dibuat berdasarkan analisis data real-time dan pola historis, didukung oleh AI dan tim master angka profesional, serta diperbarui setiap hari. Dengan desain web cepat dan ringan, tingkat akurasi prediksinya telah teruji dari waktu ke waktu."
  6290.      }
  6291.    },
  6292.    {
  6293.      "@type": "Question",
  6294.      "name": "Apa keunggulan strategi prediksi Macau dibanding sekadar menebak angka?",
  6295.      "acceptedAnswer": {
  6296.        "@type": "Answer",
  6297.        "text": "Strategi prediksi Macau menggabungkan data aktual, pola keluaran resmi, dan kode syair macau terpercaya. Pendekatan ini membantu pemain memahami tren angka dan membuat keputusan taruhan lebih terarah dibanding hanya menebak secara acak."
  6298.      }
  6299.    },
  6300.    {
  6301.      "@type": "Question",
  6302.      "name": "Bagaimana cara memaksimalkan Prediksi Macau Hari Ini?",
  6303.      "acceptedAnswer": {
  6304.        "@type": "Answer",
  6305.        "text": "Gunakan kombinasi angka main, paito, dan kode syair macau yang diperbarui setiap hari. Pantau update harian bocoran dan result live Macau Pools untuk meningkatkan peluang Maxwin dan menjadikan prediksi ini sebagai senjata utama menuju kemenangan besar."
  6306.      }
  6307.    }
  6308.  ]
  6309. }
  6310. </script>
  6311.    <script type="application/ld+json">
  6312.        {
  6313.        "@context": "https://schema.org/",
  6314.        "@type": "BreadcrumbList",
  6315.        "itemListElement": [{
  6316.        "@type": "ListItem",
  6317.        "position": 1,
  6318.        "name": "Prediksi Macau",
  6319.        "item": "https://duwaynemotel.com/"
  6320.        },
  6321.        {
  6322.        "@type": "ListItem",
  6323.        "position": 2,
  6324.        "name": "Result Prediksi Macau",
  6325.        "item": "https://duwaynemotel.com/"
  6326.        },
  6327.        {
  6328.        "@type": "ListItem",
  6329.        "position": 3,
  6330.        "name": "Prediksi Toto Macau",
  6331.        "item": "https://duwaynemotel.com/"
  6332.        }
  6333.        ]
  6334.        }
  6335.        </script>
  6336. </head>
  6337.  
  6338. <body class="gradient">
  6339.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  6340.        Skip to content
  6341.    </a>
  6342.  
  6343.    <style>
  6344.        quantity-popover {
  6345.            position: relative;
  6346.            display: block
  6347.        }
  6348.  
  6349.        quantity-popover volume-pricing li:nth-child(odd) {
  6350.            background: rgba(var(--color-foreground), .03)
  6351.        }
  6352.  
  6353.        quantity-popover volume-pricing li {
  6354.            font-size: 1.4rem;
  6355.            letter-spacing: .06rem;
  6356.            padding: .6rem .8rem;
  6357.            display: flex;
  6358.            justify-content: space-between
  6359.        }
  6360.  
  6361.        .quantity-popover__info.global-settings-popup {
  6362.            width: 100%;
  6363.            z-index: 2;
  6364.            position: absolute;
  6365.            background-color: rgb(var(--color-background));
  6366.            max-width: 36rem
  6367.        }
  6368.  
  6369.        .quantity-popover__info .button-close,
  6370.        .variant-remove-total quick-order-list-remove-all-button .button,
  6371.        .quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
  6372.        quantity-popover quick-order-list-remove-button .button {
  6373.            --shadow-opacity: 0;
  6374.            --border-opacity: 0
  6375.        }
  6376.  
  6377.        .quantity-popover__info-button {
  6378.            display: flex;
  6379.            align-items: center;
  6380.            margin: 0 .4rem 0 0;
  6381.            min-width: 1.5rem;
  6382.            min-height: 1.5rem;
  6383.            --shadow-opacity: 0;
  6384.            --border-opacity: 0
  6385.        }
  6386.  
  6387.        .quantity-popover__info-button--icon-with-label {
  6388.            align-items: flex-start;
  6389.            text-align: left
  6390.        }
  6391.  
  6392.        .quantity-popover__info-button--icon-with-label svg {
  6393.            flex-shrink: 0
  6394.        }
  6395.  
  6396.        .quantity-popover__info-button--open {
  6397.            text-decoration: underline
  6398.        }
  6399.  
  6400.        .quantity-popover__info-button span {
  6401.            padding-left: 1rem
  6402.        }
  6403.  
  6404.        @media screen and (max-width: 989px) {
  6405.            .quantity-popover__info.global-settings-popup {
  6406.                left: 0
  6407.            }
  6408.  
  6409.            .quantity-popover__info-button {
  6410.                padding-left: 0
  6411.            }
  6412.        }
  6413.  
  6414.        .quantity-popover__info .quantity__rules {
  6415.            margin-top: 1.2rem;
  6416.            margin-bottom: 1rem
  6417.        }
  6418.  
  6419.        .quantity-popover__info .volume-pricing-label {
  6420.            display: block;
  6421.            margin-left: 1.2rem;
  6422.            margin-top: 1.2rem;
  6423.            font-size: 1.2rem
  6424.        }
  6425.  
  6426.        .quantity-popover__info .button {
  6427.            width: 3.2rem;
  6428.            height: 3.2rem;
  6429.            position: absolute;
  6430.            top: .4rem;
  6431.            right: 0;
  6432.            padding: 0 1.2rem 0 0;
  6433.            display: flex;
  6434.            justify-content: flex-end
  6435.        }
  6436.  
  6437.        .quantity-popover__info .volume-pricing-label~.button {
  6438.            top: -.2rem
  6439.        }
  6440.  
  6441.        .quantity-popover__info .button .icon {
  6442.            width: 1.5rem;
  6443.            height: 1.5rem
  6444.        }
  6445.  
  6446.        quantity-popover volume-pricing {
  6447.            margin-top: 1.2rem;
  6448.            display: block
  6449.        }
  6450.  
  6451.        quantity-popover .quantity__rules span:first-of-type {
  6452.            display: block
  6453.        }
  6454.  
  6455.        .quantity-popover-container {
  6456.            display: flex;
  6457.            padding: .5rem .5rem .5rem 0
  6458.        }
  6459.  
  6460.        .quantity-popover-container:not(.quantity-popover-container--hover) {
  6461.            align-items: center
  6462.        }
  6463.  
  6464.        @media screen and (min-width: 990px) {
  6465.            .quantity-popover-container--hover:hover {
  6466.                background-color: rgba(var(--color-foreground), .03);
  6467.                border-radius: var(--inputs-radius-outset)
  6468.            }
  6469.  
  6470.            .quantity-popover-container--empty {
  6471.                margin-right: 2.7rem
  6472.            }
  6473.  
  6474.            .quantity-popover__info.global-settings-popup {
  6475.                width: 27rem
  6476.            }
  6477.  
  6478.            .quantity-popover-container {
  6479.                width: auto;
  6480.                max-width: 20rem
  6481.            }
  6482.  
  6483.            .quantity-popover__info.global-settings-popup {
  6484.                transform: translateY(1rem)
  6485.            }
  6486.        }
  6487.  
  6488.        quantity-popover:has(.quantity__input:focus-visible) .quantity-popover__info {
  6489.            display: block
  6490.        }
  6491.  
  6492.        quantity-popover .quantity {
  6493.            background: rgb(var(--color-background))
  6494.        }
  6495.  
  6496.        quantity-popover .quantity__rules {
  6497.            margin-left: .8rem
  6498.        }
  6499.  
  6500.        quantity-popover .quantity__rules .divider:nth-child(2):before {
  6501.            content: none
  6502.        }
  6503.  
  6504.        quantity-popover .quantity__button:not(:focus-visible):not(.focused),
  6505.        quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  6506.            background-color: initial
  6507.        }
  6508.    </style>
  6509.    <style>
  6510.        .card-wrapper {
  6511.            color: inherit;
  6512.            height: 100%;
  6513.            position: relative;
  6514.            text-decoration: none
  6515.        }
  6516.  
  6517.        .card {
  6518.            text-decoration: none;
  6519.            text-align: var(--text-alignment)
  6520.        }
  6521.  
  6522.        .card:not(.ratio) {
  6523.            display: flex;
  6524.            flex-direction: column;
  6525.            height: 100%
  6526.        }
  6527.  
  6528.        .card.card--horizontal {
  6529.            --text-alignment: left;
  6530.            --image-padding: 0rem;
  6531.            flex-direction: row;
  6532.            align-items: flex-start;
  6533.            gap: 1.5rem
  6534.        }
  6535.  
  6536.        .card--horizontal.ratio:before {
  6537.            padding-bottom: 0
  6538.        }
  6539.  
  6540.        .card--card.card--horizontal {
  6541.            padding: 1.2rem
  6542.        }
  6543.  
  6544.        .card--card.card--horizontal.card--text {
  6545.            column-gap: 0
  6546.        }
  6547.  
  6548.        .card--card {
  6549.            height: 100%
  6550.        }
  6551.  
  6552.        .card--card,
  6553.        .card--standard .card__inner {
  6554.            position: relative;
  6555.            box-sizing: border-box;
  6556.            border-radius: var(--border-radius);
  6557.            border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  6558.        }
  6559.  
  6560.        .card--card:after,
  6561.        .card--standard .card__inner:after {
  6562.            content: "";
  6563.            position: absolute;
  6564.            z-index: -1;
  6565.            width: calc(var(--border-width) * 2 + 100%);
  6566.            height: calc(var(--border-width) * 2 + 100%);
  6567.            top: calc(var(--border-width) * -1);
  6568.            left: calc(var(--border-width) * -1);
  6569.            border-radius: var(--border-radius);
  6570.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  6571.        }
  6572.  
  6573.        .card--card.gradient,
  6574.        .card__inner.gradient {
  6575.            transform: perspective(0)
  6576.        }
  6577.  
  6578.        .card__inner.color-background-1 {
  6579.            background: transparent
  6580.        }
  6581.  
  6582.        .card .card__inner .card__media {
  6583.            overflow: hidden;
  6584.            z-index: 0;
  6585.            border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  6586.        }
  6587.  
  6588.        .card--card .card__inner .card__media {
  6589.            border-bottom-right-radius: 0;
  6590.            border-bottom-left-radius: 0
  6591.        }
  6592.  
  6593.        .card--standard.card--text {
  6594.            background-color: transparent
  6595.        }
  6596.  
  6597.        .card-information {
  6598.            text-align: var(--text-alignment)
  6599.        }
  6600.  
  6601.        .card__media,
  6602.        .card .media {
  6603.            bottom: 0;
  6604.            position: absolute;
  6605.            top: 0
  6606.        }
  6607.  
  6608.        .card .media {
  6609.            width: 100%
  6610.        }
  6611.  
  6612.        .card__media {
  6613.            margin: var(--image-padding);
  6614.            width: calc(100% - 2 * var(--image-padding))
  6615.        }
  6616.  
  6617.        .card--standard .card__media {
  6618.            margin: var(--image-padding)
  6619.        }
  6620.  
  6621.        .card__inner {
  6622.            width: 100%
  6623.        }
  6624.  
  6625.        .card--media .card__inner .card__content {
  6626.            position: relative;
  6627.            padding: calc(var(--image-padding) + 1rem)
  6628.        }
  6629.  
  6630.        .card__content {
  6631.            display: grid;
  6632.            grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  6633.            padding: 1rem;
  6634.            width: 100%;
  6635.            flex-grow: 1
  6636.        }
  6637.  
  6638.        .card__content--auto-margins {
  6639.            grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  6640.        }
  6641.  
  6642.        .card__information {
  6643.            grid-row-start: 2;
  6644.            padding: 1.3rem 1rem
  6645.        }
  6646.  
  6647.        .card:not(.ratio)>.card__content {
  6648.            grid-template-rows: max-content minmax(0, 1fr) max-content auto
  6649.        }
  6650.  
  6651.        .card-information .card__information-volume-pricing-note {
  6652.            margin-top: .6rem;
  6653.            line-height: calc(.5 + .4 / var(--font-body-scale));
  6654.            color: rgba(var(--color-foreground), .75)
  6655.        }
  6656.  
  6657.        @media screen and (min-width: 750px) {
  6658.            .card__information {
  6659.                padding-bottom: 1.7rem;
  6660.                padding-top: 1.7rem
  6661.            }
  6662.        }
  6663.  
  6664.        .card__badge {
  6665.            align-self: flex-end;
  6666.            grid-row-start: 3;
  6667.            justify-self: flex-start
  6668.        }
  6669.  
  6670.        .card__badge.top {
  6671.            align-self: flex-start;
  6672.            grid-row-start: 1
  6673.        }
  6674.  
  6675.        .card__badge.right {
  6676.            justify-self: flex-end
  6677.        }
  6678.  
  6679.        .card:not(.card--horizontal)>.card__content>.card__badge {
  6680.            margin: 1.3rem
  6681.        }
  6682.  
  6683.        .card__media .media img {
  6684.            height: 100%;
  6685.            object-fit: cover;
  6686.            object-position: center center;
  6687.            width: 100%
  6688.        }
  6689.  
  6690.        .card__inner:not(.ratio)>.card__content {
  6691.            height: 100%
  6692.        }
  6693.  
  6694.        .card__heading {
  6695.            margin-top: 0;
  6696.            margin-bottom: 0
  6697.        }
  6698.  
  6699.        .card__heading:last-child {
  6700.            margin-bottom: 0
  6701.        }
  6702.  
  6703.        .card--horizontal .card__heading,
  6704.        .card--horizontal .price__container .price-item,
  6705.        .card--horizontal__quick-add {
  6706.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  6707.        }
  6708.  
  6709.        .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6710.            margin-top: 0
  6711.        }
  6712.  
  6713.        .card--horizontal__quick-add:before {
  6714.            box-shadow: none
  6715.        }
  6716.  
  6717.        @media only screen and (min-width: 750px) {
  6718.  
  6719.            .card--horizontal .card__heading,
  6720.            .card--horizontal .price__container .price-item,
  6721.            .card--horizontal__quick-add {
  6722.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  6723.            }
  6724.        }
  6725.  
  6726.        .card--card.card--media>.card__content {
  6727.            margin-top: calc(0rem - var(--image-padding))
  6728.        }
  6729.  
  6730.        .card--standard.card--text a:after,
  6731.        .card--card .card__heading a:after {
  6732.            bottom: calc(var(--border-width) * -1);
  6733.            left: calc(var(--border-width) * -1);
  6734.            right: calc(var(--border-width) * -1);
  6735.            top: calc(var(--border-width) * -1)
  6736.        }
  6737.  
  6738.        .card__heading a:after {
  6739.            bottom: 0;
  6740.            content: "";
  6741.            left: 0;
  6742.            position: absolute;
  6743.            right: 0;
  6744.            top: 0;
  6745.            z-index: 1
  6746.        }
  6747.  
  6748.        .card__heading a:after {
  6749.            outline-offset: .3rem
  6750.        }
  6751.  
  6752.        .card__heading a:focus:after {
  6753.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6754.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6755.        }
  6756.  
  6757.        .card__heading a:focus-visible:after {
  6758.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6759.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6760.        }
  6761.  
  6762.        .card__heading a:focus:not(:focus-visible):after {
  6763.            box-shadow: none;
  6764.            outline: 0
  6765.        }
  6766.  
  6767.        .card__heading a:focus {
  6768.            box-shadow: none;
  6769.            outline: 0
  6770.        }
  6771.  
  6772.        @media screen and (min-width: 990px) {
  6773.  
  6774.            .card .media.media--hover-effect>img:only-child,
  6775.            .card-wrapper .media.media--hover-effect>img:only-child {
  6776.                transition: transform var(--duration-long) ease
  6777.            }
  6778.  
  6779.            .card:hover .media.media--hover-effect>img:first-child:only-child,
  6780.            .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  6781.                transform: scale(1.03)
  6782.            }
  6783.  
  6784.            .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  6785.                opacity: 0
  6786.            }
  6787.  
  6788.            .card-wrapper:hover .media.media--hover-effect>img+img {
  6789.                opacity: 1;
  6790.                transition: transform var(--duration-long) ease;
  6791.                transform: scale(1.03)
  6792.            }
  6793.  
  6794.            .underline-links-hover:hover a {
  6795.                text-decoration: underline;
  6796.                text-underline-offset: .3rem
  6797.            }
  6798.        }
  6799.  
  6800.        .card--standard.card--media .card__inner .card__information,
  6801.        .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  6802.        .card--standard:not(.card--horizontal)>.card__content .card__badge,
  6803.        .card--standard.card--text.article-card>.card__content .card__information,
  6804.        .card--standard>.card__content .card__caption {
  6805.            display: none
  6806.        }
  6807.  
  6808.        .card--standard:not(.card--horizontal) .placeholder-svg {
  6809.            height: auto;
  6810.            width: 100%
  6811.        }
  6812.  
  6813.        .card--standard>.card__content {
  6814.            padding: 0
  6815.        }
  6816.  
  6817.        .card--standard>.card__content .card__information {
  6818.            padding-left: 0;
  6819.            padding-right: 0
  6820.        }
  6821.  
  6822.        .card--card.card--media .card__inner .card__information,
  6823.        .card--card.card--text .card__inner,
  6824.        .card--card.card--media>.card__content .card__badge {
  6825.            display: none
  6826.        }
  6827.  
  6828.        .card--horizontal .card__badge,
  6829.        .card--horizontal.card--text .card__inner {
  6830.            display: none
  6831.        }
  6832.  
  6833.        .card--extend-height {
  6834.            height: 100%
  6835.        }
  6836.  
  6837.        .card--extend-height.card--standard.card--text,
  6838.        .card--extend-height.card--media {
  6839.            display: flex;
  6840.            flex-direction: column
  6841.        }
  6842.  
  6843.        .card--extend-height.card--standard.card--text .card__inner,
  6844.        .card--extend-height.card--media .card__inner {
  6845.            flex-grow: 1
  6846.        }
  6847.  
  6848.        .card .icon-wrap {
  6849.            margin-left: .8rem;
  6850.            white-space: nowrap;
  6851.            transition: transform var(--duration-short) ease;
  6852.            overflow: hidden
  6853.        }
  6854.  
  6855.        .card-information>*+* {
  6856.            margin-top: .5rem
  6857.        }
  6858.  
  6859.        .card-information {
  6860.            width: 100%
  6861.        }
  6862.  
  6863.        .card-information>* {
  6864.            line-height: calc(1 + .4 / var(--font-body-scale));
  6865.            color: rgb(var(--color-foreground))
  6866.        }
  6867.  
  6868.        .card-information>.price {
  6869.            color: rgb(var(--color-foreground))
  6870.        }
  6871.  
  6872.        .card--horizontal .card-information>.price {
  6873.            color: rgba(var(--color-foreground), .75)
  6874.        }
  6875.  
  6876.        .card-information>.rating {
  6877.            margin-top: .4rem
  6878.        }
  6879.  
  6880.        .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6881.            margin-top: .7rem
  6882.        }
  6883.  
  6884.        .card-information .caption {
  6885.            letter-spacing: .07rem
  6886.        }
  6887.  
  6888.        .card-article-info {
  6889.            margin-top: 1rem
  6890.        }
  6891.  
  6892.        .card--shape .card__content {
  6893.            padding-top: 0
  6894.        }
  6895.  
  6896.        .card--shape.card--standard:not(.card--text) .card__inner {
  6897.            border: 0;
  6898.            background-color: transparent;
  6899.            filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  6900.        }
  6901.  
  6902.        .card--shape.card--standard:not(.card--text) .card__inner:after {
  6903.            display: none
  6904.        }
  6905.  
  6906.        .grid__item:nth-child(2n) .shape--blob {
  6907.            clip-path: polygon(var(--shape--blob-2))
  6908.        }
  6909.  
  6910.        .grid__item:nth-child(3n) .shape--blob {
  6911.            clip-path: polygon(var(--shape--blob-3))
  6912.        }
  6913.  
  6914.        .grid__item:nth-child(4n) .shape--blob {
  6915.            clip-path: polygon(var(--shape--blob-4))
  6916.        }
  6917.  
  6918.        .grid__item:nth-child(5n) .shape--blob {
  6919.            clip-path: polygon(var(--shape--blob-5))
  6920.        }
  6921.  
  6922.        .grid__item:nth-child(7n) .shape--blob {
  6923.            clip-path: polygon(var(--shape--blob-6))
  6924.        }
  6925.  
  6926.        .grid__item:nth-child(8n) .shape--blob {
  6927.            clip-path: polygon(var(--shape--blob-1))
  6928.        }
  6929.  
  6930.        @media (prefers-reduced-motion: no-preference) {
  6931.            .product-card-wrapper .shape--round {
  6932.                transition: clip-path var(--duration-long) ease
  6933.            }
  6934.  
  6935.            .product-card-wrapper:hover .shape--round {
  6936.                clip-path: ellipse(47% 47% at 50% 50%)
  6937.            }
  6938.  
  6939.            .product-card-wrapper .shape--blob {
  6940.                transition: clip-path var(--duration-long) ease-in-out
  6941.            }
  6942.  
  6943.            .product-card-wrapper:hover .shape--blob {
  6944.                clip-path: polygon(var(--shape--blob-5))
  6945.            }
  6946.  
  6947.            .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  6948.                clip-path: polygon(var(--shape--blob-6))
  6949.            }
  6950.  
  6951.            .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  6952.                clip-path: polygon(var(--shape--blob-1))
  6953.            }
  6954.  
  6955.            .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  6956.                clip-path: polygon(var(--shape--blob-2))
  6957.            }
  6958.  
  6959.            .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  6960.                clip-path: polygon(var(--shape--blob-3))
  6961.            }
  6962.  
  6963.            .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  6964.                clip-path: polygon(var(--shape--blob-4))
  6965.            }
  6966.  
  6967.            .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  6968.                clip-path: polygon(var(--shape--blob-5))
  6969.            }
  6970.        }
  6971.    </style>
  6972.  
  6973.    <script>
  6974.        /** Shopify CDN: Minification failed
  6975.    
  6976.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6977.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6978.    Line 22:6 Transforming const to the configured target environment ("es5") is not supported yet
  6979.    Line 30:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6980.    Line 31:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6981.    Line 36:4 Transforming const to the configured target environment ("es5") is not supported yet
  6982.    Line 45:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6983.    Line 54:22 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6984.    Line 60:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6985.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6986.    ... and 38 more hidden warnings
  6987.    
  6988.    **/
  6989.        class CartRemoveButton extends HTMLElement {
  6990.            constructor() {
  6991.                super();
  6992.  
  6993.                this.addEventListener('click', (event) => {
  6994.                    event.preventDefault();
  6995.                    const cartItems = this.closest('cart-items') || this.closest('cart-drawer-items');
  6996.                    cartItems.updateQuantity(this.dataset.index, 0);
  6997.                });
  6998.            }
  6999.        }
  7000.  
  7001.        customElements.define('cart-remove-button', CartRemoveButton);
  7002.  
  7003.        class CartItems extends HTMLElement {
  7004.            constructor() {
  7005.                super();
  7006.                this.lineItemStatusElement =
  7007.                    document.getElementById('shopping-cart-line-item-status') || document.getElementById('CartDrawer-LineItemStatus');
  7008.  
  7009.                const debouncedOnChange = debounce((event) => {
  7010.                    this.onChange(event);
  7011.                }, ON_CHANGE_DEBOUNCE_TIMER);
  7012.  
  7013.                this.addEventListener('change', debouncedOnChange.bind(this));
  7014.            }
  7015.  
  7016.            cartUpdateUnsubscriber = undefined;
  7017.  
  7018.            connectedCallback() {
  7019.                this.cartUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.cartUpdate, (event) => {
  7020.                    if (event.source === 'cart-items') {
  7021.                        return;
  7022.                    }
  7023.                    this.onCartUpdate();
  7024.                });
  7025.            }
  7026.  
  7027.            disconnectedCallback() {
  7028.                if (this.cartUpdateUnsubscriber) {
  7029.                    this.cartUpdateUnsubscriber();
  7030.                }
  7031.            }
  7032.  
  7033.            onChange(event) {
  7034.                this.updateQuantity(event.target.dataset.index, event.target.value, document.activeElement.getAttribute('name'), event.target.dataset.quantityVariantId);
  7035.            }
  7036.  
  7037.            onCartUpdate() {
  7038.                if (this.tagName === 'CART-DRAWER-ITEMS') {
  7039.                    fetch(`${routes.cart_url}?section_id=cart-drawer`)
  7040.                        .then((response) => response.text())
  7041.                        .then((responseText) => {
  7042.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7043.                            const selectors = ['cart-drawer-items', '.cart-drawer__footer'];
  7044.                            for (const selector of selectors) {
  7045.                                const targetElement = document.querySelector(selector);
  7046.                                const sourceElement = html.querySelector(selector);
  7047.                                if (targetElement && sourceElement) {
  7048.                                    targetElement.replaceWith(sourceElement);
  7049.                                }
  7050.                            }
  7051.                        })
  7052.                        .catch((e) => {
  7053.                            console.error(e);
  7054.                        });
  7055.                } else {
  7056.                    fetch(`${routes.cart_url}?section_id=main-cart-items`)
  7057.                        .then((response) => response.text())
  7058.                        .then((responseText) => {
  7059.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7060.                            const sourceQty = html.querySelector('cart-items');
  7061.                            this.innerHTML = sourceQty.innerHTML;
  7062.                        })
  7063.                        .catch((e) => {
  7064.                            console.error(e);
  7065.                        });
  7066.                }
  7067.            }
  7068.  
  7069.            getSectionsToRender() {
  7070.                return [
  7071.                    {
  7072.                        id: 'main-cart-items',
  7073.                        section: document.getElementById('main-cart-items').dataset.id,
  7074.                        selector: '.js-contents',
  7075.                    },
  7076.                    {
  7077.                        id: 'cart-icon-bubble',
  7078.                        section: 'cart-icon-bubble',
  7079.                        selector: '.shopify-section',
  7080.                    },
  7081.                    {
  7082.                        id: 'cart-live-region-text',
  7083.                        section: 'cart-live-region-text',
  7084.                        selector: '.shopify-section',
  7085.                    },
  7086.                    {
  7087.                        id: 'main-cart-footer',
  7088.                        section: document.getElementById('main-cart-footer').dataset.id,
  7089.                        selector: '.js-contents',
  7090.                    },
  7091.                ];
  7092.            }
  7093.  
  7094.            updateQuantity(line, quantity, name, variantId) {
  7095.                this.enableLoading(line);
  7096.  
  7097.                const body = JSON.stringify({
  7098.                    line,
  7099.                    quantity,
  7100.                    sections: this.getSectionsToRender().map((section) => section.section),
  7101.                    sections_url: window.location.pathname,
  7102.                });
  7103.  
  7104.                fetch(`${routes.cart_change_url}`, { ...fetchConfig(), ...{ body } })
  7105.                    .then((response) => {
  7106.                        return response.text();
  7107.                    })
  7108.                    .then((state) => {
  7109.                        const parsedState = JSON.parse(state);
  7110.                        const quantityElement =
  7111.                            document.getElementById(`Quantity-${line}`) || document.getElementById(`Drawer-quantity-${line}`);
  7112.                        const items = document.querySelectorAll('.cart-item');
  7113.  
  7114.                        if (parsedState.errors) {
  7115.                            quantityElement.value = quantityElement.getAttribute('value');
  7116.                            this.updateLiveRegions(line, parsedState.errors);
  7117.                            return;
  7118.                        }
  7119.  
  7120.                        this.classList.toggle('is-empty', parsedState.item_count === 0);
  7121.                        const cartDrawerWrapper = document.querySelector('cart-drawer');
  7122.                        const cartFooter = document.getElementById('main-cart-footer');
  7123.  
  7124.                        if (cartFooter) cartFooter.classList.toggle('is-empty', parsedState.item_count === 0);
  7125.                        if (cartDrawerWrapper) cartDrawerWrapper.classList.toggle('is-empty', parsedState.item_count === 0);
  7126.  
  7127.                        this.getSectionsToRender().forEach((section) => {
  7128.                            const elementToReplace =
  7129.                                document.getElementById(section.id).querySelector(section.selector) || document.getElementById(section.id);
  7130.                            elementToReplace.innerHTML = this.getSectionInnerHTML(
  7131.                                parsedState.sections[section.section],
  7132.                                section.selector
  7133.                            );
  7134.                        });
  7135.                        const updatedValue = parsedState.items[line - 1] ? parsedState.items[line - 1].quantity : undefined;
  7136.                        let message = '';
  7137.                        if (items.length === parsedState.items.length && updatedValue !== parseInt(quantityElement.value)) {
  7138.                            if (typeof updatedValue === 'undefined') {
  7139.                                message = window.cartStrings.error;
  7140.                            } else {
  7141.                                message = window.cartStrings.quantityError.replace('[quantity]', updatedValue);
  7142.                            }
  7143.                        }
  7144.                        this.updateLiveRegions(line, message);
  7145.  
  7146.                        const lineItem =
  7147.                            document.getElementById(`CartItem-${line}`) || document.getElementById(`CartDrawer-Item-${line}`);
  7148.                        if (lineItem && lineItem.querySelector(`[name="${name}"]`)) {
  7149.                            cartDrawerWrapper
  7150.                                ? trapFocus(cartDrawerWrapper, lineItem.querySelector(`[name="${name}"]`))
  7151.                                : lineItem.querySelector(`[name="${name}"]`).focus();
  7152.                        } else if (parsedState.item_count === 0 && cartDrawerWrapper) {
  7153.                            trapFocus(cartDrawerWrapper.querySelector('.drawer__inner-empty'), cartDrawerWrapper.querySelector('a'));
  7154.                        } else if (document.querySelector('.cart-item') && cartDrawerWrapper) {
  7155.                            trapFocus(cartDrawerWrapper, document.querySelector('.cart-item__name'));
  7156.                        }
  7157.  
  7158.                        publish(PUB_SUB_EVENTS.cartUpdate, { source: 'cart-items', cartData: parsedState, variantId: variantId });
  7159.                    })
  7160.                    .catch(() => {
  7161.                        this.querySelectorAll('.loading__spinner').forEach((overlay) => overlay.classList.add('hidden'));
  7162.                        const errors = document.getElementById('cart-errors') || document.getElementById('CartDrawer-CartErrors');
  7163.                        errors.textContent = window.cartStrings.error;
  7164.                    })
  7165.                    .finally(() => {
  7166.                        this.disableLoading(line);
  7167.                    });
  7168.            }
  7169.  
  7170.            updateLiveRegions(line, message) {
  7171.                const lineItemError =
  7172.                    document.getElementById(`Line-item-error-${line}`) || document.getElementById(`CartDrawer-LineItemError-${line}`);
  7173.                if (lineItemError) lineItemError.querySelector('.cart-item__error-text').innerHTML = message;
  7174.  
  7175.                this.lineItemStatusElement.setAttribute('aria-hidden', true);
  7176.  
  7177.                const cartStatus =
  7178.                    document.getElementById('cart-live-region-text') || document.getElementById('CartDrawer-LiveRegionText');
  7179.                cartStatus.setAttribute('aria-hidden', false);
  7180.  
  7181.                setTimeout(() => {
  7182.                    cartStatus.setAttribute('aria-hidden', true);
  7183.                }, 1000);
  7184.            }
  7185.  
  7186.            getSectionInnerHTML(html, selector) {
  7187.                return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  7188.            }
  7189.  
  7190.            enableLoading(line) {
  7191.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7192.                mainCartItems.classList.add('cart__items--disabled');
  7193.  
  7194.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7195.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7196.  
  7197.                [...cartItemElements, ...cartDrawerItemElements].forEach((overlay) => overlay.classList.remove('hidden'));
  7198.  
  7199.                document.activeElement.blur();
  7200.                this.lineItemStatusElement.setAttribute('aria-hidden', false);
  7201.            }
  7202.  
  7203.            disableLoading(line) {
  7204.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7205.                mainCartItems.classList.remove('cart__items--disabled');
  7206.  
  7207.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7208.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7209.  
  7210.                cartItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7211.                cartDrawerItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7212.            }
  7213.        }
  7214.  
  7215.        customElements.define('cart-items', CartItems);
  7216.  
  7217.        if (!customElements.get('cart-note')) {
  7218.            customElements.define(
  7219.                'cart-note',
  7220.                class CartNote extends HTMLElement {
  7221.                    constructor() {
  7222.                        super();
  7223.  
  7224.                        this.addEventListener(
  7225.                            'change',
  7226.                            debounce((event) => {
  7227.                                const body = JSON.stringify({ note: event.target.value });
  7228.                                fetch(`${routes.cart_update_url}`, { ...fetchConfig(), ...{ body } });
  7229.                            }, ON_CHANGE_DEBOUNCE_TIMER)
  7230.                        );
  7231.                    }
  7232.                }
  7233.            );
  7234.        }
  7235.    </script>
  7236.    <script>
  7237.        /** Shopify CDN: Minification failed
  7238.    
  7239.    Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  7240.    Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7241.    Line 53:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7242.    Line 61:8 Transforming const to the configured target environment ("es5") is not supported yet
  7243.    Line 62:8 Transforming const to the configured target environment ("es5") is not supported yet
  7244.    Line 68:8 Transforming const to the configured target environment ("es5") is not supported yet
  7245.    Line 77:18 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7246.    Line 79:8 Transforming const to the configured target environment ("es5") is not supported yet
  7247.    Line 81:8 Transforming const to the configured target environment ("es5") is not supported yet
  7248.    
  7249.    **/
  7250.        if (!customElements.get('quantity-popover')) {
  7251.            customElements.define(
  7252.                'quantity-popover',
  7253.                class QuantityPopover extends HTMLElement {
  7254.                    constructor() {
  7255.                        super();
  7256.                        this.mql = window.matchMedia('(min-width: 990px)');
  7257.                        this.mqlTablet = window.matchMedia('(min-width: 750px)');
  7258.                        this.infoButtonDesktop = this.querySelector('.quantity-popover__info-button--icon-only');
  7259.                        this.infoButtonMobile = this.querySelector('.quantity-popover__info-button--icon-with-label');
  7260.                        this.popoverInfo = this.querySelector('.quantity-popover__info');
  7261.                        this.closeButton = this.querySelector('.button-close');
  7262.                        this.variantInfo = this.querySelector('.quantity-popover-container');
  7263.                        this.eventMouseEnterHappened = false;
  7264.  
  7265.                        if (this.closeButton) {
  7266.                            this.closeButton.addEventListener('click', this.closePopover.bind(this));
  7267.                        }
  7268.  
  7269.                        if (this.popoverInfo && this.infoButtonDesktop && this.mql.matches) {
  7270.                            this.popoverInfo.addEventListener('mouseenter', this.closePopover.bind(this));
  7271.                        }
  7272.  
  7273.                        if (this.infoButtonDesktop) {
  7274.                            this.infoButtonDesktop.addEventListener('click', this.togglePopover.bind(this));
  7275.                            this.infoButtonDesktop.addEventListener('focusout', this.closePopover.bind(this));
  7276.                        }
  7277.  
  7278.                        if (this.infoButtonMobile) {
  7279.                            this.infoButtonMobile.addEventListener('click', this.togglePopover.bind(this));
  7280.                            this.infoButtonMobile.addEventListener('focusout', this.closePopover.bind(this));
  7281.                        }
  7282.  
  7283.                        if (this.infoButtonDesktop && this.mqlTablet.matches) {
  7284.                            this.variantInfo.addEventListener('mouseenter', this.togglePopover.bind(this));
  7285.                            this.variantInfo.addEventListener('mouseleave', this.closePopover.bind(this));
  7286.                        }
  7287.                    }
  7288.  
  7289.                    togglePopover(event) {
  7290.                        event.preventDefault();
  7291.                        if (event.type === 'mouseenter') {
  7292.                            this.eventMouseEnterHappened = true;
  7293.                        }
  7294.  
  7295.                        if (event.type === 'click' && this.eventMouseEnterHappened) return;
  7296.  
  7297.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7298.                        const isExpanded = button.getAttribute('aria-expanded') === 'true';
  7299.  
  7300.                        button.setAttribute('aria-expanded', !isExpanded);
  7301.  
  7302.                        this.popoverInfo.toggleAttribute('hidden');
  7303.  
  7304.                        const isOpen = button.getAttribute('aria-expanded') === 'true';
  7305.  
  7306.                        button.classList.toggle('quantity-popover__info-button--open');
  7307.  
  7308.                        if (isOpen && event.type !== 'mouseenter') {
  7309.                            button.focus();
  7310.                        }
  7311.                    }
  7312.  
  7313.                    closePopover(event) {
  7314.                        event.preventDefault();
  7315.                        const isChild = this.variantInfo.contains(event.relatedTarget);
  7316.  
  7317.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7318.  
  7319.                        if (!event.relatedTarget || !isChild) {
  7320.                            button.setAttribute('aria-expanded', 'false');
  7321.                            button.classList.remove('quantity-popover__info-button--open');
  7322.                            this.popoverInfo.setAttribute('hidden', '');
  7323.                        }
  7324.  
  7325.                        this.eventMouseEnterHappened = false;
  7326.                    }
  7327.                }
  7328.            );
  7329.        }
  7330.    </script>
  7331.  
  7332.    <style>
  7333.        .drawer {
  7334.            visibility: hidden;
  7335.        }
  7336.    </style>
  7337.  
  7338.    <cart-drawer class="drawer is-empty">
  7339.        <div id="CartDrawer" class="cart-drawer">
  7340.            <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
  7341.            <div class="drawer__inner gradient color-background-1" role="dialog" aria-modal="true"
  7342.                aria-label="Your cart" tabindex="-1">
  7343.                <div class="drawer__inner-empty">
  7344.                    <div class="cart-drawer__warnings center">
  7345.                        <div class="cart-drawer__empty-content">
  7346.                            <h2 class="cart__empty-text">LINK TOTO MACAU</h2>
  7347.                            <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7348.                                aria-label="Close">
  7349.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7350.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7351.                                    <path
  7352.                                        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"
  7353.                                        fill="currentColor">
  7354.                                </svg>
  7355.  
  7356.                            </button>
  7357.                            <a href="https://duwaynemotel.com/" class="button">
  7358.                                TOTO MACAU
  7359.                            </a>
  7360.                        </div>
  7361.                    </div>
  7362.                </div>
  7363.                <div class="drawer__header">
  7364.                    <h2 class="drawer__heading">Your cart</h2>
  7365.                    <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7366.                        aria-label="Close">
  7367.                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7368.                            class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7369.                            <path
  7370.                                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"
  7371.                                fill="currentColor">
  7372.                        </svg>
  7373.  
  7374.                    </button>
  7375.                </div>
  7376.                <cart-drawer-items class=" is-empty">
  7377.                    <form action="https://duwaynemotel.com/" id="CartDrawer-Form" class="cart__contents cart-drawer__form"
  7378.                        method="post">
  7379.                        <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
  7380.                            <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
  7381.                            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
  7382.                                Loading...
  7383.                            </p>
  7384.                        </div>
  7385.                        <div id="CartDrawer-CartErrors" role="alert"></div>
  7386.                    </form>
  7387.                </cart-drawer-items>
  7388.                <div class="drawer__footer"><!-- Start blocks -->
  7389.                    <!-- Subtotals -->
  7390.  
  7391.                    <div class="cart-drawer__footer">
  7392.                        <div></div>
  7393.  
  7394.                        <div class="totals" role="status">
  7395.                            <h2 class="totals__total">Estimated total</h2>
  7396.                            <p class="totals__total-value">Rp 0,00 IDR</p>
  7397.                        </div>
  7398.  
  7399.                        <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout
  7400.                        </small>
  7401.                    </div>
  7402.  
  7403.                    <!-- CTAs -->
  7404.  
  7405.                    <div class="cart__ctas">
  7406.                        <noscript>
  7407.                            <button type="submit" class="cart__update-button button button--secondary"
  7408.                                form="CartDrawer-Form">
  7409.                                Update
  7410.                            </button>
  7411.                        </noscript>
  7412.  
  7413.                        <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button"
  7414.                            name="checkout" form="CartDrawer-Form" disabled>
  7415.                            Check out
  7416.                        </button>
  7417.                    </div>
  7418.                </div>
  7419.            </div>
  7420.        </div>
  7421.    </cart-drawer>
  7422.  
  7423.    <script>
  7424.        document.addEventListener('DOMContentLoaded', function () {
  7425.            function isIE() {
  7426.                const ua = window.navigator.userAgent;
  7427.                const msie = ua.indexOf('MSIE ');
  7428.                const trident = ua.indexOf('Trident/https://duwaynemotel.com/');
  7429.  
  7430.                return msie > 0 || trident > 0;
  7431.            }
  7432.  
  7433.            if (!isIE()) return;
  7434.            const cartSubmitInput = document.createElement('input');
  7435.            cartSubmitInput.setAttribute('name', 'checkout');
  7436.            cartSubmitInput.setAttribute('type', 'hidden');
  7437.            document.querySelector('#cart').appendChild(cartSubmitInput);
  7438.            document.querySelector('#checkout').addEventListener('click', function (event) {
  7439.                document.querySelector('#cart').submit();
  7440.            });
  7441.        });
  7442.    </script>
  7443.    <!-- BEGIN sections: header-group -->
  7444.    <style>
  7445.        slideshow-component {
  7446.            position: relative;
  7447.            display: flex;
  7448.            flex-direction: column
  7449.        }
  7450.  
  7451.        @media screen and (max-width: 989px) {
  7452.            .no-js slideshow-component .slider {
  7453.                padding-bottom: 3rem
  7454.            }
  7455.        }
  7456.  
  7457.        slideshow-component .slideshow.banner {
  7458.            flex-direction: row;
  7459.            flex-wrap: nowrap;
  7460.            margin: 0;
  7461.            gap: 0
  7462.        }
  7463.  
  7464.        .slideshow__slide {
  7465.            padding: 0;
  7466.            position: relative;
  7467.            display: flex;
  7468.            flex-direction: column;
  7469.            visibility: visible
  7470.        }
  7471.  
  7472.        @media screen and (max-width: 749px) {
  7473.  
  7474.            .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  7475.            .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
  7476.                height: 28rem
  7477.            }
  7478.        }
  7479.  
  7480.        @media screen and (min-width: 750px) {
  7481.            .slideshow--placeholder.banner--adapt_image {
  7482.                height: 56rem
  7483.            }
  7484.        }
  7485.  
  7486.        .slideshow__text.banner__box {
  7487.            display: flex;
  7488.            flex-direction: column;
  7489.            justify-content: center;
  7490.            max-width: 54.5rem
  7491.        }
  7492.  
  7493.        .slideshow__text>* {
  7494.            max-width: 100%
  7495.        }
  7496.  
  7497.        @media screen and (max-width: 749px) {
  7498.            slideshow-component.page-width .slideshow__text {
  7499.                border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  7500.                border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity))
  7501.            }
  7502.  
  7503.            .banner--mobile-bottom .slideshow__text.banner__box {
  7504.                max-width: 100%
  7505.            }
  7506.  
  7507.            .banner--mobile-bottom .slideshow__text-wrapper {
  7508.                flex-grow: 1
  7509.            }
  7510.  
  7511.            .banner--mobile-bottom .slideshow__text.banner__box {
  7512.                height: 100%
  7513.            }
  7514.  
  7515.            .banner--mobile-bottom .slideshow__text .button {
  7516.                flex-grow: 0
  7517.            }
  7518.  
  7519.            .slideshow__text.slideshow__text-mobile--left {
  7520.                align-items: flex-start;
  7521.                text-align: left
  7522.            }
  7523.  
  7524.            .slideshow__text.slideshow__text-mobile--right {
  7525.                align-items: flex-end;
  7526.                text-align: right
  7527.            }
  7528.        }
  7529.  
  7530.        @media screen and (min-width: 750px) {
  7531.            .slideshow__text.slideshow__text--left {
  7532.                align-items: flex-start;
  7533.                text-align: left
  7534.            }
  7535.  
  7536.            .slideshow__text.slideshow__text--right {
  7537.                align-items: flex-end;
  7538.                text-align: right
  7539.            }
  7540.        }
  7541.  
  7542.        .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  7543.            height: 100%
  7544.        }
  7545.  
  7546.        @media screen and (min-width: 750px) {
  7547.            .slideshow__text-wrapper.banner__content {
  7548.                height: 100%;
  7549.                padding: 5rem
  7550.            }
  7551.        }
  7552.  
  7553.        .slideshow__controls {
  7554.            border: .1rem solid rgba(var(--color-foreground), .08)
  7555.        }
  7556.  
  7557.        .slideshow__controls--top {
  7558.            order: 2;
  7559.            z-index: 1
  7560.        }
  7561.  
  7562.        @media screen and (max-width: 749px) {
  7563.            .slideshow__controls--border-radius-mobile {
  7564.                border-bottom-right-radius: var(--text-boxes-radius);
  7565.                border-bottom-left-radius: var(--text-boxes-radius)
  7566.            }
  7567.        }
  7568.  
  7569.        .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  7570.            border-bottom: none
  7571.        }
  7572.  
  7573.        @media screen and (min-width: 750px) {
  7574.            .slideshow__controls {
  7575.                position: relative
  7576.            }
  7577.        }
  7578.  
  7579.        slideshow-component:not(.page-width) .slider-buttons {
  7580.            border-right: 0;
  7581.            border-left: 0
  7582.        }
  7583.  
  7584.        .slideshow__control-wrapper {
  7585.            display: flex
  7586.        }
  7587.  
  7588.        .slideshow__autoplay {
  7589.            position: absolute;
  7590.            right: 0;
  7591.            border-left: none;
  7592.            display: flex;
  7593.            justify-content: center;
  7594.            align-items: center
  7595.        }
  7596.  
  7597.        @media screen and (max-width: 749px) {
  7598.            slideshow-component.page-width .slideshow__autoplay {
  7599.                right: 1.5rem
  7600.            }
  7601.        }
  7602.  
  7603.        @media screen and (min-width: 750px) {
  7604.            .slideshow__autoplay.slider-button {
  7605.                position: inherit;
  7606.                margin-left: .6rem;
  7607.                padding: 0 0 0 .6rem;
  7608.                border-left: .1rem solid rgba(var(--color-foreground), .08)
  7609.            }
  7610.        }
  7611.  
  7612.        .slideshow__autoplay .icon.icon-play,
  7613.        .slideshow__autoplay .icon.icon-pause {
  7614.            display: block;
  7615.            position: absolute;
  7616.            opacity: 1;
  7617.            transform: scale(1);
  7618.            transition: transform .15s ease, opacity .15s ease;
  7619.            width: .8rem;
  7620.            height: 1.2rem
  7621.        }
  7622.  
  7623.        .slideshow__autoplay .icon.icon-play {
  7624.            height: 1rem
  7625.        }
  7626.  
  7627.        .slideshow__autoplay path {
  7628.            fill: rgba(var(--color-foreground), .75)
  7629.        }
  7630.  
  7631.        .slideshow__autoplay:hover path {
  7632.            fill: rgb(var(--color-foreground))
  7633.        }
  7634.  
  7635.        @media screen and (forced-colors: active) {
  7636.  
  7637.            .slideshow__autoplay path,
  7638.            .slideshow__autoplay:hover path {
  7639.                fill: CanvasText
  7640.            }
  7641.        }
  7642.  
  7643.        .slideshow__autoplay:hover svg {
  7644.            transform: scale(1.1)
  7645.        }
  7646.  
  7647.        .slideshow__autoplay--paused .icon-pause,
  7648.        .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  7649.            visibility: hidden;
  7650.            opacity: 0;
  7651.            transform: scale(.8)
  7652.        }
  7653.    </style>
  7654.    <style>
  7655.        slider-component {
  7656.            --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  7657.            position: relative;
  7658.            display: block
  7659.        }
  7660.  
  7661.        slider-component.slider-component-full-width {
  7662.            --desktop-margin-left-first-item: 1.5rem
  7663.        }
  7664.  
  7665.        @media screen and (max-width: 749px) {
  7666.            slider-component.page-width {
  7667.                padding: 0 1.5rem
  7668.            }
  7669.        }
  7670.  
  7671.        @media screen and (min-width: 749px) and (max-width: 990px) {
  7672.            slider-component.page-width {
  7673.                padding: 0 5rem
  7674.            }
  7675.        }
  7676.  
  7677.        @media screen and (max-width: 989px) {
  7678.            .no-js slider-component .slider {
  7679.                padding-bottom: 3rem
  7680.            }
  7681.        }
  7682.  
  7683.        .slider__slide {
  7684.            --focus-outline-padding: .5rem;
  7685.            --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  7686.            --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  7687.            scroll-snap-align: start;
  7688.            flex-shrink: 0;
  7689.            padding-bottom: 0
  7690.        }
  7691.  
  7692.        @media screen and (max-width: 749px) {
  7693.            .slider.slider--mobile {
  7694.                position: relative;
  7695.                flex-wrap: inherit;
  7696.                overflow-x: auto;
  7697.                scroll-snap-type: x mandatory;
  7698.                scroll-behavior: smooth;
  7699.                scroll-padding-left: 1.5rem;
  7700.                -webkit-overflow-scrolling: touch;
  7701.                margin-bottom: 1rem
  7702.            }
  7703.  
  7704.            .slider--mobile:after {
  7705.                content: "";
  7706.                width: 0;
  7707.                padding-left: 1.5rem
  7708.            }
  7709.  
  7710.            .slider.slider--mobile .slider__slide {
  7711.                margin-bottom: 0;
  7712.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7713.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7714.            }
  7715.  
  7716.            .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7717.                padding-bottom: var(--focus-outline-padding)
  7718.            }
  7719.  
  7720.            .slider.slider--mobile.contains-content-container .slider__slide {
  7721.                --focus-outline-padding: 0rem
  7722.            }
  7723.        }
  7724.  
  7725.        @media screen and (min-width: 750px) {
  7726.            .slider.slider--tablet-up {
  7727.                position: relative;
  7728.                flex-wrap: inherit;
  7729.                overflow-x: auto;
  7730.                scroll-snap-type: x mandatory;
  7731.                scroll-behavior: smooth;
  7732.                scroll-padding-left: 1rem;
  7733.                -webkit-overflow-scrolling: touch
  7734.            }
  7735.  
  7736.            .slider.slider--tablet-up .slider__slide {
  7737.                margin-bottom: 0
  7738.            }
  7739.        }
  7740.  
  7741.        @media screen and (max-width: 989px) {
  7742.            .slider.slider--tablet {
  7743.                position: relative;
  7744.                flex-wrap: inherit;
  7745.                overflow-x: auto;
  7746.                scroll-snap-type: x mandatory;
  7747.                scroll-behavior: smooth;
  7748.                scroll-padding-left: 1.5rem;
  7749.                -webkit-overflow-scrolling: touch;
  7750.                margin-bottom: 1rem
  7751.            }
  7752.  
  7753.            .slider--tablet:after {
  7754.                content: "";
  7755.                width: 0;
  7756.                padding-left: 1.5rem;
  7757.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7758.            }
  7759.  
  7760.            .slider.slider--tablet .slider__slide {
  7761.                margin-bottom: 0;
  7762.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7763.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7764.            }
  7765.  
  7766.            .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7767.                padding-bottom: var(--focus-outline-padding)
  7768.            }
  7769.  
  7770.            .slider.slider--tablet.contains-content-container .slider__slide {
  7771.                --focus-outline-padding: 0rem
  7772.            }
  7773.        }
  7774.  
  7775.        .slider--everywhere {
  7776.            position: relative;
  7777.            flex-wrap: inherit;
  7778.            overflow-x: auto;
  7779.            scroll-snap-type: x mandatory;
  7780.            scroll-behavior: smooth;
  7781.            -webkit-overflow-scrolling: touch;
  7782.            margin-bottom: 1rem
  7783.        }
  7784.  
  7785.        .slider.slider--everywhere .slider__slide {
  7786.            margin-bottom: 0;
  7787.            scroll-snap-align: center
  7788.        }
  7789.  
  7790.        @media screen and (min-width: 990px) {
  7791.            .slider-component-desktop.page-width {
  7792.                max-width: none
  7793.            }
  7794.  
  7795.            .slider--desktop {
  7796.                position: relative;
  7797.                flex-wrap: inherit;
  7798.                overflow-x: auto;
  7799.                scroll-snap-type: x mandatory;
  7800.                scroll-behavior: smooth;
  7801.                -webkit-overflow-scrolling: touch;
  7802.                margin-bottom: 1rem;
  7803.                scroll-padding-left: var(--desktop-margin-left-first-item)
  7804.            }
  7805.  
  7806.            .slider--desktop:after {
  7807.                content: "";
  7808.                width: 0;
  7809.                padding-left: 5rem;
  7810.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7811.            }
  7812.  
  7813.            .slider.slider--desktop .slider__slide {
  7814.                margin-bottom: 0;
  7815.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7816.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7817.            }
  7818.  
  7819.            .slider--desktop .slider__slide:first-child {
  7820.                margin-left: var(--desktop-margin-left-first-item);
  7821.                scroll-margin-left: var(--desktop-margin-left-first-item)
  7822.            }
  7823.  
  7824.            .slider-component-full-width .slider--desktop {
  7825.                scroll-padding-left: 1.5rem
  7826.            }
  7827.  
  7828.            .slider-component-full-width .slider--desktop .slider__slide:first-child {
  7829.                margin-left: 1.5rem;
  7830.                scroll-margin-left: 1.5rem
  7831.            }
  7832.  
  7833.            .slider-component-full-width .slider--desktop:after {
  7834.                padding-left: 1.5rem
  7835.            }
  7836.  
  7837.            .slider--desktop.grid--5-col-desktop .grid__item {
  7838.                width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  7839.            }
  7840.  
  7841.            .slider--desktop.grid--4-col-desktop .grid__item {
  7842.                width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  7843.            }
  7844.  
  7845.            .slider--desktop.grid--3-col-desktop .grid__item {
  7846.                width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  7847.            }
  7848.  
  7849.            .slider--desktop.grid--2-col-desktop .grid__item {
  7850.                width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  7851.            }
  7852.  
  7853.            .slider--desktop.grid--1-col-desktop .grid__item {
  7854.                width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  7855.            }
  7856.  
  7857.            .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7858.                padding-bottom: var(--focus-outline-padding)
  7859.            }
  7860.  
  7861.            .slider.slider--desktop.contains-content-container .slider__slide {
  7862.                --focus-outline-padding: 0rem
  7863.            }
  7864.        }
  7865.  
  7866.        @media (prefers-reduced-motion) {
  7867.            .slider {
  7868.                scroll-behavior: auto
  7869.            }
  7870.        }
  7871.  
  7872.        .slider {
  7873.            scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  7874.            -ms-overflow-style: none;
  7875.            scrollbar-width: none
  7876.        }
  7877.  
  7878.        .slider::-webkit-scrollbar {
  7879.            height: .4rem;
  7880.            width: .4rem;
  7881.            display: none
  7882.        }
  7883.  
  7884.        .no-js .slider {
  7885.            -ms-overflow-style: auto;
  7886.            scrollbar-width: auto
  7887.        }
  7888.  
  7889.        .no-js .slider::-webkit-scrollbar {
  7890.            display: initial
  7891.        }
  7892.  
  7893.        .slider::-webkit-scrollbar-thumb {
  7894.            background-color: rgb(var(--color-foreground));
  7895.            border-radius: .4rem;
  7896.            border: 0
  7897.        }
  7898.  
  7899.        .slider::-webkit-scrollbar-track {
  7900.            background: rgba(var(--color-foreground), .04);
  7901.            border-radius: .4rem
  7902.        }
  7903.  
  7904.        .slider-counter {
  7905.            display: flex;
  7906.            justify-content: center;
  7907.            min-width: 4.4rem
  7908.        }
  7909.  
  7910.        @media screen and (min-width: 750px) {
  7911.            .slider-counter--dots {
  7912.                margin: 0 1.2rem
  7913.            }
  7914.        }
  7915.  
  7916.        .slider-counter__link {
  7917.            padding: 1rem
  7918.        }
  7919.  
  7920.        @media screen and (max-width: 749px) {
  7921.            .slider-counter__link {
  7922.                padding: .7rem
  7923.            }
  7924.        }
  7925.  
  7926.        .slider-counter__link--dots .dot {
  7927.            width: 1rem;
  7928.            height: 1rem;
  7929.            border-radius: 50%;
  7930.            border: .1rem solid rgba(var(--color-foreground), .5);
  7931.            padding: 0;
  7932.            display: block
  7933.        }
  7934.  
  7935.        .slider-counter__link--active.slider-counter__link--dots .dot {
  7936.            background-color: rgb(var(--color-foreground))
  7937.        }
  7938.  
  7939.        @media screen and (forced-colors: active) {
  7940.            .slider-counter__link--active.slider-counter__link--dots .dot {
  7941.                background-color: CanvasText
  7942.            }
  7943.        }
  7944.  
  7945.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  7946.            border-color: rgb(var(--color-foreground))
  7947.        }
  7948.  
  7949.        .slider-counter__link--dots .dot,
  7950.        .slider-counter__link--numbers {
  7951.            transition: transform .2s ease-in-out
  7952.        }
  7953.  
  7954.        .slider-counter__link--active.slider-counter__link--numbers,
  7955.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  7956.        .slider-counter__link--numbers:hover {
  7957.            transform: scale(1.1)
  7958.        }
  7959.  
  7960.        .slider-counter__link--numbers {
  7961.            color: rgba(var(--color-foreground), .5);
  7962.            text-decoration: none
  7963.        }
  7964.  
  7965.        .slider-counter__link--numbers:hover {
  7966.            color: rgb(var(--color-foreground))
  7967.        }
  7968.  
  7969.        .slider-counter__link--active.slider-counter__link--numbers {
  7970.            text-decoration: underline;
  7971.            color: rgb(var(--color-foreground))
  7972.        }
  7973.  
  7974.        .slider-buttons {
  7975.            display: flex;
  7976.            align-items: center;
  7977.            justify-content: center
  7978.        }
  7979.  
  7980.        @media screen and (min-width: 990px) {
  7981.            .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  7982.                display: none
  7983.            }
  7984.        }
  7985.  
  7986.        @media screen and (max-width: 989px) {
  7987.            .slider--desktop:not(.slider--tablet)+.slider-buttons {
  7988.                display: none
  7989.            }
  7990.        }
  7991.  
  7992.        @media screen and (min-width: 750px) {
  7993.            .slider--mobile+.slider-buttons {
  7994.                display: none
  7995.            }
  7996.        }
  7997.  
  7998.        .slider-button {
  7999.            color: rgba(var(--color-foreground), .75);
  8000.            background: transparent;
  8001.            border: none;
  8002.            cursor: pointer;
  8003.            width: 44px;
  8004.            height: 44px;
  8005.            display: flex;
  8006.            align-items: center;
  8007.            justify-content: center
  8008.        }
  8009.  
  8010.        .slider-button:not([disabled]):hover {
  8011.            color: rgb(var(--color-foreground))
  8012.        }
  8013.  
  8014.        .slider-button .icon {
  8015.            height: .6rem
  8016.        }
  8017.  
  8018.        .slider-button[disabled] .icon {
  8019.            color: rgba(var(--color-foreground), .3);
  8020.            cursor: not-allowed
  8021.        }
  8022.  
  8023.        .slider-button--next .icon {
  8024.            transform: rotate(-90deg)
  8025.        }
  8026.  
  8027.        .slider-button--prev .icon {
  8028.            transform: rotate(90deg)
  8029.        }
  8030.  
  8031.        .slider-button--next:not([disabled]):hover .icon {
  8032.            transform: rotate(-90deg) scale(1.1)
  8033.        }
  8034.  
  8035.        .slider-button--prev:not([disabled]):hover .icon {
  8036.            transform: rotate(90deg) scale(1.1)
  8037.        }
  8038.    </style>
  8039.  
  8040.  
  8041.    <div class="utility-bar color-accent-1 gradient utility-bar--bottom-border">
  8042.        <div class="page-width utility-bar__grid">
  8043.            <div class="announcement-bar" role="region" aria-label="Announcement">
  8044.                <p class="announcement-bar__message h5">
  8045.                    <span>Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya</span>
  8046.                </p>
  8047.            </div>
  8048.            <div class="localization-wrapper">
  8049.            </div>
  8050.        </div>
  8051.    </div>
  8052.  
  8053.  
  8054.    </div>
  8055.    <div id="shopify-section-sections--17040648405205__header"
  8056.        class="shopify-section shopify-section-group-header-group section-header">
  8057.        <style>
  8058.            .list-menu--right {
  8059.                right: 0;
  8060.            }
  8061.  
  8062.            .list-menu--disclosure {
  8063.                position: absolute;
  8064.                min-width: 100%;
  8065.                width: 20rem;
  8066.                border: 1px solid rgba(var(--color-foreground), 0.2);
  8067.            }
  8068.  
  8069.            .list-menu--disclosure:focus {
  8070.                outline: none;
  8071.            }
  8072.  
  8073.            .list-menu__item--active {
  8074.                text-decoration: underline;
  8075.                text-underline-offset: 0.3rem;
  8076.            }
  8077.  
  8078.            .list-menu__item--active:hover {
  8079.                text-decoration-thickness: 0.2rem;
  8080.            }
  8081.  
  8082.            .list-menu--disclosure.localization-selector {
  8083.                max-height: 18rem;
  8084.                overflow: auto;
  8085.                width: 10rem;
  8086.                padding: 0.5rem;
  8087.            }
  8088.        </style>
  8089.        <style>
  8090.            .search__input.field__input {
  8091.                padding-right: 9.8rem
  8092.            }
  8093.  
  8094.            .search__button {
  8095.                right: var(--inputs-border-width);
  8096.                top: var(--inputs-border-width)
  8097.            }
  8098.  
  8099.            .reset__button {
  8100.                right: calc(var(--inputs-border-width) + 4.4rem);
  8101.                top: var(--inputs-border-width)
  8102.            }
  8103.  
  8104.            .reset__button:not(:focus-visible):after {
  8105.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8106.                display: block;
  8107.                height: calc(100% - 1.6rem);
  8108.                content: "";
  8109.                position: absolute;
  8110.                right: 0
  8111.            }
  8112.  
  8113.            .reset__button:not(:focus):after {
  8114.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8115.                display: block;
  8116.                height: calc(100% - 1.8rem);
  8117.                content: "";
  8118.                position: absolute;
  8119.                right: 0
  8120.            }
  8121.  
  8122.            .search__button:focus-visible,
  8123.            .reset__button:focus-visible {
  8124.                background-color: rgb(var(--color-background));
  8125.                z-index: 4
  8126.            }
  8127.  
  8128.            .search__button:focus,
  8129.            .reset__button:focus {
  8130.                background-color: rgb(var(--color-background));
  8131.                z-index: 4
  8132.            }
  8133.  
  8134.            .search__button:not(:focus-visible):not(.focused),
  8135.            .reset__button:not(:focus-visible):not(.focused) {
  8136.                box-shadow: inherit;
  8137.                background-color: inherit
  8138.            }
  8139.  
  8140.            .search__button:hover .icon,
  8141.            .reset__button:hover .icon {
  8142.                transform: scale(1.07)
  8143.            }
  8144.  
  8145.            .search__button .icon {
  8146.                height: 1.8rem;
  8147.                width: 1.8rem
  8148.            }
  8149.  
  8150.            .reset__button .icon.icon-close {
  8151.                height: 1.8rem;
  8152.                width: 1.8rem;
  8153.                stroke-width: .1rem
  8154.            }
  8155.  
  8156.            input::-webkit-search-decoration {
  8157.                -webkit-appearance: none
  8158.            }
  8159.  
  8160.            .template-search__results {
  8161.                position: relative
  8162.            }
  8163.        </style>
  8164.        <style>
  8165.            .header__icon--menu {
  8166.                position: initial
  8167.            }
  8168.  
  8169.            .js menu-drawer>details>summary:before,
  8170.            .js menu-drawer>details[open]:not(.menu-opening)>summary:before {
  8171.                content: "";
  8172.                position: absolute;
  8173.                cursor: default;
  8174.                width: 100%;
  8175.                height: calc(100vh - 100%);
  8176.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  8177.                top: 100%;
  8178.                left: 0;
  8179.                background: rgba(var(--color-foreground), .5);
  8180.                opacity: 0;
  8181.                visibility: hidden;
  8182.                z-index: 2;
  8183.                transition: opacity 0s, visibility 0s
  8184.            }
  8185.  
  8186.            menu-drawer>details[open]>summary:before {
  8187.                visibility: visible;
  8188.                opacity: 1;
  8189.                transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease
  8190.            }
  8191.  
  8192.            .menu-drawer {
  8193.                position: absolute;
  8194.                transform: translate(-100%);
  8195.                visibility: hidden;
  8196.                z-index: 3;
  8197.                left: 0;
  8198.                top: 100%;
  8199.                width: 100%;
  8200.                padding: 0;
  8201.                background-color: rgb(var(--color-background));
  8202.                overflow-x: hidden;
  8203.                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)))
  8204.            }
  8205.  
  8206.            .js .menu-drawer {
  8207.                height: calc(100vh - 100%);
  8208.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))
  8209.            }
  8210.  
  8211.            .js details[open]>.menu-drawer,
  8212.            .js details[open]>.menu-drawer__submenu {
  8213.                transition: transform var(--duration-default) ease, visibility var(--duration-default) ease
  8214.            }
  8215.  
  8216.            .no-js details[open]>.menu-drawer,
  8217.            .js details[open].menu-opening>.menu-drawer,
  8218.            details[open].menu-opening>.menu-drawer__submenu {
  8219.                transform: translate(0);
  8220.                visibility: visible
  8221.            }
  8222.  
  8223.            .js .menu-drawer__navigation .submenu-open {
  8224.                visibility: hidden
  8225.            }
  8226.  
  8227.            @media screen and (min-width: 750px) {
  8228.                .menu-drawer {
  8229.                    width: 40rem;
  8230.                    border-width: 0 var(--drawer-border-width) 0 0;
  8231.                    border-style: solid;
  8232.                    border-color: rgba(var(--color-foreground), var(--drawer-border-opacity))
  8233.                }
  8234.  
  8235.                .no-js .menu-drawer {
  8236.                    height: auto
  8237.                }
  8238.            }
  8239.  
  8240.            .menu-drawer__inner-container {
  8241.                position: relative;
  8242.                height: 100%
  8243.            }
  8244.  
  8245.            .menu-drawer__navigation-container {
  8246.                display: grid;
  8247.                grid-template-rows: 1fr auto;
  8248.                align-content: space-between;
  8249.                overflow-y: auto;
  8250.                height: 100%
  8251.            }
  8252.  
  8253.            .menu-drawer__navigation {
  8254.                padding: 3rem 0
  8255.            }
  8256.  
  8257.            .menu-drawer__inner-submenu {
  8258.                height: 100%;
  8259.                overflow-x: hidden;
  8260.                overflow-y: auto
  8261.            }
  8262.  
  8263.            .no-js .menu-drawer__navigation {
  8264.                padding: 0
  8265.            }
  8266.  
  8267.            .no-js .menu-drawer__navigation>ul>li {
  8268.                border-bottom: .1rem solid rgba(var(--color-foreground), .04)
  8269.            }
  8270.  
  8271.            .no-js .menu-drawer__submenu ul>li {
  8272.                border-top: .1rem solid rgba(var(--color-foreground), .04)
  8273.            }
  8274.  
  8275.            .js .menu-drawer__menu li {
  8276.                margin-bottom: .2rem
  8277.            }
  8278.  
  8279.            .menu-drawer__menu-item {
  8280.                padding: 1.1rem 3rem;
  8281.                text-decoration: none;
  8282.                font-size: 1.8rem
  8283.            }
  8284.  
  8285.            .no-js .menu-drawer__menu-item {
  8286.                font-size: 1.6rem
  8287.            }
  8288.  
  8289.            .no-js .menu-drawer__submenu .menu-drawer__menu-item {
  8290.                padding: 1.2rem 5.2rem 1.2rem 6rem
  8291.            }
  8292.  
  8293.            .no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  8294.                padding-left: 9rem
  8295.            }
  8296.  
  8297.            .menu-drawer summary.menu-drawer__menu-item {
  8298.                padding-right: 5.2rem
  8299.            }
  8300.  
  8301.            .no-js .menu-drawer__menu-item .icon-caret {
  8302.                right: 3rem
  8303.            }
  8304.  
  8305.            .menu-drawer__menu-item--active,
  8306.            .menu-drawer__menu-item:focus,
  8307.            .menu-drawer__close-button:focus,
  8308.            .menu-drawer__menu-item:hover,
  8309.            .menu-drawer__close-button:hover {
  8310.                color: rgb(var(--color-foreground));
  8311.                background-color: rgba(var(--color-foreground), .04)
  8312.            }
  8313.  
  8314.            .menu-drawer__menu-item--active:hover {
  8315.                background-color: rgba(var(--color-foreground), .08)
  8316.            }
  8317.  
  8318.            .js .menu-drawer__menu-item .icon-caret,
  8319.            .no-js .menu-drawer .icon-arrow {
  8320.                display: none
  8321.            }
  8322.  
  8323.            .menu-drawer__menu-item>.icon-arrow {
  8324.                position: absolute;
  8325.                right: 3rem;
  8326.                top: 50%;
  8327.                transform: translateY(-50%)
  8328.            }
  8329.  
  8330.            .js .menu-drawer__submenu {
  8331.                position: absolute;
  8332.                top: 0;
  8333.                width: 100%;
  8334.                bottom: 0;
  8335.                left: 0;
  8336.                background-color: rgb(var(--color-background));
  8337.                z-index: 1;
  8338.                transform: translate(100%);
  8339.                visibility: hidden
  8340.            }
  8341.  
  8342.            .js .menu-drawer__submenu .menu-drawer__submenu {
  8343.                overflow-y: auto
  8344.            }
  8345.  
  8346.            .menu-drawer__close-button {
  8347.                margin-top: 1.5rem;
  8348.                padding: 1.2rem 2.6rem 1.2rem 3rem;
  8349.                text-decoration: none;
  8350.                display: flex;
  8351.                align-items: center;
  8352.                font-size: 1.4rem;
  8353.                width: 100%;
  8354.                background-color: transparent;
  8355.                font-family: var(--font-body-family);
  8356.                font-style: var(--font-body-style);
  8357.                text-align: left
  8358.            }
  8359.  
  8360.            .no-js .menu-drawer__close-button {
  8361.                display: none
  8362.            }
  8363.  
  8364.            .menu-drawer__close-button .icon-arrow {
  8365.                transform: rotate(180deg);
  8366.                margin-right: 1rem
  8367.            }
  8368.  
  8369.            .menu-drawer__utility-links {
  8370.                padding: 0;
  8371.                background-color: rgba(var(--color-foreground), .03);
  8372.                position: relative
  8373.            }
  8374.  
  8375.            .header--has-social .menu-drawer__utility-links {
  8376.                padding: 2rem 3rem
  8377.            }
  8378.  
  8379.            @media screen and (max-width: 749px) {
  8380.                .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links {
  8381.                    padding: 2rem 3rem
  8382.                }
  8383.            }
  8384.  
  8385.            @media screen and (max-width: 989px) {
  8386.                .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links {
  8387.                    padding: 2rem 3rem
  8388.                }
  8389.            }
  8390.  
  8391.            .menu-drawer__account {
  8392.                display: inline-flex;
  8393.                align-items: center;
  8394.                text-decoration: none;
  8395.                padding: 1rem 0;
  8396.                font-size: 1.4rem;
  8397.                color: rgb(var(--color-foreground));
  8398.                margin-bottom: 0
  8399.            }
  8400.  
  8401.            .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account {
  8402.                margin: 0
  8403.            }
  8404.  
  8405.            .menu-drawer__account .icon-account {
  8406.                height: 2rem;
  8407.                width: 2rem;
  8408.                margin-right: 1rem
  8409.            }
  8410.  
  8411.            .menu-drawer__account:hover .icon-account {
  8412.                transform: scale(1.07)
  8413.            }
  8414.  
  8415.            .menu-drawer .list-social {
  8416.                justify-content: flex-start;
  8417.                margin-left: -1.25rem
  8418.            }
  8419.  
  8420.            .menu-drawer .list-social:empty {
  8421.                display: none
  8422.            }
  8423.  
  8424.            .menu-drawer .list-social__link {
  8425.                padding: 1.1rem
  8426.            }
  8427.        </style>
  8428.        <style>
  8429.            .cart-notification-wrapper {
  8430.                position: relative
  8431.            }
  8432.  
  8433.            .cart-notification-wrapper .cart-notification {
  8434.                display: block
  8435.            }
  8436.  
  8437.            .cart-notification {
  8438.                border-bottom-right-radius: var(--popup-corner-radius);
  8439.                border-bottom-left-radius: var(--popup-corner-radius);
  8440.                border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  8441.                border-style: solid;
  8442.                border-width: 0 0 var(--popup-border-width);
  8443.                padding: 2.5rem 3.5rem;
  8444.                position: absolute;
  8445.                right: 0;
  8446.                transform: translateY(-100%);
  8447.                visibility: hidden;
  8448.                width: 100%;
  8449.                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));
  8450.                z-index: -1
  8451.            }
  8452.  
  8453.            .cart-notification.focused {
  8454.                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))
  8455.            }
  8456.  
  8457.            .cart-notification:focus-visible {
  8458.                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))
  8459.            }
  8460.  
  8461.            @media screen and (min-width: 750px) {
  8462.                .header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification {
  8463.                    border-top-width: var(--popup-border-width)
  8464.                }
  8465.  
  8466.                .cart-notification {
  8467.                    border-width: 0 var(--popup-border-width) var(--popup-border-width);
  8468.                    max-width: 36.8rem;
  8469.                    right: 2.2rem
  8470.                }
  8471.            }
  8472.  
  8473.            @media screen and (min-width: 990px) {
  8474.                .cart-notification-wrapper:is(.page-width)>.cart-notification {
  8475.                    right: 4rem
  8476.                }
  8477.            }
  8478.  
  8479.            .cart-notification.animate {
  8480.                transition: transform var(--duration-short) ease, visibility 0s var(--duration-short) ease
  8481.            }
  8482.  
  8483.            .cart-notification.active {
  8484.                transform: translateY(0);
  8485.                transition: transform var(--duration-default) ease, visibility 0s;
  8486.                visibility: visible
  8487.            }
  8488.  
  8489.            .cart-notification__header {
  8490.                align-items: flex-start;
  8491.                display: flex
  8492.            }
  8493.  
  8494.            .cart-notification__heading {
  8495.                align-items: center;
  8496.                display: flex;
  8497.                flex-grow: 1;
  8498.                margin-bottom: 0;
  8499.                margin-top: 0
  8500.            }
  8501.  
  8502.            .cart-notification__heading .icon-checkmark {
  8503.                color: rgb(var(--color-foreground));
  8504.                margin-right: 1rem;
  8505.                width: 1.3rem
  8506.            }
  8507.  
  8508.            .cart-notification__close {
  8509.                margin-top: -2rem;
  8510.                margin-right: -3rem
  8511.            }
  8512.  
  8513.            .cart-notification__links {
  8514.                text-align: center
  8515.            }
  8516.  
  8517.            .cart-notification__links>* {
  8518.                margin-top: 1rem
  8519.            }
  8520.  
  8521.            .cart-notification-product {
  8522.                align-items: flex-start;
  8523.                display: flex;
  8524.                padding-bottom: 3rem;
  8525.                padding-top: 2rem
  8526.            }
  8527.  
  8528.            .cart-notification-product dl {
  8529.                margin-bottom: 0;
  8530.                margin-top: 0
  8531.            }
  8532.  
  8533.            .cart-notification-product__image {
  8534.                display: inline-flex;
  8535.                margin-right: 1.5rem;
  8536.                margin-top: .5rem
  8537.            }
  8538.  
  8539.            .cart-notification-product__image:after {
  8540.                content: none
  8541.            }
  8542.  
  8543.            .cart-notification-product__name {
  8544.                margin-bottom: .5rem;
  8545.                margin-top: 0
  8546.            }
  8547.        </style>
  8548.        <style>
  8549.            cart-items .title-wrapper-with-link {
  8550.                margin-top: 0
  8551.            }
  8552.  
  8553.            .cart-items td,
  8554.            .cart-items th {
  8555.                padding: 0;
  8556.                border: none
  8557.            }
  8558.  
  8559.            .cart-items th {
  8560.                text-align: left;
  8561.                padding-bottom: 1.8rem;
  8562.                opacity: .85;
  8563.                font-weight: 400
  8564.            }
  8565.  
  8566.            .cart-item__quantity-wrapper {
  8567.                display: flex
  8568.            }
  8569.  
  8570.            .cart-item__totals {
  8571.                position: relative
  8572.            }
  8573.  
  8574.            .cart-items *.right {
  8575.                text-align: right
  8576.            }
  8577.  
  8578.            .cart-item__image-container {
  8579.                display: inline-flex;
  8580.                align-items: flex-start
  8581.            }
  8582.  
  8583.            .cart-item__image-container:after {
  8584.                content: none
  8585.            }
  8586.  
  8587.            .cart-item__image {
  8588.                height: auto;
  8589.                max-width: calc(10rem / var(--font-body-scale))
  8590.            }
  8591.  
  8592.            @media screen and (min-width: 750px) {
  8593.                .cart-item__image {
  8594.                    max-width: 100%
  8595.                }
  8596.            }
  8597.  
  8598.            .cart-item__details {
  8599.                font-size: 1.6rem;
  8600.                line-height: calc(1 + .4 / var(--font-body-scale))
  8601.            }
  8602.  
  8603.            .cart-item__details>* {
  8604.                margin: 0;
  8605.                max-width: 30rem
  8606.            }
  8607.  
  8608.            .cart-item__details>*+* {
  8609.                margin-top: .6rem
  8610.            }
  8611.  
  8612.            .cart-item__media {
  8613.                position: relative
  8614.            }
  8615.  
  8616.            .cart-item__link {
  8617.                display: block;
  8618.                bottom: 0;
  8619.                left: 0;
  8620.                position: absolute;
  8621.                right: 0;
  8622.                top: 0;
  8623.                width: 100%;
  8624.                height: 100%
  8625.            }
  8626.  
  8627.            .cart-item__name {
  8628.                text-decoration: none;
  8629.                display: block
  8630.            }
  8631.  
  8632.            .cart-item__name:hover {
  8633.                text-decoration: underline;
  8634.                text-underline-offset: .3rem;
  8635.                text-decoration-thickness: .2rem
  8636.            }
  8637.  
  8638.            .cart-item__price-wrapper>* {
  8639.                display: block;
  8640.                margin: 0;
  8641.                padding: 0
  8642.            }
  8643.  
  8644.            .cart-item__discounted-prices dd {
  8645.                margin: 0
  8646.            }
  8647.  
  8648.            .cart-item__discounted-prices .cart-item__old-price {
  8649.                font-size: 1.4rem
  8650.            }
  8651.  
  8652.            .cart-item__old-price {
  8653.                opacity: .7
  8654.            }
  8655.  
  8656.            .cart-item__final-price {
  8657.                font-weight: 400
  8658.            }
  8659.  
  8660.            .product-option {
  8661.                font-size: 1.4rem;
  8662.                word-break: break-word;
  8663.                line-height: calc(1 + .5 / var(--font-body-scale))
  8664.            }
  8665.  
  8666.            .cart-item cart-remove-button {
  8667.                display: flex;
  8668.                margin-left: 1rem
  8669.            }
  8670.  
  8671.            @media screen and (min-width: 750px) and (max-width: 989px) {
  8672.                .cart-item cart-remove-button {
  8673.                    width: 4.5rem;
  8674.                    height: 4.5rem
  8675.                }
  8676.            }
  8677.  
  8678.            cart-remove-button .button {
  8679.                min-width: calc(4.5rem / var(--font-body-scale));
  8680.                min-height: 4.5rem;
  8681.                padding: 0;
  8682.                margin: 0 .1rem .1rem 0
  8683.            }
  8684.  
  8685.            cart-remove-button .button:before,
  8686.            cart-remove-button .button:after {
  8687.                content: none
  8688.            }
  8689.  
  8690.            cart-remove-button .button:not([disabled]):hover {
  8691.                color: rgb(var(--color-foreground))
  8692.            }
  8693.  
  8694.            @media screen and (min-width: 750px) {
  8695.                cart-remove-button .button {
  8696.                    min-width: 3.5rem;
  8697.                    min-height: 3.5rem
  8698.                }
  8699.            }
  8700.  
  8701.            cart-remove-button .icon-remove {
  8702.                height: 1.5rem;
  8703.                width: 1.5rem
  8704.            }
  8705.  
  8706.            .cart-item .loading__spinner {
  8707.                top: 0;
  8708.                left: auto;
  8709.                right: auto;
  8710.                bottom: 0;
  8711.                padding: 0
  8712.            }
  8713.  
  8714.            @media screen and (min-width: 750px) {
  8715.                .cart-item .loading__spinner {
  8716.                    right: 0;
  8717.                    padding-top: 4.5rem;
  8718.                    bottom: auto
  8719.                }
  8720.            }
  8721.  
  8722.            .cart-item .loading__spinner:not(.hidden)~* {
  8723.                visibility: hidden
  8724.            }
  8725.  
  8726.            .cart-item__error {
  8727.                display: flex;
  8728.                align-items: flex-start;
  8729.                margin-top: .2rem;
  8730.                width: min-content;
  8731.                min-width: 100%
  8732.            }
  8733.  
  8734.            .cart-item__error-text {
  8735.                font-size: 1.2rem;
  8736.                line-height: calc(1 + .2 / var(--font-body-scale));
  8737.                order: 1
  8738.            }
  8739.  
  8740.            .cart-item__error-text+svg {
  8741.                flex-shrink: 0;
  8742.                width: 1.2rem;
  8743.                margin-right: .5rem;
  8744.                margin-top: .1rem
  8745.            }
  8746.  
  8747.            .cart-item__error-text:empty+svg {
  8748.                display: none
  8749.            }
  8750.  
  8751.            .product-option+.product-option {
  8752.                margin-top: .4rem
  8753.            }
  8754.  
  8755.            .product-option * {
  8756.                display: inline;
  8757.                margin: 0
  8758.            }
  8759.  
  8760.            .cart-items thead th {
  8761.                text-transform: uppercase
  8762.            }
  8763.  
  8764.            @media screen and (max-width: 749px) {
  8765.  
  8766.                .cart-items,
  8767.                .cart-items thead,
  8768.                .cart-items tbody {
  8769.                    display: block;
  8770.                    width: 100%
  8771.                }
  8772.  
  8773.                .cart-items thead tr {
  8774.                    display: flex;
  8775.                    justify-content: space-between;
  8776.                    border-bottom: .1rem solid rgba(var(--color-foreground), .2);
  8777.                    margin-bottom: 4rem
  8778.                }
  8779.  
  8780.                .cart-item {
  8781.                    display: grid;
  8782.                    grid-template: repeat(2, auto) / repeat(4, 1fr);
  8783.                    gap: 1.5rem;
  8784.                    margin-bottom: 3.5rem
  8785.                }
  8786.  
  8787.                .cart-item:last-child {
  8788.                    margin-bottom: 0
  8789.                }
  8790.  
  8791.                .cart-item__media {
  8792.                    grid-row: 1 / 3
  8793.                }
  8794.  
  8795.                .cart-item__details {
  8796.                    grid-column: 2 / 4
  8797.                }
  8798.  
  8799.                .cart-item__quantity {
  8800.                    grid-column: 2 / 5
  8801.                }
  8802.  
  8803.                .cart-item__quantity-wrapper {
  8804.                    flex-wrap: wrap
  8805.                }
  8806.  
  8807.                .cart-item__totals {
  8808.                    display: flex;
  8809.                    align-items: flex-start;
  8810.                    justify-content: flex-end
  8811.                }
  8812.            }
  8813.  
  8814.            @media screen and (min-width: 750px) {
  8815.                .cart-items {
  8816.                    border-spacing: 0;
  8817.                    border-collapse: separate;
  8818.                    box-shadow: none;
  8819.                    width: 100%;
  8820.                    display: table
  8821.                }
  8822.  
  8823.                .cart-items th {
  8824.                    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  8825.                }
  8826.  
  8827.                .cart-items thead th:first-child {
  8828.                    width: 50%
  8829.                }
  8830.  
  8831.                .cart-items th+th {
  8832.                    padding-left: 4rem
  8833.                }
  8834.  
  8835.                .cart-items td {
  8836.                    vertical-align: top;
  8837.                    padding-top: 4rem
  8838.                }
  8839.  
  8840.                .cart-item {
  8841.                    display: table-row
  8842.                }
  8843.  
  8844.                .cart-item>td+td {
  8845.                    padding-left: 4rem
  8846.                }
  8847.  
  8848.                .cart-item__details {
  8849.                    width: 35rem
  8850.                }
  8851.  
  8852.                .cart-item__media {
  8853.                    width: 10rem
  8854.                }
  8855.  
  8856.                .cart-item cart-remove-button {
  8857.                    margin: .5rem 0 0 1.5rem
  8858.                }
  8859.  
  8860.                .cart-item__price-wrapper>*:only-child:not(.cart-item__discounted-prices) {
  8861.                    margin-top: 1rem
  8862.                }
  8863.  
  8864.                .cart-item__error {
  8865.                    margin-left: .3rem
  8866.                }
  8867.            }
  8868.  
  8869.            @media screen and (min-width: 990px) {
  8870.  
  8871.                .cart-item .cart-item__quantity,
  8872.                .cart-items .cart-items__heading--wide {
  8873.                    padding-left: 6rem
  8874.                }
  8875.  
  8876.                .cart-item__details {
  8877.                    width: 50rem
  8878.                }
  8879.  
  8880.                .cart-items thead th:first-child {
  8881.                    width: 60%
  8882.                }
  8883.            }
  8884.  
  8885.            @media screen and (min-width: 750px) {
  8886.  
  8887.                .cart-items .cart-items__heading--quantity,
  8888.                .cart-item .cart-item__quantity,
  8889.                .cart-item__quantity--info quantity-popover>*,
  8890.                .no-js .cart-item .cart-item__quantity--info {
  8891.                    padding-left: 5rem
  8892.                }
  8893.  
  8894.                .cart-item .cart-item__quantity--info,
  8895.                .cart-item__quantity--info .cart-item__quantity-wrapper,
  8896.                .cart-item__quantity--info .cart-items__info {
  8897.                    padding-left: 0
  8898.                }
  8899.            }
  8900.  
  8901.            @media screen and (min-width: 749px) and (max-width: 990px) {
  8902.                .cart-items .quantity-popover__info-button {
  8903.                    padding-left: 1.5rem
  8904.                }
  8905.            }
  8906.        </style>
  8907.        <style>
  8908.            .price {
  8909.                font-size: 1.6rem;
  8910.                letter-spacing: .1rem;
  8911.                line-height: calc(1 + .5 / var(--font-body-scale));
  8912.                color: rgb(var(--color-foreground))
  8913.            }
  8914.  
  8915.            .price>* {
  8916.                display: inline-block;
  8917.                vertical-align: top
  8918.            }
  8919.  
  8920.            .price.price--unavailable {
  8921.                visibility: hidden
  8922.            }
  8923.  
  8924.            .price--end {
  8925.                text-align: right
  8926.            }
  8927.  
  8928.            .price .price-item {
  8929.                display: inline-block;
  8930.                margin: 0 1rem 0 0
  8931.            }
  8932.  
  8933.            .price__regular .price-item--regular {
  8934.                margin-right: 0
  8935.            }
  8936.  
  8937.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  8938.                margin: 0
  8939.            }
  8940.  
  8941.            @media screen and (min-width: 750px) {
  8942.                .price {
  8943.                    margin-bottom: 0
  8944.                }
  8945.            }
  8946.  
  8947.            .price--large {
  8948.                font-size: 1.6rem;
  8949.                line-height: calc(1 + .5 / var(--font-body-scale));
  8950.                letter-spacing: .13rem
  8951.            }
  8952.  
  8953.            @media screen and (min-width: 750px) {
  8954.                .price--large {
  8955.                    font-size: 1.8rem
  8956.                }
  8957.            }
  8958.  
  8959.            .price--sold-out .price__availability,
  8960.            .price__regular {
  8961.                display: block
  8962.            }
  8963.  
  8964.            .price__sale,
  8965.            .price__availability,
  8966.            .price .price__badge-sale,
  8967.            .price .price__badge-sold-out,
  8968.            .price--on-sale .price__regular,
  8969.            .price--on-sale .price__availability {
  8970.                display: none
  8971.            }
  8972.  
  8973.            .price--sold-out .price__badge-sold-out,
  8974.            .price--on-sale .price__badge-sale,
  8975.            .volume-pricing--sale-badge .price__badge-sale {
  8976.                display: inline-block
  8977.            }
  8978.  
  8979.            .volume-pricing--sale-badge .price__badge-sale {
  8980.                margin-left: .5rem
  8981.            }
  8982.  
  8983.            .price--on-sale .price__sale {
  8984.                display: initial;
  8985.                flex-direction: row;
  8986.                flex-wrap: wrap
  8987.            }
  8988.  
  8989.            .price--center {
  8990.                display: initial;
  8991.                justify-content: center
  8992.            }
  8993.  
  8994.            .price--on-sale .price-item--regular {
  8995.                text-decoration: line-through;
  8996.                color: rgba(var(--color-foreground), .75);
  8997.                font-size: 1.3rem
  8998.            }
  8999.  
  9000.            .unit-price {
  9001.                display: block;
  9002.                font-size: 1.1rem;
  9003.                letter-spacing: .04rem;
  9004.                line-height: calc(1 + .2 / var(--font-body-scale));
  9005.                margin-top: .2rem;
  9006.                text-transform: uppercase;
  9007.                color: rgba(var(--color-foreground), .7)
  9008.            }
  9009.        </style>
  9010.        <style>
  9011.            .drawer {
  9012.                position: fixed;
  9013.                z-index: 1000;
  9014.                left: 0;
  9015.                top: 0;
  9016.                width: 100vw;
  9017.                height: 100%;
  9018.                display: flex;
  9019.                justify-content: flex-end;
  9020.                background-color: rgba(var(--color-foreground), .5);
  9021.                transition: visibility var(--duration-default) ease
  9022.            }
  9023.  
  9024.            .drawer.active {
  9025.                visibility: visible
  9026.            }
  9027.  
  9028.            .drawer__inner {
  9029.                height: 100%;
  9030.                width: 40rem;
  9031.                max-width: calc(100vw - 3rem);
  9032.                padding: 0 1.5rem;
  9033.                border: .1rem solid rgba(var(--color-foreground), .2);
  9034.                border-right: 0;
  9035.                overflow: hidden;
  9036.                display: flex;
  9037.                flex-direction: column;
  9038.                transform: translate(100%);
  9039.                transition: transform var(--duration-default) ease
  9040.            }
  9041.  
  9042.            .drawer__inner-empty {
  9043.                height: 100%;
  9044.                padding: 0 1.5rem;
  9045.                overflow: hidden;
  9046.                display: flex;
  9047.                flex-direction: column
  9048.            }
  9049.  
  9050.            .cart-drawer__warnings {
  9051.                display: flex;
  9052.                flex-direction: column;
  9053.                flex: 1;
  9054.                justify-content: center
  9055.            }
  9056.  
  9057.            cart-drawer.is-empty .drawer__inner {
  9058.                display: grid;
  9059.                grid-template-rows: 1fr;
  9060.                align-items: center;
  9061.                padding: 0
  9062.            }
  9063.  
  9064.            cart-drawer.is-empty .drawer__header {
  9065.                display: none
  9066.            }
  9067.  
  9068.            cart-drawer:not(.is-empty) .cart-drawer__warnings,
  9069.            cart-drawer:not(.is-empty) .cart-drawer__collection {
  9070.                display: none
  9071.            }
  9072.  
  9073.            .cart-drawer__warnings--has-collection .cart__login-title {
  9074.                margin-top: 2.5rem
  9075.            }
  9076.  
  9077.            .drawer.active .drawer__inner {
  9078.                transform: translate(0)
  9079.            }
  9080.  
  9081.            .drawer__header {
  9082.                position: relative;
  9083.                padding: 1.5rem 0;
  9084.                display: flex;
  9085.                justify-content: space-between;
  9086.                align-items: center
  9087.            }
  9088.  
  9089.            .drawer__heading {
  9090.                margin: 0 0 1rem
  9091.            }
  9092.  
  9093.            .drawer__close {
  9094.                display: inline-block;
  9095.                padding: 0;
  9096.                min-width: 4.4rem;
  9097.                min-height: 4.4rem;
  9098.                box-shadow: 0 0 0 .2rem rgba(var(--color-button), 0);
  9099.                position: absolute;
  9100.                top: 10px;
  9101.                right: -10px;
  9102.                color: rgb(var(--color-foreground));
  9103.                background-color: transparent;
  9104.                border: none;
  9105.                cursor: pointer
  9106.            }
  9107.  
  9108.            .cart-drawer__warnings .drawer__close {
  9109.                right: 5px
  9110.            }
  9111.  
  9112.            .drawer__close svg {
  9113.                height: 2.4rem;
  9114.                width: 2.4rem
  9115.            }
  9116.  
  9117.            .drawer__contents {
  9118.                flex-grow: 1;
  9119.                display: flex;
  9120.                flex-direction: column
  9121.            }
  9122.  
  9123.            .drawer__footer {
  9124.                border-top: .1rem solid rgba(var(--color-foreground), .2);
  9125.                padding: 1.5rem 0
  9126.            }
  9127.  
  9128.            cart-drawer-items.is-empty+.drawer__footer {
  9129.                display: none
  9130.            }
  9131.  
  9132.            .drawer__footer>details {
  9133.                margin-top: -1.5rem;
  9134.                border-bottom: .1rem solid rgba(var(--color-foreground), .2)
  9135.            }
  9136.  
  9137.            .drawer__footer>details[open] {
  9138.                padding-bottom: 1.5rem
  9139.            }
  9140.  
  9141.            .drawer__footer summary {
  9142.                display: flex;
  9143.                position: relative;
  9144.                line-height: 1;
  9145.                padding: 1.5rem 0
  9146.            }
  9147.  
  9148.            .drawer__footer>details+.cart-drawer__footer {
  9149.                padding-top: 1.5rem
  9150.            }
  9151.  
  9152.            cart-drawer {
  9153.                position: fixed;
  9154.                top: 0;
  9155.                left: 0;
  9156.                width: 100vw;
  9157.                height: 100%
  9158.            }
  9159.  
  9160.            .cart-drawer__overlay {
  9161.                position: fixed;
  9162.                top: 0;
  9163.                right: 0;
  9164.                bottom: 0;
  9165.                left: 0
  9166.            }
  9167.  
  9168.            .cart-drawer__overlay:empty {
  9169.                display: block
  9170.            }
  9171.  
  9172.            .cart-drawer__form {
  9173.                flex-grow: 1;
  9174.                display: flex;
  9175.                flex-wrap: wrap
  9176.            }
  9177.  
  9178.            .cart-drawer__collection {
  9179.                margin: 0 2.5rem 1.5rem
  9180.            }
  9181.  
  9182.            .cart-drawer .drawer__cart-items-wrapper {
  9183.                flex-grow: 1
  9184.            }
  9185.  
  9186.            .cart-drawer .cart-items,
  9187.            .cart-drawer tbody {
  9188.                display: block;
  9189.                width: 100%
  9190.            }
  9191.  
  9192.            .cart-drawer thead {
  9193.                display: inline-table;
  9194.                width: 100%;
  9195.                position: sticky;
  9196.                top: 0;
  9197.                z-index: 2
  9198.            }
  9199.  
  9200.            cart-drawer-items {
  9201.                overflow: auto;
  9202.                flex: 1
  9203.            }
  9204.  
  9205.            @media screen and (max-height: 650px) {
  9206.                cart-drawer-items {
  9207.                    overflow: visible
  9208.                }
  9209.  
  9210.                .drawer__inner {
  9211.                    overflow: scroll
  9212.                }
  9213.            }
  9214.  
  9215.            .cart-drawer .cart-item {
  9216.                display: grid;
  9217.                grid-template: repeat(2, auto) / repeat(4, 1fr);
  9218.                gap: 1.5rem;
  9219.                margin-bottom: 0
  9220.            }
  9221.  
  9222.            .cart-drawer .cart-item:last-child {
  9223.                margin-bottom: 1rem
  9224.            }
  9225.  
  9226.            .cart-drawer .cart-item__media {
  9227.                grid-row: 1 / 3
  9228.            }
  9229.  
  9230.            .cart-drawer .cart-item__image {
  9231.                max-width: 100%
  9232.            }
  9233.  
  9234.            .cart-drawer .cart-items thead {
  9235.                margin-bottom: .5rem
  9236.            }
  9237.  
  9238.            .cart-drawer .cart-items thead th:first-child,
  9239.            .cart-drawer .cart-items thead th:last-child {
  9240.                width: 0;
  9241.                padding: 0
  9242.            }
  9243.  
  9244.            .cart-drawer .cart-items thead th:nth-child(2) {
  9245.                width: 50%;
  9246.                padding-left: 0
  9247.            }
  9248.  
  9249.            .cart-drawer .cart-items thead tr {
  9250.                display: table-row;
  9251.                margin-bottom: 0
  9252.            }
  9253.  
  9254.            .cart-drawer .cart-items th {
  9255.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9256.            }
  9257.  
  9258.            .cart-drawer .cart-item:last-child {
  9259.                margin-bottom: 1.5rem
  9260.            }
  9261.  
  9262.            .cart-drawer .cart-item .loading__spinner {
  9263.                right: 5px;
  9264.                padding-top: 2.5rem
  9265.            }
  9266.  
  9267.            .cart-drawer .cart-items td {
  9268.                padding-top: 2rem
  9269.            }
  9270.  
  9271.            .cart-drawer .cart-item>td+td {
  9272.                padding-left: 1rem
  9273.            }
  9274.  
  9275.            .cart-drawer .cart-item__details {
  9276.                width: auto;
  9277.                grid-column: 2 / 4
  9278.            }
  9279.  
  9280.            .cart-drawer .cart-item__totals {
  9281.                pointer-events: none;
  9282.                display: flex;
  9283.                align-items: flex-start;
  9284.                justify-content: flex-end
  9285.            }
  9286.  
  9287.            .cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
  9288.                margin-top: 0
  9289.            }
  9290.  
  9291.            .cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  9292.                display: flex;
  9293.                flex-direction: column;
  9294.                gap: .6rem
  9295.            }
  9296.  
  9297.            .cart-drawer .unit-price {
  9298.                margin-top: .6rem
  9299.            }
  9300.  
  9301.            .cart-drawer .cart-items .cart-item__quantity {
  9302.                padding-top: 0;
  9303.                grid-column: 2 / 5
  9304.            }
  9305.  
  9306.            @media screen and (max-width: 749px) {
  9307.                .cart-drawer .cart-item cart-remove-button {
  9308.                    margin-left: 0
  9309.                }
  9310.            }
  9311.  
  9312.            .cart-drawer__footer>*+* {
  9313.                margin-top: 1rem
  9314.            }
  9315.  
  9316.            .cart-drawer .totals {
  9317.                justify-content: space-between
  9318.            }
  9319.  
  9320.            .cart-drawer .price {
  9321.                line-height: 1
  9322.            }
  9323.  
  9324.            .cart-drawer .tax-note {
  9325.                margin: 1.2rem 0 1rem auto;
  9326.                text-align: left
  9327.            }
  9328.  
  9329.            .cart-drawer .product-option dd {
  9330.                word-break: break-word
  9331.            }
  9332.  
  9333.            .cart-drawer details[open]>summary .icon-caret {
  9334.                transform: rotate(180deg)
  9335.            }
  9336.  
  9337.            .cart-drawer .cart__checkout-button {
  9338.                max-width: none
  9339.            }
  9340.  
  9341.            .drawer__footer .cart__dynamic-checkout-buttons {
  9342.                max-width: 100%
  9343.            }
  9344.  
  9345.            .drawer__footer #dynamic-checkout-cart ul {
  9346.                flex-wrap: wrap !important;
  9347.                flex-direction: row !important;
  9348.                margin: .5rem -.5rem 0 0 !important;
  9349.                gap: .5rem
  9350.            }
  9351.  
  9352.            .drawer__footer [data-shopify-buttoncontainer] {
  9353.                justify-content: flex-start
  9354.            }
  9355.  
  9356.            .drawer__footer #dynamic-checkout-cart ul>li {
  9357.                flex-basis: calc(50% - .5rem) !important;
  9358.                margin: 0 !important
  9359.            }
  9360.  
  9361.            .drawer__footer #dynamic-checkout-cart ul>li:only-child {
  9362.                flex-basis: 100% !important;
  9363.                margin-right: .5rem !important
  9364.            }
  9365.  
  9366.            @media screen and (min-width: 750px) {
  9367.                .drawer__footer #dynamic-checkout-cart ul>li {
  9368.                    flex-basis: calc(100% / 3 - .5rem) !important;
  9369.                    margin: 0 !important
  9370.                }
  9371.  
  9372.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),
  9373.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,
  9374.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),
  9375.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li {
  9376.                    flex-basis: calc(50% - .5rem) !important
  9377.                }
  9378.            }
  9379.  
  9380.            cart-drawer-items::-webkit-scrollbar {
  9381.                width: 3px
  9382.            }
  9383.  
  9384.            cart-drawer-items::-webkit-scrollbar-thumb {
  9385.                background-color: rgba(var(--color-foreground), .7);
  9386.                border-radius: 100px
  9387.            }
  9388.  
  9389.            cart-drawer-items::-webkit-scrollbar-track-piece {
  9390.                margin-top: 31px
  9391.            }
  9392.  
  9393.            .cart-drawer .quantity-popover-container {
  9394.                padding: 0
  9395.            }
  9396.  
  9397.            .cart-drawer .quantity-popover__info.global-settings-popup {
  9398.                transform: translateY(0);
  9399.                right: 0
  9400.            }
  9401.  
  9402.            .cart-drawer .cart-item__error {
  9403.                margin-top: .8rem
  9404.            }
  9405.  
  9406.            .cart-drawer .quantity-popover__info+.cart-item__error {
  9407.                margin-top: .2rem
  9408.            }
  9409.  
  9410.            @media screen and (min-width: 750px) {
  9411.                .cart-drawer .cart-item__quantity--info quantity-popover>* {
  9412.                    padding-left: 0
  9413.                }
  9414.  
  9415.                .cart-drawer .cart-item__error {
  9416.                    margin-left: 0
  9417.                }
  9418.            }
  9419.        </style>
  9420.        <style>
  9421.            .cart {
  9422.                position: relative;
  9423.                display: block
  9424.            }
  9425.  
  9426.            .cart__empty-text,
  9427.            .is-empty .cart__contents,
  9428.            cart-items.is-empty .title-wrapper-with-link,
  9429.            .is-empty .cart__footer {
  9430.                display: none
  9431.            }
  9432.  
  9433.            .is-empty .cart__empty-text,
  9434.            .is-empty .cart__warnings {
  9435.                display: block
  9436.            }
  9437.  
  9438.            .cart__warnings {
  9439.                display: none;
  9440.                text-align: center;
  9441.                padding: 3rem 0 1rem
  9442.            }
  9443.  
  9444.            .cart__empty-text {
  9445.                margin: 4.5rem 0 2rem
  9446.            }
  9447.  
  9448.            .cart__contents>*+* {
  9449.                margin-top: 2.5rem
  9450.            }
  9451.  
  9452.            .cart__login-title {
  9453.                margin: 5.5rem 0 .5rem
  9454.            }
  9455.  
  9456.            .cart__login-paragraph {
  9457.                margin-top: .8rem
  9458.            }
  9459.  
  9460.            .cart__login-paragraph a {
  9461.                font-size: inherit
  9462.            }
  9463.  
  9464.            @media screen and (min-width: 990px) {
  9465.                .cart__warnings {
  9466.                    padding: 7rem 0 1rem
  9467.                }
  9468.  
  9469.                .cart__empty-text {
  9470.                    margin: 0 0 3rem
  9471.                }
  9472.            }
  9473.  
  9474.            cart-items {
  9475.                display: block
  9476.            }
  9477.  
  9478.            .cart__items {
  9479.                position: relative;
  9480.                padding-bottom: 3rem;
  9481.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9482.            }
  9483.  
  9484.            .cart__items--disabled {
  9485.                pointer-events: none
  9486.            }
  9487.  
  9488.            .cart__footer-wrapper:last-child .cart__footer {
  9489.                padding-bottom: 5rem
  9490.            }
  9491.  
  9492.            .cart__footer>div:only-child {
  9493.                margin-left: auto
  9494.            }
  9495.  
  9496.            .cart__footer>*+* {
  9497.                margin-top: 6.5rem
  9498.            }
  9499.  
  9500.            .cart__footer .discounts {
  9501.                margin-bottom: 1rem
  9502.            }
  9503.  
  9504.            .cart__note {
  9505.                height: fit-content;
  9506.                top: 2.5rem
  9507.            }
  9508.  
  9509.            .cart__note label {
  9510.                display: flex;
  9511.                align-items: flex-end;
  9512.                position: absolute;
  9513.                line-height: 1;
  9514.                height: 1.8rem;
  9515.                top: -3rem;
  9516.                color: rgba(var(--color-foreground), .75)
  9517.            }
  9518.  
  9519.            .cart__note .field__input {
  9520.                height: 100%;
  9521.                position: relative;
  9522.                border-radius: var(--inputs-radius);
  9523.                padding: 1rem 2rem
  9524.            }
  9525.  
  9526.            .cart__note .text-area {
  9527.                resize: vertical
  9528.            }
  9529.  
  9530.            .cart__note:after,
  9531.            .cart__note:hover.cart__note:after,
  9532.            .cart__note:before,
  9533.            .cart__note:hover.cart__note:before,
  9534.            .cart__note .field__input:focus,
  9535.            .cart__note .field__input {
  9536.                border-bottom-right-radius: 0
  9537.            }
  9538.  
  9539.            @media screen and (min-width: 750px) {
  9540.                .cart__items {
  9541.                    grid-column-start: 1;
  9542.                    grid-column-end: 3;
  9543.                    padding-bottom: 4rem
  9544.                }
  9545.  
  9546.                .cart__contents>*+* {
  9547.                    margin-top: 0
  9548.                }
  9549.  
  9550.                .cart__items+.cart__footer {
  9551.                    grid-column: 2
  9552.                }
  9553.  
  9554.                .cart__footer {
  9555.                    display: flex;
  9556.                    justify-content: space-between;
  9557.                    border: 0
  9558.                }
  9559.  
  9560.                .cart__footer-wrapper:last-child {
  9561.                    padding-top: 0
  9562.                }
  9563.  
  9564.                .cart__footer>* {
  9565.                    width: 35rem
  9566.                }
  9567.  
  9568.                .cart__footer>*+* {
  9569.                    margin-left: 4rem;
  9570.                    margin-top: 0
  9571.                }
  9572.            }
  9573.  
  9574.            .cart__ctas button {
  9575.                width: 100%
  9576.            }
  9577.  
  9578.            .cart__ctas>*:not(noscript:first-child)+* {
  9579.                margin-top: 1rem
  9580.            }
  9581.  
  9582.            .cart__update-button {
  9583.                margin-bottom: 1rem
  9584.            }
  9585.  
  9586.            .cart__dynamic-checkout-buttons {
  9587.                max-width: 36rem;
  9588.                margin: 0 auto
  9589.            }
  9590.  
  9591.            .cart__dynamic-checkout-buttons:has(.dynamic-checkout__content:empty) {
  9592.                margin: 0
  9593.            }
  9594.  
  9595.            .cart__dynamic-checkout-buttons div[role=button] {
  9596.                border-radius: var(--buttons-radius-outset) !important
  9597.            }
  9598.  
  9599.            .cart__blocks>*+* {
  9600.                margin-top: 1rem
  9601.            }
  9602.  
  9603.            .cart-note__label {
  9604.                display: inline-block;
  9605.                margin-bottom: 1rem;
  9606.                line-height: calc(1 + 1 / var(--font-body-scale))
  9607.            }
  9608.  
  9609.            .tax-note {
  9610.                margin: 2.2rem 0 1.6rem auto;
  9611.                text-align: center;
  9612.                display: block
  9613.            }
  9614.  
  9615.            .cart__checkout-button {
  9616.                max-width: 36rem
  9617.            }
  9618.  
  9619.            .cart__ctas {
  9620.                text-align: center
  9621.            }
  9622.  
  9623.            @media screen and (min-width: 750px) {
  9624.                .cart-note {
  9625.                    max-width: 35rem
  9626.                }
  9627.  
  9628.                .cart__update-button {
  9629.                    margin-bottom: 0;
  9630.                    margin-right: .8rem
  9631.                }
  9632.  
  9633.                .tax-note {
  9634.                    margin-bottom: 2.2rem;
  9635.                    text-align: right
  9636.                }
  9637.  
  9638.                [data-shopify-buttoncontainer] {
  9639.                    justify-content: flex-end
  9640.                }
  9641.  
  9642.                .cart__ctas {
  9643.                    display: flex;
  9644.                    gap: 1rem
  9645.                }
  9646.            }
  9647.        </style>
  9648.        <style>
  9649.            .totals {
  9650.                display: flex;
  9651.                justify-content: center;
  9652.                align-items: flex-end
  9653.            }
  9654.  
  9655.            .totals>* {
  9656.                font-size: 1.6rem;
  9657.                margin: 0
  9658.            }
  9659.  
  9660.            .totals>h2 {
  9661.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  9662.            }
  9663.  
  9664.            .totals * {
  9665.                line-height: 1
  9666.            }
  9667.  
  9668.            .totals>*+* {
  9669.                margin-left: 2rem
  9670.            }
  9671.  
  9672.            .totals__total {
  9673.                margin-top: .5rem
  9674.            }
  9675.  
  9676.            .totals__total-value {
  9677.                font-size: 1.8rem
  9678.            }
  9679.  
  9680.            .cart__ctas+.totals {
  9681.                margin-top: 2rem
  9682.            }
  9683.  
  9684.            @media all and (min-width: 750px) {
  9685.                .totals {
  9686.                    justify-content: flex-end
  9687.                }
  9688.            }
  9689.        </style>
  9690.        <style>
  9691.            .price {
  9692.                font-size: 1.6rem;
  9693.                letter-spacing: .1rem;
  9694.                line-height: calc(1 + .5 / var(--font-body-scale));
  9695.                color: rgb(var(--color-foreground))
  9696.            }
  9697.  
  9698.            .price>* {
  9699.                display: inline-block;
  9700.                vertical-align: top
  9701.            }
  9702.  
  9703.            .price.price--unavailable {
  9704.                visibility: hidden
  9705.            }
  9706.  
  9707.            .price--end {
  9708.                text-align: right
  9709.            }
  9710.  
  9711.            .price .price-item {
  9712.                display: inline-block;
  9713.                margin: 0 1rem 0 0
  9714.            }
  9715.  
  9716.            .price__regular .price-item--regular {
  9717.                margin-right: 0
  9718.            }
  9719.  
  9720.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  9721.                margin: 0
  9722.            }
  9723.  
  9724.            @media screen and (min-width: 750px) {
  9725.                .price {
  9726.                    margin-bottom: 0
  9727.                }
  9728.            }
  9729.  
  9730.            .price--large {
  9731.                font-size: 1.6rem;
  9732.                line-height: calc(1 + .5 / var(--font-body-scale));
  9733.                letter-spacing: .13rem
  9734.            }
  9735.  
  9736.            @media screen and (min-width: 750px) {
  9737.                .price--large {
  9738.                    font-size: 1.8rem
  9739.                }
  9740.            }
  9741.  
  9742.            .price--sold-out .price__availability,
  9743.            .price__regular {
  9744.                display: block
  9745.            }
  9746.  
  9747.            .price__sale,
  9748.            .price__availability,
  9749.            .price .price__badge-sale,
  9750.            .price .price__badge-sold-out,
  9751.            .price--on-sale .price__regular,
  9752.            .price--on-sale .price__availability {
  9753.                display: none
  9754.            }
  9755.  
  9756.            .price--sold-out .price__badge-sold-out,
  9757.            .price--on-sale .price__badge-sale,
  9758.            .volume-pricing--sale-badge .price__badge-sale {
  9759.                display: inline-block
  9760.            }
  9761.  
  9762.            .volume-pricing--sale-badge .price__badge-sale {
  9763.                margin-left: .5rem
  9764.            }
  9765.  
  9766.            .price--on-sale .price__sale {
  9767.                display: initial;
  9768.                flex-direction: row;
  9769.                flex-wrap: wrap
  9770.            }
  9771.  
  9772.            .price--center {
  9773.                display: initial;
  9774.                justify-content: center
  9775.            }
  9776.  
  9777.            .price--on-sale .price-item--regular {
  9778.                text-decoration: line-through;
  9779.                color: rgba(var(--color-foreground), .75);
  9780.                font-size: 1.3rem
  9781.            }
  9782.  
  9783.            .unit-price {
  9784.                display: block;
  9785.                font-size: 1.1rem;
  9786.                letter-spacing: .04rem;
  9787.                line-height: calc(1 + .2 / var(--font-body-scale));
  9788.                margin-top: .2rem;
  9789.                text-transform: uppercase;
  9790.                color: rgba(var(--color-foreground), .7)
  9791.            }
  9792.        </style>
  9793.        <style>
  9794.            .discounts {
  9795.                font-size: 1.2rem;
  9796.            }
  9797.  
  9798.            .discounts__discount {
  9799.                display: flex;
  9800.                align-items: center;
  9801.                line-height: calc(1 + 0.5 / var(--font-body-scale));
  9802.            }
  9803.  
  9804.            .discounts__discount svg {
  9805.                color: rgba(var(--color-button), var(--alpha-button-background));
  9806.            }
  9807.  
  9808.            .discounts__discount--position {
  9809.                justify-content: center;
  9810.            }
  9811.  
  9812.            @media screen and (min-width: 750px) {
  9813.                .discounts__discount--position {
  9814.                    justify-content: flex-end;
  9815.                }
  9816.            }
  9817.  
  9818.            .discounts__discount>.icon {
  9819.                color: rgb(var(--color-foreground));
  9820.                width: 1.2rem;
  9821.                height: 1.2rem;
  9822.                margin-right: 0.7rem;
  9823.            }
  9824.        </style>
  9825.        <style>
  9826.            p img {
  9827.                width: 100%;
  9828.            }
  9829.  
  9830.            header-drawer {
  9831.                justify-self: start;
  9832.                margin-left: -1.2rem;
  9833.            }
  9834.  
  9835.            @media screen and (min-width: 990px) {
  9836.                header-drawer {
  9837.                    display: none;
  9838.                }
  9839.            }
  9840.  
  9841.            .menu-drawer-container {
  9842.                display: flex;
  9843.            }
  9844.  
  9845.            .list-menu {
  9846.                list-style: none;
  9847.                padding: 0;
  9848.                margin: 0;
  9849.            }
  9850.  
  9851.            .list-menu--inline {
  9852.                display: inline-flex;
  9853.                flex-wrap: wrap;
  9854.            }
  9855.  
  9856.            summary.list-menu__item {
  9857.                padding-right: 2.7rem;
  9858.            }
  9859.  
  9860.            .list-menu__item {
  9861.                display: flex;
  9862.                align-items: center;
  9863.                line-height: calc(1 + 0.3 / var(--font-body-scale));
  9864.            }
  9865.  
  9866.            .list-menu__item--link {
  9867.                text-decoration: none;
  9868.                padding-bottom: 1rem;
  9869.                padding-top: 1rem;
  9870.                line-height: calc(1 + 0.8 / var(--font-body-scale));
  9871.            }
  9872.  
  9873.            @media screen and (min-width: 750px) {
  9874.                .list-menu__item--link {
  9875.                    padding-bottom: 0.5rem;
  9876.                    padding-top: 0.5rem;
  9877.                }
  9878.            }
  9879.        </style>
  9880.        <style data-shopify>
  9881.            .header {
  9882.                padding: 10px 3rem 10px 3rem;
  9883.            }
  9884.  
  9885.            .section-header {
  9886.                position: sticky;
  9887.                /* This is for fixing a Safari z-index issue. PR #2147 */
  9888.                margin-bottom: 0px;
  9889.            }
  9890.  
  9891.            @media screen and (min-width: 750px) {
  9892.                .section-header {
  9893.                    margin-bottom: 0px;
  9894.                }
  9895.            }
  9896.  
  9897.            @media screen and (min-width: 990px) {
  9898.                .header {
  9899.                    padding-top: 20px;
  9900.                    padding-bottom: 20px;
  9901.                }
  9902.            }
  9903.        </style>
  9904.        <script>
  9905.            /** Shopify CDN: Minification failed
  9906.        
  9907.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9908.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9909.        Line 23:12 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9910.        Line 29:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9911.        Line 39:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9912.        Line 47:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9913.        Line 48:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9914.        Line 53:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9915.        
  9916.        **/
  9917.            class DetailsDisclosure extends HTMLElement {
  9918.                constructor() {
  9919.                    super();
  9920.                    this.mainDetailsToggle = this.querySelector('details');
  9921.                    this.content = this.mainDetailsToggle.querySelector('summary').nextElementSibling;
  9922.  
  9923.                    this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  9924.                    this.mainDetailsToggle.addEventListener('toggle', this.onToggle.bind(this));
  9925.                }
  9926.  
  9927.                onFocusOut() {
  9928.                    setTimeout(() => {
  9929.                        if (!this.contains(document.activeElement)) this.close();
  9930.                    });
  9931.                }
  9932.  
  9933.                onToggle() {
  9934.                    if (!this.animations) this.animations = this.content.getAnimations();
  9935.  
  9936.                    if (this.mainDetailsToggle.hasAttribute('open')) {
  9937.                        this.animations.forEach((animation) => animation.play());
  9938.                    } else {
  9939.                        this.animations.forEach((animation) => animation.cancel());
  9940.                    }
  9941.                }
  9942.  
  9943.                close() {
  9944.                    this.mainDetailsToggle.removeAttribute('open');
  9945.                    this.mainDetailsToggle.querySelector('summary').setAttribute('aria-expanded', false);
  9946.                }
  9947.            }
  9948.  
  9949.            customElements.define('details-disclosure', DetailsDisclosure);
  9950.  
  9951.            class HeaderMenu extends DetailsDisclosure {
  9952.                constructor() {
  9953.                    super();
  9954.                    this.header = document.querySelector('.header-wrapper');
  9955.                }
  9956.  
  9957.                onToggle() {
  9958.                    if (!this.header) return;
  9959.                    this.header.preventHide = this.mainDetailsToggle.open;
  9960.  
  9961.                    if (document.documentElement.style.getPropertyValue('--header-bottom-position-desktop') !== '') return;
  9962.                    document.documentElement.style.setProperty(
  9963.                        '--header-bottom-position-desktop',
  9964.                        `${Math.floor(this.header.getBoundingClientRect().bottom)}px`
  9965.                    );
  9966.                }
  9967.            }
  9968.  
  9969.            customElements.define('header-menu', HeaderMenu);
  9970.        </script>
  9971.        <script>
  9972.            /** Shopify CDN: Minification failed
  9973.        
  9974.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9975.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9976.        Line 26:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9977.        Line 30:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9978.        Line 35:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9979.        Line 39:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9980.        Line 51:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9981.        Line 51:20 Transforming default arguments to the configured target environment ("es5") is not supported yet
  9982.        
  9983.        **/
  9984.            class DetailsModal extends HTMLElement {
  9985.                constructor() {
  9986.                    super();
  9987.                    this.detailsContainer = this.querySelector('details');
  9988.                    this.summaryToggle = this.querySelector('summary');
  9989.  
  9990.                    this.detailsContainer.addEventListener('keyup', (event) => event.code.toUpperCase() === 'ESCAPE' && this.close());
  9991.                    this.summaryToggle.addEventListener('click', this.onSummaryClick.bind(this));
  9992.                    this.querySelector('button[type="button"]').addEventListener('click', this.close.bind(this));
  9993.  
  9994.                    this.summaryToggle.setAttribute('role', 'button');
  9995.                }
  9996.  
  9997.                isOpen() {
  9998.                    return this.detailsContainer.hasAttribute('open');
  9999.                }
  10000.  
  10001.                onSummaryClick(event) {
  10002.                    event.preventDefault();
  10003.                    event.target.closest('details').hasAttribute('open') ? this.close() : this.open(event);
  10004.                }
  10005.  
  10006.                onBodyClick(event) {
  10007.                    if (!this.contains(event.target) || event.target.classList.contains('modal-overlay')) this.close(false);
  10008.                }
  10009.  
  10010.                open(event) {
  10011.                    this.onBodyClickEvent = this.onBodyClickEvent || this.onBodyClick.bind(this);
  10012.                    event.target.closest('details').setAttribute('open', true);
  10013.                    document.body.addEventListener('click', this.onBodyClickEvent);
  10014.                    document.body.classList.add('overflow-hidden');
  10015.  
  10016.                    trapFocus(
  10017.                        this.detailsContainer.querySelector('[tabindex="-1"]'),
  10018.                        this.detailsContainer.querySelector('input:not([type="hidden"])')
  10019.                    );
  10020.                }
  10021.  
  10022.                close(focusToggle = true) {
  10023.                    removeTrapFocus(focusToggle ? this.summaryToggle : null);
  10024.                    this.detailsContainer.removeAttribute('open');
  10025.                    document.body.removeEventListener('click', this.onBodyClickEvent);
  10026.                    document.body.classList.remove('overflow-hidden');
  10027.                }
  10028.            }
  10029.  
  10030.            customElements.define('details-modal', DetailsModal);
  10031.        </script>
  10032.        <script>
  10033.            /** Shopify CDN: Minification failed
  10034.        
  10035.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10036.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10037.        Line 30:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10038.        Line 45:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10039.        Line 52:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10040.        Line 65:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10041.        Line 80:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10042.        Line 80:37 Transforming default arguments to the configured target environment ("es5") is not supported yet
  10043.        Line 84:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10044.        Line 85:4 Transforming const to the configured target environment ("es5") is not supported yet
  10045.        ... and 2 more hidden warnings
  10046.        
  10047.        **/
  10048.            class CartNotification extends HTMLElement {
  10049.                constructor() {
  10050.                    super();
  10051.  
  10052.                    this.notification = document.getElementById('cart-notification');
  10053.                    this.header = document.querySelector('sticky-header');
  10054.                    this.onBodyClick = this.handleBodyClick.bind(this);
  10055.  
  10056.                    this.notification.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10057.                    this.querySelectorAll('button[type="button"]').forEach((closeButton) =>
  10058.                        closeButton.addEventListener('click', this.close.bind(this))
  10059.                    );
  10060.                }
  10061.  
  10062.                open() {
  10063.                    this.notification.classList.add('animate', 'active');
  10064.  
  10065.                    this.notification.addEventListener(
  10066.                        'transitionend',
  10067.                        () => {
  10068.                            this.notification.focus();
  10069.                            trapFocus(this.notification);
  10070.                        },
  10071.                        { once: true }
  10072.                    );
  10073.  
  10074.                    document.body.addEventListener('click', this.onBodyClick);
  10075.                }
  10076.  
  10077.                close() {
  10078.                    this.notification.classList.remove('active');
  10079.                    document.body.removeEventListener('click', this.onBodyClick);
  10080.  
  10081.                    removeTrapFocus(this.activeElement);
  10082.                }
  10083.  
  10084.                renderContents(parsedState) {
  10085.                    this.cartItemKey = parsedState.key;
  10086.                    this.getSectionsToRender().forEach((section) => {
  10087.                        document.getElementById(section.id).innerHTML = this.getSectionInnerHTML(
  10088.                            parsedState.sections[section.id],
  10089.                            section.selector
  10090.                        );
  10091.                    });
  10092.  
  10093.                    if (this.header) this.header.reveal();
  10094.                    this.open();
  10095.                }
  10096.  
  10097.                getSectionsToRender() {
  10098.                    return [
  10099.                        {
  10100.                            id: 'cart-notification-product',
  10101.                            selector: `[id="cart-notification-product-${this.cartItemKey}"]`,
  10102.                        },
  10103.                        {
  10104.                            id: 'cart-notification-button',
  10105.                        },
  10106.                        {
  10107.                            id: 'cart-icon-bubble',
  10108.                        },
  10109.                    ];
  10110.                }
  10111.  
  10112.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10113.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10114.                }
  10115.  
  10116.                handleBodyClick(evt) {
  10117.                    const target = evt.target;
  10118.                    if (target !== this.notification && !target.closest('cart-notification')) {
  10119.                        const disclosure = target.closest('details-disclosure, header-menu');
  10120.                        this.activeElement = disclosure ? disclosure.querySelector('summary') : null;
  10121.                        this.close();
  10122.                    }
  10123.                }
  10124.  
  10125.                setActiveElement(element) {
  10126.                    this.activeElement = element;
  10127.                }
  10128.            }
  10129.  
  10130.            customElements.define('cart-notification', CartNotification);
  10131.        </script>
  10132.        <script>
  10133.            /** Shopify CDN: Minification failed
  10134.        
  10135.        Line 12:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10136.        Line 13:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10137.        Line 29:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10138.        Line 30:4 Transforming const to the configured target environment ("es5") is not supported yet
  10139.        Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10140.        Line 42:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10141.        Line 46:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10142.        
  10143.        **/
  10144.            class SearchForm extends HTMLElement {
  10145.                constructor() {
  10146.                    super();
  10147.                    this.input = this.querySelector('input[type="search"]');
  10148.                    this.resetButton = this.querySelector('button[type="reset"]');
  10149.  
  10150.                    if (this.input) {
  10151.                        this.input.form.addEventListener('reset', this.onFormReset.bind(this));
  10152.                        this.input.addEventListener(
  10153.                            'input',
  10154.                            debounce((event) => {
  10155.                                this.onChange(event);
  10156.                            }, 300).bind(this)
  10157.                        );
  10158.                    }
  10159.                }
  10160.  
  10161.                toggleResetButton() {
  10162.                    const resetIsHidden = this.resetButton.classList.contains('hidden');
  10163.                    if (this.input.value.length > 0 && resetIsHidden) {
  10164.                        this.resetButton.classList.remove('hidden');
  10165.                    } else if (this.input.value.length === 0 && !resetIsHidden) {
  10166.                        this.resetButton.classList.add('hidden');
  10167.                    }
  10168.                }
  10169.  
  10170.                onChange() {
  10171.                    this.toggleResetButton();
  10172.                }
  10173.  
  10174.                shouldResetForm() {
  10175.                    return !document.querySelector('[aria-selected="true"] a');
  10176.                }
  10177.  
  10178.                onFormReset(event) {
  10179.                    // Prevent default so the form reset doesn't set the value gotten from the url on page load
  10180.                    event.preventDefault();
  10181.                    // Don't reset if the user has selected an element on the predictive search dropdown
  10182.                    if (this.shouldResetForm()) {
  10183.                        this.input.value = '';
  10184.                        this.input.focus();
  10185.                        this.toggleResetButton();
  10186.                    }
  10187.                }
  10188.            }
  10189.  
  10190.            customElements.define('search-form', SearchForm);
  10191.        </script>
  10192.        <script>
  10193.            /** Shopify CDN: Minification failed
  10194.        
  10195.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10196.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10197.        Line 25:32 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10198.        Line 26:4 Transforming const to the configured target environment ("es5") is not supported yet
  10199.        Line 41:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10200.        Line 43:4 Transforming const to the configured target environment ("es5") is not supported yet
  10201.        Line 53:8 Transforming const to the configured target environment ("es5") is not supported yet
  10202.        Line 56:8 Transforming const to the configured target environment ("es5") is not supported yet
  10203.        Line 65:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10204.        Line 71:25 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10205.        ... and 10 more hidden warnings
  10206.        
  10207.        **/
  10208.            class CartDrawer extends HTMLElement {
  10209.                constructor() {
  10210.                    super();
  10211.  
  10212.                    this.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10213.                    this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10214.                    this.setHeaderCartIconAccessibility();
  10215.                }
  10216.  
  10217.                setHeaderCartIconAccessibility() {
  10218.                    const cartLink = document.querySelector('#cart-icon-bubble');
  10219.                    cartLink.setAttribute('role', 'button');
  10220.                    cartLink.setAttribute('aria-haspopup', 'dialog');
  10221.                    cartLink.addEventListener('click', (event) => {
  10222.                        event.preventDefault();
  10223.                        this.open(cartLink);
  10224.                    });
  10225.                    cartLink.addEventListener('keydown', (event) => {
  10226.                        if (event.code.toUpperCase() === 'SPACE') {
  10227.                            event.preventDefault();
  10228.                            this.open(cartLink);
  10229.                        }
  10230.                    });
  10231.                }
  10232.  
  10233.                open(triggeredBy) {
  10234.                    if (triggeredBy) this.setActiveElement(triggeredBy);
  10235.                    const cartDrawerNote = this.querySelector('[id^="Details-"] summary');
  10236.                    if (cartDrawerNote && !cartDrawerNote.hasAttribute('role')) this.setSummaryAccessibility(cartDrawerNote);
  10237.                    // here the animation doesn't seem to always get triggered. A timeout seem to help
  10238.                    setTimeout(() => {
  10239.                        this.classList.add('animate', 'active');
  10240.                    });
  10241.  
  10242.                    this.addEventListener(
  10243.                        'transitionend',
  10244.                        () => {
  10245.                            const containerToTrapFocusOn = this.classList.contains('is-empty')
  10246.                                ? this.querySelector('.drawer__inner-empty')
  10247.                                : document.getElementById('CartDrawer');
  10248.                            const focusElement = this.querySelector('.drawer__inner') || this.querySelector('.drawer__close');
  10249.                            trapFocus(containerToTrapFocusOn, focusElement);
  10250.                        },
  10251.                        { once: true }
  10252.                    );
  10253.  
  10254.                    document.body.classList.add('overflow-hidden');
  10255.                }
  10256.  
  10257.                close() {
  10258.                    this.classList.remove('active');
  10259.                    removeTrapFocus(this.activeElement);
  10260.                    document.body.classList.remove('overflow-hidden');
  10261.                }
  10262.  
  10263.                setSummaryAccessibility(cartDrawerNote) {
  10264.                    cartDrawerNote.setAttribute('role', 'button');
  10265.                    cartDrawerNote.setAttribute('aria-expanded', 'false');
  10266.  
  10267.                    if (cartDrawerNote.nextElementSibling.getAttribute('id')) {
  10268.                        cartDrawerNote.setAttribute('aria-controls', cartDrawerNote.nextElementSibling.id);
  10269.                    }
  10270.  
  10271.                    cartDrawerNote.addEventListener('click', (event) => {
  10272.                        event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  10273.                    });
  10274.  
  10275.                    cartDrawerNote.parentElement.addEventListener('keyup', onKeyUpEscape);
  10276.                }
  10277.  
  10278.                renderContents(parsedState) {
  10279.                    this.querySelector('.drawer__inner').classList.contains('is-empty') &&
  10280.                        this.querySelector('.drawer__inner').classList.remove('is-empty');
  10281.                    this.productId = parsedState.id;
  10282.                    this.getSectionsToRender().forEach((section) => {
  10283.                        const sectionElement = section.selector
  10284.                            ? document.querySelector(section.selector)
  10285.                            : document.getElementById(section.id);
  10286.                        sectionElement.innerHTML = this.getSectionInnerHTML(parsedState.sections[section.id], section.selector);
  10287.                    });
  10288.  
  10289.                    setTimeout(() => {
  10290.                        this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10291.                        this.open();
  10292.                    });
  10293.                }
  10294.  
  10295.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10296.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10297.                }
  10298.  
  10299.                getSectionsToRender() {
  10300.                    return [
  10301.                        {
  10302.                            id: 'cart-drawer',
  10303.                            selector: '#CartDrawer',
  10304.                        },
  10305.                        {
  10306.                            id: 'cart-icon-bubble',
  10307.                        },
  10308.                    ];
  10309.                }
  10310.  
  10311.                getSectionDOM(html, selector = '.shopify-section') {
  10312.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector);
  10313.                }
  10314.  
  10315.                setActiveElement(element) {
  10316.                    this.activeElement = element;
  10317.                }
  10318.            }
  10319.  
  10320.            customElements.define('cart-drawer', CartDrawer);
  10321.  
  10322.            class CartDrawerItems extends CartItems {
  10323.                getSectionsToRender() {
  10324.                    return [
  10325.                        {
  10326.                            id: 'CartDrawer',
  10327.                            section: 'cart-drawer',
  10328.                            selector: '.drawer__inner',
  10329.                        },
  10330.                        {
  10331.                            id: 'cart-icon-bubble',
  10332.                            section: 'cart-icon-bubble',
  10333.                            selector: '.shopify-section',
  10334.                        },
  10335.                    ];
  10336.                }
  10337.            }
  10338.  
  10339.            customElements.define('cart-drawer-items', CartDrawerItems);
  10340.        </script>
  10341.        <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  10342.            <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  10343.                <path fill-rule="evenodd" clip-rule="evenodd"
  10344.                    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"
  10345.                    fill="currentColor" />
  10346.            </symbol>
  10347.  
  10348.            <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
  10349.                <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2" />
  10350.                <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round"
  10351.                    transform="translate(5 5)" />
  10352.                <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round"
  10353.                    transform="translate(5 5)" />
  10354.            </symbol>
  10355.  
  10356.            <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10357.                <path
  10358.                    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"
  10359.                    fill="currentColor">
  10360.            </symbol>
  10361.        </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-inverse gradient">
  10362.            <header class="header header--top-center header--mobile-center page-width header--has-menu">
  10363.  
  10364.                <header-drawer data-breakpoint="tablet">
  10365.                    <details id="Details-menu-drawer-container" class="menu-drawer-container">
  10366.                        <summary class="header__icon header__icon--menu header__icon--summary link focus-inset"
  10367.                            aria-label="Menu">
  10368.                            <span>
  10369.  
  10370.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  10371.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10372.                                    <path
  10373.                                        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"
  10374.                                        fill="currentColor">
  10375.                                </svg>
  10376.  
  10377.                            </span>
  10378.                        </summary>
  10379.                        <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-inverse">
  10380.                            <div class="menu-drawer__inner-container">
  10381.                                <div class="menu-drawer__navigation-container">
  10382.                                    <nav class="menu-drawer__navigation">
  10383.                                        <ul class="menu-drawer__menu has-submenu list-menu" role="list">
  10384.                                            <li><b><a id="HeaderDrawer-home" href="https://duwaynemotel.com/"
  10385.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10386.                                                    SITUS TOTO MACAU
  10387.                                                </a></b></li>
  10388.                                            <li><b><a id="HeaderDrawer-catalog" href="https://duwaynemotel.com/"
  10389.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10390.                                                    SITUS TOTO TOGEL
  10391.                                                </a></b></li>
  10392.                                            <li><b><a id="HeaderDrawer-contact" href="https://duwaynemotel.com/"
  10393.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10394.                                                    LINK ALTERNATIF
  10395.                                                </a></b></li>
  10396.                                        </ul>
  10397.                                    </nav>
  10398.                                    <div class="menu-drawer__utility-links">
  10399.                                        <div class="menu-drawer__localization header-localization">
  10400.                                        </div>
  10401.                                        <ul class="list list-social list-unstyled" role="list"></ul>
  10402.                                    </div>
  10403.                                </div>
  10404.                            </div>
  10405.                        </div>
  10406.                    </details>
  10407.                </header-drawer>
  10408.  
  10409.  
  10410.                <details-modal class="header__search">
  10411.                    <details>
  10412.                        <summary
  10413.                            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10414.                            aria-haspopup="dialog" aria-label="Search">
  10415.  
  10416.                        </summary>
  10417.                        <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10418.                            aria-label="Search">
  10419.                            <div class="modal-overlay"></div>
  10420.                            <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10421.                                <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10422.                                    <form action="https://ophiuchus.club/Prediksi-Macau" method="get" role="search"
  10423.                                        class="search search-modal__form">
  10424.                                        <div class="field">
  10425.                                            <input class="search__input field__input" id="Search-In-Modal-1"
  10426.                                                type="search" name="q" value="" placeholder="Search" role="combobox"
  10427.                                                aria-expanded="false" aria-owns="predictive-search-results"
  10428.                                                aria-controls="predictive-search-results" aria-haspopup="listbox"
  10429.                                                aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10430.                                                autocapitalize="off" spellcheck="false">
  10431.                                            <label class="field__label" for="Search-In-Modal-1">Search</label>
  10432.                                            <input type="hidden" name="options[prefix]" value="last">
  10433.                                            <button type="reset" class="reset__button field__button hidden"
  10434.                                                aria-label="Clear search term">
  10435.                                                <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10436.                                                    <use xlink:href="#icon-reset">
  10437.                                                </svg>
  10438.                                            </button>
  10439.                                            <button class="search__button field__button" aria-label="Search">
  10440.                                                <a href="https://ophiuchus.club/Prediksi-Macau"><img
  10441.                                                        src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10442.                                                        width="30px" height="30px" /></a>
  10443.  
  10444.                                            </button>
  10445.                                        </div>
  10446.                                        <div class="predictive-search predictive-search--header" tabindex="-1"
  10447.                                            data-predictive-search>
  10448.  
  10449.                                            <style>
  10450.                                                .loading__spinner {
  10451.                                                    position: absolute;
  10452.                                                    z-index: 1;
  10453.                                                    width: 1.8rem
  10454.                                                }
  10455.  
  10456.                                                .loading__spinner {
  10457.                                                    width: 1.8rem;
  10458.                                                    display: inline-block
  10459.                                                }
  10460.  
  10461.                                                .spinner {
  10462.                                                    animation: rotator 1.4s linear infinite
  10463.                                                }
  10464.  
  10465.                                                @keyframes rotator {
  10466.                                                    0% {
  10467.                                                        transform: rotate(0)
  10468.                                                    }
  10469.  
  10470.                                                    to {
  10471.                                                        transform: rotate(270deg)
  10472.                                                    }
  10473.                                                }
  10474.  
  10475.                                                .path {
  10476.                                                    stroke-dasharray: 280;
  10477.                                                    stroke-dashoffset: 0;
  10478.                                                    transform-origin: center;
  10479.                                                    stroke: rgb(var(--color-foreground));
  10480.                                                    animation: dash 1.4s ease-in-out infinite
  10481.                                                }
  10482.  
  10483.                                                @media screen and (forced-colors: active) {
  10484.                                                    .path {
  10485.                                                        stroke: CanvasText
  10486.                                                    }
  10487.                                                }
  10488.  
  10489.                                                @keyframes dash {
  10490.                                                    0% {
  10491.                                                        stroke-dashoffset: 280
  10492.                                                    }
  10493.  
  10494.                                                    50% {
  10495.                                                        stroke-dashoffset: 75;
  10496.                                                        transform: rotate(135deg)
  10497.                                                    }
  10498.  
  10499.                                                    to {
  10500.                                                        stroke-dashoffset: 280;
  10501.                                                        transform: rotate(450deg)
  10502.                                                    }
  10503.                                                }
  10504.  
  10505.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10506.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10507.                                                    opacity: 50%
  10508.                                                }
  10509.  
  10510.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10511.                                                    pointer-events: none;
  10512.                                                    cursor: default
  10513.                                                }
  10514.                                            </style>
  10515.                                            <div class="predictive-search__loading-state">
  10516.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  10517.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10518.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  10519.                                                        r="30"></circle>
  10520.                                                </svg>
  10521.                                            </div>
  10522.                                        </div>
  10523.  
  10524.                                        <span class="predictive-search-status visually-hidden" role="status"
  10525.                                            aria-hidden="true"></span>
  10526.                                    </form>
  10527.                                </predictive-search><button type="button"
  10528.                                    class="search-modal__close-button modal__close-button link link--text focus-inset"
  10529.                                    aria-label="Close">
  10530.                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10531.                                        <use href="#icon-close">
  10532.                                    </svg>
  10533.                                </button>
  10534.                            </div>
  10535.                        </div>
  10536.                    </details>
  10537.                </details-modal>
  10538.                <a class="header__heading-link link link--text focus-inset"><img
  10539.                        src="https://ophiuchus.club/img/logo-prediksi-macau.webp"
  10540.                        alt="Prediksi Macau" width="110" height="36.666666666666664" loading="eager"
  10541.                        class="header__heading-logo" sizes="(min-width: 750px) 110px, 50vw"></a>
  10542.  
  10543.                <nav class="header__inline-menu">
  10544.                    <ul class="list-menu list-menu--inline" role="list">
  10545.                        <li><b><a id="HeaderMenu-home"
  10546.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10547.                                <span>Prediksi Macau</span>
  10548.                            </a></b></li>
  10549.                        <li><b><a id="HeaderMenu-catalog"
  10550.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10551.                                <span>Result Prediksi Macau</span>
  10552.                            </a></b></li>
  10553.                        <li><b><a id="HeaderMenu-contact"
  10554.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10555.                                <span>Prediksi Toto Macau</span>
  10556.                            </a></b></li>
  10557.                    </ul>
  10558.                </nav>
  10559.  
  10560.                <div class="header__icons header__icons--localization header-localization">
  10561.                    <div class="desktop-localization-wrapper">
  10562.                    </div>
  10563.  
  10564.  
  10565.                    <details-modal class="header__search">
  10566.                        <details>
  10567.                            <summary
  10568.                                class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10569.                                aria-haspopup="dialog" aria-label="Search">
  10570.  
  10571.                            </summary>
  10572.                            <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10573.                                aria-label="Search">
  10574.                                <div class="modal-overlay"></div>
  10575.                                <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10576.                                    <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10577.                                        <form action="https://ophiuchus.club/Prediksi-Macau" method="get" role="search"
  10578.                                            class="search search-modal__form">
  10579.                                            <div class="field">
  10580.                                                <input class="search__input field__input" id="Search-In-Modal"
  10581.                                                    type="search" name="q" value="" placeholder="Search" role="combobox"
  10582.                                                    aria-expanded="false" aria-owns="predictive-search-results"
  10583.                                                    aria-controls="predictive-search-results" aria-haspopup="listbox"
  10584.                                                    aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10585.                                                    autocapitalize="off" spellcheck="false">
  10586.                                                <label class="field__label" for="Search-In-Modal">Search</label>
  10587.                                                <input type="hidden" name="options[prefix]" value="last">
  10588.                                                <button type="reset" class="reset__button field__button hidden"
  10589.                                                    aria-label="Clear search term">
  10590.                                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10591.                                                        <use xlink:href="#icon-reset">
  10592.                                                    </svg>
  10593.                                                </button>
  10594.                                                <button class="search__button field__button" aria-label="Search">
  10595.                                                    <a href="https://ophiuchus.club/Prediksi-Macau"><img
  10596.                                                            src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10597.                                                            width="30px" height="30px" /></a>
  10598.                                                </button>
  10599.                                            </div>
  10600.                                            <div class="predictive-search predictive-search--header" tabindex="-1"
  10601.                                                data-predictive-search>
  10602.  
  10603.                                                <style>
  10604.                                                    .loading__spinner {
  10605.                                                        position: absolute;
  10606.                                                        z-index: 1;
  10607.                                                        width: 1.8rem
  10608.                                                    }
  10609.  
  10610.                                                    .loading__spinner {
  10611.                                                        width: 1.8rem;
  10612.                                                        display: inline-block
  10613.                                                    }
  10614.  
  10615.                                                    .spinner {
  10616.                                                        animation: rotator 1.4s linear infinite
  10617.                                                    }
  10618.  
  10619.                                                    @keyframes rotator {
  10620.                                                        0% {
  10621.                                                            transform: rotate(0)
  10622.                                                        }
  10623.  
  10624.                                                        to {
  10625.                                                            transform: rotate(270deg)
  10626.                                                        }
  10627.                                                    }
  10628.  
  10629.                                                    .path {
  10630.                                                        stroke-dasharray: 280;
  10631.                                                        stroke-dashoffset: 0;
  10632.                                                        transform-origin: center;
  10633.                                                        stroke: rgb(var(--color-foreground));
  10634.                                                        animation: dash 1.4s ease-in-out infinite
  10635.                                                    }
  10636.  
  10637.                                                    @media screen and (forced-colors: active) {
  10638.                                                        .path {
  10639.                                                            stroke: CanvasText
  10640.                                                        }
  10641.                                                    }
  10642.  
  10643.                                                    @keyframes dash {
  10644.                                                        0% {
  10645.                                                            stroke-dashoffset: 280
  10646.                                                        }
  10647.  
  10648.                                                        50% {
  10649.                                                            stroke-dashoffset: 75;
  10650.                                                            transform: rotate(135deg)
  10651.                                                        }
  10652.  
  10653.                                                        to {
  10654.                                                            stroke-dashoffset: 280;
  10655.                                                            transform: rotate(450deg)
  10656.                                                        }
  10657.                                                    }
  10658.  
  10659.                                                    .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10660.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10661.                                                        opacity: 50%
  10662.                                                    }
  10663.  
  10664.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10665.                                                        pointer-events: none;
  10666.                                                        cursor: default
  10667.                                                    }
  10668.                                                </style>
  10669.                                                <div class="predictive-search__loading-state">
  10670.                                                    <svg aria-hidden="true" focusable="false" class="spinner"
  10671.                                                        viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10672.                                                        <circle class="path" fill="none" stroke-width="6" cx="33"
  10673.                                                            cy="33" r="30"></circle>
  10674.                                                    </svg>
  10675.                                                </div>
  10676.                                            </div>
  10677.  
  10678.                                            <span class="predictive-search-status visually-hidden" role="status"
  10679.                                                aria-hidden="true"></span>
  10680.                                        </form>
  10681.                                    </predictive-search><button type="button"
  10682.                                        class="search-modal__close-button modal__close-button link link--text focus-inset"
  10683.                                        aria-label="Close">
  10684.                                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10685.                                            <use href="#icon-close">
  10686.                                        </svg>
  10687.                                    </button>
  10688.                                </div>
  10689.                            </div>
  10690.                        </details>
  10691.                    </details-modal>
  10692.  
  10693.                </div>
  10694.            </header>
  10695.        </sticky-header>
  10696.  
  10697.        <script type="application/ld+json">
  10698.  {
  10699.    "@context": "http://schema.org",
  10700.    "@type": "Organization",
  10701.    "name": "TOTO MACAU",
  10702.    "sameAs": ["", "", "", "", "", "", "", "", ""],
  10703.    "url": "https://duwaynemotel.com/"
  10704.  }
  10705. </script>
  10706.    </div>
  10707.    <!-- END sections: header-group -->
  10708.    <div class="n-columns-2">
  10709.        <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noreferrer" class="login">LOGIN</a>
  10710.        <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noreferrer" class="register">DAFTAR</a>
  10711.    </div>
  10712.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  10713.        <section id="shopify-section-template--17040648077525__main" class="shopify-section section">
  10714.            <section id="MainProduct-template--17040648077525__main"
  10715.                class="section-template--17040648077525__main-padding gradient color-background-1"
  10716.                data-section="template--17040648077525__main">
  10717.                <style>
  10718.                    .product {
  10719.                        margin: 0
  10720.                    }
  10721.  
  10722.                    .product.grid {
  10723.                        gap: 0
  10724.                    }
  10725.  
  10726.                    .product--no-media {
  10727.                        max-width: 57rem;
  10728.                        margin: 0 auto
  10729.                    }
  10730.  
  10731.                    .product__media-wrapper {
  10732.                        padding-left: 0
  10733.                    }
  10734.  
  10735.                    @media screen and (min-width: 750px) {
  10736.                        .product__column-sticky {
  10737.                            display: block;
  10738.                            position: sticky;
  10739.                            top: 3rem;
  10740.                            z-index: 2
  10741.                        }
  10742.  
  10743.                        .product--thumbnail .thumbnail-list {
  10744.                            padding-right: var(--media-shadow-horizontal-offset)
  10745.                        }
  10746.  
  10747.                        .product__info-wrapper {
  10748.                            padding: 0 0 0 5rem
  10749.                        }
  10750.  
  10751.                        .product__info-wrapper--extra-padding {
  10752.                            padding: 0 0 0 8rem
  10753.                        }
  10754.  
  10755.                        .product--right .product__info-wrapper {
  10756.                            padding: 0 5rem 0 0
  10757.                        }
  10758.  
  10759.                        .product--right .product__info-wrapper--extra-padding {
  10760.                            padding: 0 8rem 0 0
  10761.                        }
  10762.  
  10763.                        .product--right .product__media-list {
  10764.                            margin-bottom: 2rem
  10765.                        }
  10766.  
  10767.                        .product__media-container .slider-buttons {
  10768.                            display: none
  10769.                        }
  10770.                    }
  10771.  
  10772.                    @media screen and (min-width: 990px) {
  10773.                        .product--large:not(.product--no-media) .product__media-wrapper {
  10774.                            max-width: 65%;
  10775.                            width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2)
  10776.                        }
  10777.  
  10778.                        .product--large:not(.product--no-media) .product__info-wrapper {
  10779.                            padding: 0 0 0 4rem;
  10780.                            max-width: 35%;
  10781.                            width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2)
  10782.                        }
  10783.  
  10784.                        .product--large:not(.product--no-media).product--right .product__info-wrapper {
  10785.                            padding: 0 4rem 0 0
  10786.                        }
  10787.  
  10788.                        .product--medium:not(.product--no-media) .product__media-wrapper,
  10789.                        .product--small:not(.product--no-media) .product__info-wrapper {
  10790.                            max-width: 55%;
  10791.                            width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2)
  10792.                        }
  10793.  
  10794.                        .product--medium:not(.product--no-media) .product__info-wrapper,
  10795.                        .product--small:not(.product--no-media) .product__media-wrapper {
  10796.                            max-width: 45%;
  10797.                            width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2)
  10798.                        }
  10799.                    }
  10800.  
  10801.                    .shopify-payment-button__button {
  10802.                        font-family: inherit;
  10803.                        min-height: 4.6rem
  10804.                    }
  10805.  
  10806.                    .shopify-payment-button__button [role=button].focused,
  10807.                    .no-js .shopify-payment-button__button [role=button]:focus {
  10808.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10809.                        outline-offset: .3rem;
  10810.                        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
  10811.                    }
  10812.  
  10813.                    .shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
  10814.                        outline: 0;
  10815.                        box-shadow: none !important
  10816.                    }
  10817.  
  10818.                    .shopify-payment-button__button [role=button]:focus-visible {
  10819.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10820.                        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
  10821.                    }
  10822.  
  10823.                    .shopify-payment-button__button--unbranded {
  10824.                        background-color: rgba(var(--color-button), var(--alpha-button-background));
  10825.                        color: rgb(var(--color-button-text));
  10826.                        font-size: 1.4rem;
  10827.                        line-height: calc(1 + .2 / var(--font-body-scale));
  10828.                        letter-spacing: .07rem
  10829.                    }
  10830.  
  10831.                    .shopify-payment-button__button--unbranded::selection {
  10832.                        background-color: rgba(var(--color-button-text), .3)
  10833.                    }
  10834.  
  10835.                    .shopify-payment-button__button--unbranded:hover,
  10836.                    .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  10837.                        background-color: rgba(var(--color-button), var(--alpha-button-background))
  10838.                    }
  10839.  
  10840.                    .shopify-payment-button__more-options {
  10841.                        margin: 1.6rem 0 1rem;
  10842.                        font-size: 1.2rem;
  10843.                        line-height: calc(1 + .5 / var(--font-body-scale));
  10844.                        letter-spacing: .05rem;
  10845.                        text-decoration: underline;
  10846.                        text-underline-offset: .3rem
  10847.                    }
  10848.  
  10849.                    .shopify-payment-button__button+.shopify-payment-button__button--hidden {
  10850.                        display: none
  10851.                    }
  10852.  
  10853.                    .product-form {
  10854.                        display: block
  10855.                    }
  10856.  
  10857.                    .product-form__error-message-wrapper:not([hidden]) {
  10858.                        display: flex;
  10859.                        align-items: flex-start;
  10860.                        font-size: 1.2rem;
  10861.                        margin-bottom: 1.5rem
  10862.                    }
  10863.  
  10864.                    .product-form__error-message-wrapper svg {
  10865.                        flex-shrink: 0;
  10866.                        width: 1.2rem;
  10867.                        height: 1.2rem;
  10868.                        margin-right: .7rem;
  10869.                        margin-top: .5rem
  10870.                    }
  10871.  
  10872.                    .product-form__input {
  10873.                        flex: 0 0 100%;
  10874.                        padding: 0;
  10875.                        margin: 0 0 1.2rem;
  10876.                        max-width: 44rem;
  10877.                        min-width: fit-content;
  10878.                        border: none
  10879.                    }
  10880.  
  10881.                    variant-radios,
  10882.                    variant-selects {
  10883.                        display: block
  10884.                    }
  10885.  
  10886.                    .product-form__input--dropdown {
  10887.                        margin-bottom: 1.6rem
  10888.                    }
  10889.  
  10890.                    .product-form__input .form__label {
  10891.                        padding-left: 0
  10892.                    }
  10893.  
  10894.                    fieldset.product-form__input .form__label {
  10895.                        margin-bottom: .2rem
  10896.                    }
  10897.  
  10898.                    .product-form__input input[type=radio] {
  10899.                        clip: rect(0, 0, 0, 0);
  10900.                        overflow: hidden;
  10901.                        position: absolute;
  10902.                        height: 1px;
  10903.                        width: 1px
  10904.                    }
  10905.  
  10906.                    .product-form__input input[type=radio]+label {
  10907.                        border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  10908.                        background-color: rgb(var(--color-background));
  10909.                        color: rgba(var(--color-foreground));
  10910.                        border-radius: var(--variant-pills-radius);
  10911.                        color: rgb(var(--color-foreground));
  10912.                        display: inline-block;
  10913.                        margin: .7rem .5rem .2rem 0;
  10914.                        padding: 1rem 2rem;
  10915.                        font-size: 1.4rem;
  10916.                        letter-spacing: .1rem;
  10917.                        line-height: 1;
  10918.                        text-align: center;
  10919.                        transition: border var(--duration-short) ease;
  10920.                        cursor: pointer;
  10921.                        position: relative
  10922.                    }
  10923.  
  10924.                    .product-form__input input[type=radio]+label:before {
  10925.                        content: "";
  10926.                        position: absolute;
  10927.                        top: calc(var(--variant-pills-border-width) * -1);
  10928.                        right: calc(var(--variant-pills-border-width) * -1);
  10929.                        bottom: calc(var(--variant-pills-border-width) * -1);
  10930.                        left: calc(var(--variant-pills-border-width) * -1);
  10931.                        z-index: -1;
  10932.                        border-radius: var(--variant-pills-radius);
  10933.                        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))
  10934.                    }
  10935.  
  10936.                    .product-form__input input[type=radio]+label:hover {
  10937.                        border-color: rgb(var(--color-foreground))
  10938.                    }
  10939.  
  10940.                    .product-form__input input[type=radio]:checked+label {
  10941.                        background-color: rgb(var(--color-foreground));
  10942.                        color: rgb(var(--color-background))
  10943.                    }
  10944.  
  10945.                    .product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden {
  10946.                        display: none
  10947.                    }
  10948.  
  10949.                    @media screen and (forced-colors: active) {
  10950.                        .product-form__input input[type=radio]:checked+label {
  10951.                            text-decoration: underline
  10952.                        }
  10953.                    }
  10954.  
  10955.                    .product-form__input input[type=radio]:checked+label::selection {
  10956.                        background-color: rgba(var(--color-background), .3)
  10957.                    }
  10958.  
  10959.                    .product-form__input input[type=radio]:disabled+label,
  10960.                    .product-form__input input[type=radio].disabled+label {
  10961.                        border-color: rgba(var(--color-foreground), .1);
  10962.                        color: rgba(var(--color-foreground), .6);
  10963.                        text-decoration: line-through
  10964.                    }
  10965.  
  10966.                    .product-form__input input[type=radio].disabled:checked+label,
  10967.                    .product-form__input input[type=radio]:disabled:checked+label {
  10968.                        color: rgba(var(--color-background), .6)
  10969.                    }
  10970.  
  10971.                    .product-form__input input[type=radio]:focus-visible+label {
  10972.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10973.                    }
  10974.  
  10975.                    .product-form__input input[type=radio].focused+label,
  10976.                    .no-js .shopify-payment-button__button [role=button]:focus+label {
  10977.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10978.                    }
  10979.  
  10980.                    .no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {
  10981.                        box-shadow: none
  10982.                    }
  10983.  
  10984.                    .product-form__input .select {
  10985.                        max-width: 25rem
  10986.                    }
  10987.  
  10988.                    .product-form__submit {
  10989.                        margin-bottom: 1rem
  10990.                    }
  10991.  
  10992.                    .no-js .product-form__submit.button--secondary {
  10993.                        --color-button: inherit;
  10994.                        --color-button-text: inherit;
  10995.                        --alpha-button-background: 1
  10996.                    }
  10997.  
  10998.                    .product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled],
  10999.                    .product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {
  11000.                        cursor: not-allowed;
  11001.                        opacity: .5
  11002.                    }
  11003.  
  11004.                    @media screen and (forced-colors: active) {
  11005.                        .product-form__submit[aria-disabled=true] {
  11006.                            color: Window
  11007.                        }
  11008.                    }
  11009.  
  11010.                    .shopify-payment-button__more-options {
  11011.                        color: rgb(var(--color-foreground))
  11012.                    }
  11013.  
  11014.                    .shopify-payment-button__button {
  11015.                        font-size: 1.5rem;
  11016.                        letter-spacing: .1rem
  11017.                    }
  11018.  
  11019.                    .product__info-container>*+* {
  11020.                        margin: 1.5rem 0
  11021.                    }
  11022.  
  11023.                    .product__info-container iframe {
  11024.                        max-width: 100%
  11025.                    }
  11026.  
  11027.                    .product__info-container .product-form,
  11028.                    .product__info-container .product__description,
  11029.                    .product__info-container .icon-with-text {
  11030.                        margin: 2.5rem 0
  11031.                    }
  11032.  
  11033.                    .product__text {
  11034.                        margin-bottom: 0
  11035.                    }
  11036.  
  11037.                    a.product__text {
  11038.                        display: block;
  11039.                        text-decoration: none;
  11040.                        color: rgba(var(--color-foreground), .75)
  11041.                    }
  11042.  
  11043.                    .product__text.caption-with-letter-spacing {
  11044.                        text-transform: uppercase
  11045.                    }
  11046.  
  11047.                    .product__title {
  11048.                        word-break: break-word;
  11049.                        margin-bottom: 1.5rem
  11050.                    }
  11051.  
  11052.                    .product__title>* {
  11053.                        margin: 0
  11054.                    }
  11055.  
  11056.                    .product__title>a {
  11057.                        display: none
  11058.                    }
  11059.  
  11060.                    .product__title+.product__text.caption-with-letter-spacing {
  11061.                        margin-top: -1.5rem
  11062.                    }
  11063.  
  11064.                    .product__text.caption-with-letter-spacing+.product__title {
  11065.                        margin-top: 0
  11066.                    }
  11067.  
  11068.                    .product__accordion .accordion__content {
  11069.                        padding: 0 1rem
  11070.                    }
  11071.  
  11072.                    .product .price .badge,
  11073.                    .product .price__container {
  11074.                        margin-bottom: .5rem
  11075.                    }
  11076.  
  11077.                    .product .price dl {
  11078.                        margin-top: .5rem;
  11079.                        margin-bottom: .5rem
  11080.                    }
  11081.  
  11082.                    .product .price--sold-out .price__badge-sale {
  11083.                        display: none
  11084.                    }
  11085.  
  11086.                    @media screen and (min-width: 750px) {
  11087.                        .product__info-container {
  11088.                            max-width: 60rem
  11089.                        }
  11090.  
  11091.                        .product__info-container .price--on-sale .price-item--regular {
  11092.                            font-size: 1.6rem
  11093.                        }
  11094.  
  11095.                        .product__info-container>*:first-child {
  11096.                            margin-top: 0
  11097.                        }
  11098.                    }
  11099.  
  11100.                    .product__description-title {
  11101.                        font-weight: 600
  11102.                    }
  11103.  
  11104.                    .product--no-media .product__title,
  11105.                    .product--no-media .product__text,
  11106.                    .product--no-media noscript .product-form__input,
  11107.                    .product--no-media .product__tax,
  11108.                    .product--no-media .product__sku,
  11109.                    .product--no-media shopify-payment-terms {
  11110.                        text-align: center
  11111.                    }
  11112.  
  11113.                    .product--no-media .product__media-wrapper,
  11114.                    .product--no-media .product__info-wrapper {
  11115.                        padding: 0
  11116.                    }
  11117.  
  11118.                    .product__tax {
  11119.                        margin-top: -1.4rem
  11120.                    }
  11121.  
  11122.                    .product--no-media noscript .product-form__input,
  11123.                    .product--no-media .share-button {
  11124.                        max-width: 100%
  11125.                    }
  11126.  
  11127.                    .product--no-media fieldset.product-form__input,
  11128.                    .product--no-media .product-form__quantity,
  11129.                    .product--no-media .product-form__input--dropdown,
  11130.                    .product--no-media .share-button,
  11131.                    .product--no-media .product__view-details,
  11132.                    .product--no-media .product__pickup-availabilities,
  11133.                    .product--no-media .product-form {
  11134.                        display: flex;
  11135.                        align-items: center;
  11136.                        justify-content: center;
  11137.                        text-align: center
  11138.                    }
  11139.  
  11140.                    .product--no-media .product-form {
  11141.                        flex-direction: column
  11142.                    }
  11143.  
  11144.                    .product--no-media .product-form>.form {
  11145.                        max-width: 30rem;
  11146.                        width: 100%
  11147.                    }
  11148.  
  11149.                    .product--no-media .product-form__quantity,
  11150.                    .product--no-media .product-form__input--dropdown {
  11151.                        flex-direction: column;
  11152.                        max-width: 100%
  11153.                    }
  11154.  
  11155.                    .product-form__quantity .form__label {
  11156.                        margin-bottom: .6rem
  11157.                    }
  11158.  
  11159.                    .price-per-item__label.form__label {
  11160.                        margin-bottom: 0rem
  11161.                    }
  11162.  
  11163.                    .product-form__quantity-top .form__label {
  11164.                        margin-bottom: 1.2rem
  11165.                    }
  11166.  
  11167.                    .product--no-media fieldset.product-form__input {
  11168.                        flex-wrap: wrap;
  11169.                        margin: 0 auto 1.2rem
  11170.                    }
  11171.  
  11172.                    .product-form__buttons {
  11173.                        max-width: 44rem
  11174.                    }
  11175.  
  11176.                    .product--no-media .product__info-container>modal-opener {
  11177.                        display: block;
  11178.                        text-align: center
  11179.                    }
  11180.  
  11181.                    .product--no-media .product-popup-modal__button {
  11182.                        padding-right: 0
  11183.                    }
  11184.  
  11185.                    .product--no-media .price {
  11186.                        text-align: center
  11187.                    }
  11188.  
  11189.                    .product__media-list video {
  11190.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11191.                    }
  11192.  
  11193.                    @media screen and (max-width: 749px) {
  11194.                        .product__media-list {
  11195.                            margin-left: -2.5rem;
  11196.                            margin-bottom: 3rem;
  11197.                            width: calc(100% + 4rem)
  11198.                        }
  11199.  
  11200.                        .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
  11201.                            margin-left: -1.5rem;
  11202.                            margin-right: -1.5rem
  11203.                        }
  11204.  
  11205.                        .slider.product__media-list::-webkit-scrollbar {
  11206.                            height: .2rem;
  11207.                            width: .2rem
  11208.                        }
  11209.  
  11210.                        .product__media-list::-webkit-scrollbar-thumb {
  11211.                            background-color: rgb(var(--color-foreground))
  11212.                        }
  11213.  
  11214.                        .product__media-list::-webkit-scrollbar-track {
  11215.                            background-color: rgba(var(--color-foreground), .2)
  11216.                        }
  11217.  
  11218.                        .product__media-list .product__media-item {
  11219.                            width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))
  11220.                        }
  11221.  
  11222.                        .product--mobile-columns .product__media-item {
  11223.                            width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))
  11224.                        }
  11225.                    }
  11226.  
  11227.                    @media screen and (min-width: 750px) {
  11228.  
  11229.                        .product--thumbnail .product__media-list,
  11230.                        .product--thumbnail_slider .product__media-list {
  11231.                            padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))
  11232.                        }
  11233.  
  11234.                        .product__media-list {
  11235.                            padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))
  11236.                        }
  11237.  
  11238.                        .product--thumbnail .product__media-item:not(.is-active),
  11239.                        .product--thumbnail_slider .product__media-item:not(.is-active) {
  11240.                            display: none
  11241.                        }
  11242.  
  11243.                        .product-media-modal__content>.product__media-item--variant.product__media-item--variant {
  11244.                            display: none
  11245.                        }
  11246.  
  11247.                        .product-media-modal__content>.product__media-item--variant:first-child {
  11248.                            display: block
  11249.                        }
  11250.                    }
  11251.  
  11252.                    .product__media-item.product__media-item--variant {
  11253.                        display: none
  11254.                    }
  11255.  
  11256.                    .product__media-item--variant:first-child {
  11257.                        display: block
  11258.                    }
  11259.  
  11260.                    @media screen and (min-width: 750px) and (max-width: 989px) {
  11261.                        .product__media-list .product__media-item:first-child {
  11262.                            padding-left: 0
  11263.                        }
  11264.  
  11265.                        .product--thumbnail_slider .product__media-list {
  11266.                            margin-left: 0
  11267.                        }
  11268.  
  11269.                        .product__media-list .product__media-item {
  11270.                            width: 100%
  11271.                        }
  11272.                    }
  11273.  
  11274.                    .product__media-icon .icon {
  11275.                        width: 1.2rem;
  11276.                        height: 1.4rem
  11277.                    }
  11278.  
  11279.                    .product__media-icon,
  11280.                    .thumbnail__badge {
  11281.                        background-color: rgb(var(--color-background));
  11282.                        border-radius: 50%;
  11283.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11284.                        color: rgb(var(--color-foreground));
  11285.                        display: flex;
  11286.                        align-items: center;
  11287.                        justify-content: center;
  11288.                        height: 3rem;
  11289.                        width: 3rem;
  11290.                        position: absolute;
  11291.                        left: 1.2rem;
  11292.                        top: 1.2rem;
  11293.                        z-index: 1;
  11294.                        transition: color var(--duration-short) ease, opacity var(--duration-short) ease
  11295.                    }
  11296.  
  11297.                    .product__media-video .product__media-icon {
  11298.                        opacity: 1
  11299.                    }
  11300.  
  11301.                    .product__modal-opener--image .product__media-toggle:hover {
  11302.                        cursor: zoom-in
  11303.                    }
  11304.  
  11305.                    .product__modal-opener:hover .product__media-icon {
  11306.                        border: .1rem solid rgba(var(--color-foreground), .1)
  11307.                    }
  11308.  
  11309.                    @media screen and (min-width: 750px) {
  11310.                        .grid__item.product__media-item--full {
  11311.                            width: 100%
  11312.                        }
  11313.  
  11314.                        .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
  11315.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11316.                        }
  11317.  
  11318.                        .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
  11319.                            height: 5rem;
  11320.                            width: 5rem
  11321.                        }
  11322.  
  11323.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
  11324.                            height: 4.2rem;
  11325.                            width: 4.2rem
  11326.                        }
  11327.  
  11328.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11329.                            width: 1.8rem;
  11330.                            height: 1.8rem
  11331.                        }
  11332.  
  11333.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
  11334.                            height: 3.6rem;
  11335.                            width: 3.6rem
  11336.                        }
  11337.  
  11338.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11339.                            width: 1.6rem;
  11340.                            height: 1.6rem
  11341.                        }
  11342.                    }
  11343.  
  11344.                    @media screen and (min-width: 990px) {
  11345.                        .product--stacked .product__media-item {
  11346.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11347.                        }
  11348.  
  11349.                        .product:not(.product--columns) .product__media-list .product__media-item:first-child,
  11350.                        .product:not(.product--columns) .product__media-list .product__media-item--full {
  11351.                            width: 100%;
  11352.                            max-width: 100%
  11353.                        }
  11354.  
  11355.                        .product__modal-opener .product__media-icon {
  11356.                            opacity: 0
  11357.                        }
  11358.  
  11359.                        .product__modal-opener:hover .product__media-icon,
  11360.                        .product__modal-opener:focus .product__media-icon {
  11361.                            opacity: 1
  11362.                        }
  11363.                    }
  11364.  
  11365.                    .product__media-item>* {
  11366.                        display: block;
  11367.                        position: relative
  11368.                    }
  11369.  
  11370.                    .product__media-toggle {
  11371.                        display: flex;
  11372.                        border: none;
  11373.                        background-color: transparent;
  11374.                        color: currentColor;
  11375.                        padding: 0
  11376.                    }
  11377.  
  11378.                    .product__media-toggle:after {
  11379.                        content: "";
  11380.                        cursor: pointer;
  11381.                        display: block;
  11382.                        margin: 0;
  11383.                        padding: 0;
  11384.                        position: absolute;
  11385.                        top: calc(var(--border-width) * -1);
  11386.                        right: calc(var(--border-width) * -1);
  11387.                        bottom: calc(var(--border-width) * -1);
  11388.                        left: calc(var(--border-width) * -1);
  11389.                        z-index: 2
  11390.                    }
  11391.  
  11392.                    .product__media-toggle:focus-visible {
  11393.                        outline: 0;
  11394.                        box-shadow: none
  11395.                    }
  11396.  
  11397.                    @media (forced-colors: active) {
  11398.  
  11399.                        .product__media-toggle:focus-visible,
  11400.                        .product__media-toggle:focus-visible:after,
  11401.                        .product-form__input input[type=radio]:focus-visible+label {
  11402.                            outline: transparent solid 1px;
  11403.                            outline-offset: 2px
  11404.                        }
  11405.                    }
  11406.  
  11407.                    .product__media-toggle.focused {
  11408.                        outline: 0;
  11409.                        box-shadow: none
  11410.                    }
  11411.  
  11412.                    .product__media-toggle:focus-visible:after {
  11413.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11414.                        border-radius: var(--media-radius)
  11415.                    }
  11416.  
  11417.                    .product__media-toggle.focused:after {
  11418.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11419.                        border-radius: var(--media-radius)
  11420.                    }
  11421.  
  11422.                    .product-media-modal {
  11423.                        background-color: rgb(var(--color-background));
  11424.                        height: 100%;
  11425.                        position: fixed;
  11426.                        top: 0;
  11427.                        left: 0;
  11428.                        width: 100%;
  11429.                        visibility: hidden;
  11430.                        opacity: 0;
  11431.                        z-index: -1
  11432.                    }
  11433.  
  11434.                    .product-media-modal[open] {
  11435.                        visibility: visible;
  11436.                        opacity: 1;
  11437.                        z-index: 101
  11438.                    }
  11439.  
  11440.                    .product-media-modal__dialog {
  11441.                        display: flex;
  11442.                        align-items: center;
  11443.                        height: 100vh
  11444.                    }
  11445.  
  11446.                    .product-media-modal__content {
  11447.                        max-height: 100vh;
  11448.                        width: 100%;
  11449.                        overflow: auto
  11450.                    }
  11451.  
  11452.                    .product-media-modal__content>*:not(.active),
  11453.                    .product__media-list .deferred-media {
  11454.                        display: none
  11455.                    }
  11456.  
  11457.                    @media screen and (min-width: 750px) {
  11458.                        .product-media-modal__content {
  11459.                            padding-bottom: 2rem
  11460.                        }
  11461.  
  11462.                        .product-media-modal__content>*:not(.active) {
  11463.                            display: block
  11464.                        }
  11465.  
  11466.                        .product__modal-opener:not(.product__modal-opener--image) {
  11467.                            display: none
  11468.                        }
  11469.  
  11470.                        .product__media-list .deferred-media {
  11471.                            display: block
  11472.                        }
  11473.                    }
  11474.  
  11475.                    @media screen and (max-width: 749px) {
  11476.  
  11477.                        .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),
  11478.                        .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
  11479.                            display: none
  11480.                        }
  11481.  
  11482.                        .product--thumbnail .is-active .deferred-media,
  11483.                        .product--thumbnail_slider .is-active .deferred-media {
  11484.                            display: block;
  11485.                            width: 100%
  11486.                        }
  11487.                    }
  11488.  
  11489.                    .product-media-modal__content>* {
  11490.                        display: block;
  11491.                        height: auto;
  11492.                        margin: auto
  11493.                    }
  11494.  
  11495.                    .product-media-modal__content .media {
  11496.                        background: none
  11497.                    }
  11498.  
  11499.                    .product-media-modal__model {
  11500.                        width: 100%
  11501.                    }
  11502.  
  11503.                    .product-media-modal__toggle {
  11504.                        background-color: rgb(var(--color-background));
  11505.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11506.                        border-radius: 50%;
  11507.                        color: rgba(var(--color-foreground), .55);
  11508.                        display: flex;
  11509.                        align-items: center;
  11510.                        justify-content: center;
  11511.                        cursor: pointer;
  11512.                        right: 2rem;
  11513.                        padding: 1.2rem;
  11514.                        position: fixed;
  11515.                        z-index: 2;
  11516.                        top: 2rem;
  11517.                        width: 4rem
  11518.                    }
  11519.  
  11520.                    .product-media-modal__content .deferred-media {
  11521.                        width: 100%
  11522.                    }
  11523.  
  11524.                    @media screen and (min-width: 750px) {
  11525.                        .product-media-modal__content {
  11526.                            padding: 2rem 11rem
  11527.                        }
  11528.  
  11529.                        .product-media-modal__content>* {
  11530.                            width: 100%
  11531.                        }
  11532.  
  11533.                        .product-media-modal__content>*+* {
  11534.                            margin-top: 2rem
  11535.                        }
  11536.  
  11537.                        .product-media-modal__toggle {
  11538.                            right: 5rem;
  11539.                            top: 2.2rem
  11540.                        }
  11541.                    }
  11542.  
  11543.                    @media screen and (min-width: 990px) {
  11544.                        .product-media-modal__content {
  11545.                            padding: 2rem 11rem
  11546.                        }
  11547.  
  11548.                        .product-media-modal__content>*+* {
  11549.                            margin-top: 1.5rem
  11550.                        }
  11551.  
  11552.                        .product-media-modal__content {
  11553.                            padding-bottom: 1.5rem
  11554.                        }
  11555.  
  11556.                        .product-media-modal__toggle {
  11557.                            right: 5rem
  11558.                        }
  11559.                    }
  11560.  
  11561.                    .product-media-modal__toggle:hover {
  11562.                        color: rgba(var(--color-foreground), .75)
  11563.                    }
  11564.  
  11565.                    .product-media-modal__toggle .icon {
  11566.                        height: auto;
  11567.                        margin: 0;
  11568.                        width: 2.2rem
  11569.                    }
  11570.  
  11571.                    .product-popup-modal {
  11572.                        box-sizing: border-box;
  11573.                        opacity: 0;
  11574.                        position: fixed;
  11575.                        visibility: hidden;
  11576.                        z-index: -1;
  11577.                        margin: 0 auto;
  11578.                        top: 0;
  11579.                        left: 0;
  11580.                        overflow: auto;
  11581.                        width: 100%;
  11582.                        background: rgba(var(--color-foreground), .2);
  11583.                        height: 100%
  11584.                    }
  11585.  
  11586.                    .product-popup-modal[open] {
  11587.                        opacity: 1;
  11588.                        visibility: visible;
  11589.                        z-index: 101
  11590.                    }
  11591.  
  11592.                    .product-popup-modal__content {
  11593.                        border-radius: var(--popup-corner-radius);
  11594.                        background-color: rgb(var(--color-background));
  11595.                        overflow: auto;
  11596.                        height: 80%;
  11597.                        margin: 0 auto;
  11598.                        left: 50%;
  11599.                        transform: translate(-50%);
  11600.                        margin-top: 5rem;
  11601.                        width: 92%;
  11602.                        position: absolute;
  11603.                        top: 0;
  11604.                        padding: 0 1.5rem 0 3rem;
  11605.                        border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  11606.                        border-style: solid;
  11607.                        border-width: var(--popup-border-width);
  11608.                        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))
  11609.                    }
  11610.  
  11611.                    .product-popup-modal__content.focused {
  11612.                        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))
  11613.                    }
  11614.  
  11615.                    .product-popup-modal__content:focus-visible {
  11616.                        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))
  11617.                    }
  11618.  
  11619.                    @media screen and (min-width: 750px) {
  11620.                        .product-popup-modal__content {
  11621.                            padding-right: 1.5rem;
  11622.                            margin-top: 10rem;
  11623.                            width: 70%;
  11624.                            padding: 0 3rem
  11625.                        }
  11626.  
  11627.                        .product-media-modal__dialog .global-media-settings--no-shadow {
  11628.                            overflow: visible !important
  11629.                        }
  11630.                    }
  11631.  
  11632.                    .product-popup-modal__content img {
  11633.                        max-width: 100%
  11634.                    }
  11635.  
  11636.                    @media screen and (max-width: 749px) {
  11637.                        .product-popup-modal__content table {
  11638.                            display: block;
  11639.                            max-width: fit-content;
  11640.                            overflow-x: auto;
  11641.                            white-space: nowrap;
  11642.                            margin: 0
  11643.                        }
  11644.  
  11645.                        .product-media-modal__dialog .global-media-settings,
  11646.                        .product-media-modal__dialog .global-media-settings video,
  11647.                        .product-media-modal__dialog .global-media-settings model-viewer,
  11648.                        .product-media-modal__dialog .global-media-settings iframe,
  11649.                        .product-media-modal__dialog .global-media-settings img {
  11650.                            border: none;
  11651.                            border-radius: 0
  11652.                        }
  11653.                    }
  11654.  
  11655.                    .product-popup-modal__opener {
  11656.                        display: inline-block
  11657.                    }
  11658.  
  11659.                    .product-popup-modal__button {
  11660.                        font-size: 1.6rem;
  11661.                        padding-right: 1.3rem;
  11662.                        padding-left: 0;
  11663.                        min-height: 4.4rem;
  11664.                        text-underline-offset: .3rem;
  11665.                        text-decoration-thickness: .1rem;
  11666.                        transition: text-decoration-thickness var(--duration-short) ease
  11667.                    }
  11668.  
  11669.                    .product-popup-modal__button:hover {
  11670.                        text-decoration-thickness: .2rem
  11671.                    }
  11672.  
  11673.                    .product-popup-modal__content-info {
  11674.                        padding-right: 4.4rem
  11675.                    }
  11676.  
  11677.                    .product-popup-modal__content-info>* {
  11678.                        height: auto;
  11679.                        margin: 0 auto;
  11680.                        max-width: 100%;
  11681.                        width: 100%
  11682.                    }
  11683.  
  11684.                    @media screen and (max-width: 749px) {
  11685.                        .product-popup-modal__content-info>* {
  11686.                            max-height: 100%
  11687.                        }
  11688.                    }
  11689.  
  11690.                    .product-popup-modal__toggle {
  11691.                        background-color: rgb(var(--color-background));
  11692.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11693.                        border-radius: 50%;
  11694.                        color: rgba(var(--color-foreground), .55);
  11695.                        display: flex;
  11696.                        align-items: center;
  11697.                        justify-content: center;
  11698.                        cursor: pointer;
  11699.                        position: sticky;
  11700.                        padding: 1.2rem;
  11701.                        z-index: 2;
  11702.                        top: 1.5rem;
  11703.                        width: 4rem;
  11704.                        margin: 0 0 0 auto
  11705.                    }
  11706.  
  11707.                    .product-popup-modal__toggle:hover {
  11708.                        color: rgba(var(--color-foreground), .75)
  11709.                    }
  11710.  
  11711.                    .product-popup-modal__toggle .icon {
  11712.                        height: auto;
  11713.                        margin: 0;
  11714.                        width: 2.2rem
  11715.                    }
  11716.  
  11717.                    .product__media-list .media>* {
  11718.                        overflow: hidden
  11719.                    }
  11720.  
  11721.                    .thumbnail-list {
  11722.                        flex-wrap: wrap;
  11723.                        grid-gap: 1rem
  11724.                    }
  11725.  
  11726.                    .slider--mobile.thumbnail-list:after {
  11727.                        content: none
  11728.                    }
  11729.  
  11730.                    @media screen and (min-width: 750px) {
  11731.                        .product--stacked .thumbnail-list {
  11732.                            display: none
  11733.                        }
  11734.  
  11735.                        .thumbnail-list {
  11736.                            display: grid;
  11737.                            grid-template-columns: repeat(4, 1fr)
  11738.                        }
  11739.                    }
  11740.  
  11741.                    .thumbnail-list_item--variant:not(:first-child) {
  11742.                        display: none
  11743.                    }
  11744.  
  11745.                    @media screen and (min-width: 990px) {
  11746.                        .thumbnail-list {
  11747.                            grid-template-columns: repeat(4, 1fr)
  11748.                        }
  11749.  
  11750.                        .product--medium .thumbnail-list {
  11751.                            grid-template-columns: repeat(5, 1fr)
  11752.                        }
  11753.  
  11754.                        .product--large .thumbnail-list {
  11755.                            grid-template-columns: repeat(6, 1fr)
  11756.                        }
  11757.                    }
  11758.  
  11759.                    @media screen and (max-width: 749px) {
  11760.                        .product__media-item {
  11761.                            display: flex;
  11762.                            align-items: center
  11763.                        }
  11764.  
  11765.                        .product__modal-opener {
  11766.                            width: 100%
  11767.                        }
  11768.  
  11769.                        .thumbnail-slider {
  11770.                            display: flex;
  11771.                            align-items: center
  11772.                        }
  11773.  
  11774.                        .thumbnail-slider .thumbnail-list.slider {
  11775.                            display: flex;
  11776.                            padding: .5rem;
  11777.                            flex: 1;
  11778.                            scroll-padding-left: .5rem
  11779.                        }
  11780.  
  11781.                        .thumbnail-list__item.slider__slide {
  11782.                            width: calc(33% - .6rem)
  11783.                        }
  11784.                    }
  11785.  
  11786.                    @media screen and (min-width: 750px) {
  11787.                        .product--thumbnail_slider .thumbnail-slider {
  11788.                            display: flex;
  11789.                            align-items: center
  11790.                        }
  11791.  
  11792.                        .thumbnail-slider .thumbnail-list.slider--tablet-up {
  11793.                            display: flex;
  11794.                            padding: .5rem;
  11795.                            flex: 1;
  11796.                            scroll-padding-left: .5rem
  11797.                        }
  11798.  
  11799.                        .product__media-wrapper .slider-mobile-gutter .slider-button {
  11800.                            display: none
  11801.                        }
  11802.  
  11803.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11804.                            width: calc(25% - .8rem)
  11805.                        }
  11806.  
  11807.                        .product--thumbnail_slider .slider-mobile-gutter .slider-button {
  11808.                            display: flex
  11809.                        }
  11810.                    }
  11811.  
  11812.                    @media screen and (min-width: 900px) {
  11813.                        .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11814.                            width: calc(25% - .8rem)
  11815.                        }
  11816.  
  11817.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11818.                            width: calc(20% - .8rem)
  11819.                        }
  11820.                    }
  11821.  
  11822.                    .thumbnail {
  11823.                        position: absolute;
  11824.                        top: 0;
  11825.                        left: 0;
  11826.                        display: block;
  11827.                        height: 100%;
  11828.                        width: 100%;
  11829.                        padding: 0;
  11830.                        color: rgb(var(--color-foreground));
  11831.                        cursor: pointer;
  11832.                        background-color: transparent
  11833.                    }
  11834.  
  11835.                    .thumbnail:hover {
  11836.                        opacity: .7
  11837.                    }
  11838.  
  11839.                    .thumbnail.global-media-settings img {
  11840.                        border-radius: 0
  11841.                    }
  11842.  
  11843.                    .thumbnail[aria-current] {
  11844.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
  11845.                        border-color: rgb(var(--color-foreground))
  11846.                    }
  11847.  
  11848.                    .image-magnify-full-size {
  11849.                        cursor: zoom-out;
  11850.                        z-index: 1;
  11851.                        margin: 0;
  11852.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11853.                    }
  11854.  
  11855.                    .image-magnify-hover {
  11856.                        cursor: zoom-in
  11857.                    }
  11858.  
  11859.                    .product__modal-opener--image .product__media-zoom-none,
  11860.                    .product__media-icon--none {
  11861.                        display: none
  11862.                    }
  11863.  
  11864.                    .product__modal-opener>.loading__spinner {
  11865.                        top: 50%;
  11866.                        left: 50%;
  11867.                        transform: translate(-50%, -50%);
  11868.                        position: absolute;
  11869.                        display: flex;
  11870.                        align-items: center;
  11871.                        height: 48px;
  11872.                        width: 48px
  11873.                    }
  11874.  
  11875.                    .product__modal-opener .path {
  11876.                        stroke: rgb(var(--color-button));
  11877.                        opacity: .75
  11878.                    }
  11879.  
  11880.                    @media (hover: hover) {
  11881.  
  11882.                        .product__media-zoom-hover,
  11883.                        .product__media-icon--hover {
  11884.                            display: none
  11885.                        }
  11886.                    }
  11887.  
  11888.                    @media screen and (max-width: 749px) {
  11889.  
  11890.                        .product__media-zoom-hover,
  11891.                        .product__media-icon--hover {
  11892.                            display: flex
  11893.                        }
  11894.                    }
  11895.  
  11896.                    .js .product__media {
  11897.                        overflow: hidden !important
  11898.                    }
  11899.  
  11900.                    .thumbnail[aria-current]:focus-visible {
  11901.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11902.                    }
  11903.  
  11904.                    .thumbnail[aria-current]:focus,
  11905.                    .thumbnail.focused {
  11906.                        outline: 0;
  11907.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11908.                    }
  11909.  
  11910.                    @media (forced-colors: active) {
  11911.  
  11912.                        .thumbnail[aria-current]:focus,
  11913.                        .thumbnail.focused {
  11914.                            outline: transparent solid 1px
  11915.                        }
  11916.                    }
  11917.  
  11918.                    .thumbnail[aria-current]:focus:not(:focus-visible) {
  11919.                        outline: 0;
  11920.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground))
  11921.                    }
  11922.  
  11923.                    .thumbnail img {
  11924.                        object-fit: cover;
  11925.                        width: 100%;
  11926.                        height: 100%;
  11927.                        pointer-events: none
  11928.                    }
  11929.  
  11930.                    .thumbnail__badge .icon {
  11931.                        width: 1rem;
  11932.                        height: 1rem
  11933.                    }
  11934.  
  11935.                    .thumbnail__badge .icon-3d-model {
  11936.                        width: 1.2rem;
  11937.                        height: 1.2rem
  11938.                    }
  11939.  
  11940.                    .thumbnail__badge {
  11941.                        color: rgb(var(--color-foreground), .6);
  11942.                        height: 2rem;
  11943.                        width: 2rem;
  11944.                        left: auto;
  11945.                        right: calc(.4rem + var(--media-border-width));
  11946.                        top: calc(.4rem + var(--media-border-width))
  11947.                    }
  11948.  
  11949.                    @media screen and (min-width: 750px) {
  11950.                        .product:not(.product--small) .thumbnail__badge {
  11951.                            height: 3rem;
  11952.                            width: 3rem
  11953.                        }
  11954.  
  11955.                        .product:not(.product--small) .thumbnail__badge .icon {
  11956.                            width: 1.2rem;
  11957.                            height: 1.2rem
  11958.                        }
  11959.  
  11960.                        .product:not(.product--small) .thumbnail__badge .icon-3d-model {
  11961.                            width: 1.4rem;
  11962.                            height: 1.4rem
  11963.                        }
  11964.                    }
  11965.  
  11966.                    .thumbnail-list__item {
  11967.                        position: relative
  11968.                    }
  11969.  
  11970.                    .thumbnail-list__item:before {
  11971.                        content: "";
  11972.                        display: block;
  11973.                        padding-bottom: 100%
  11974.                    }
  11975.  
  11976.                    .product:not(.featured-product) .product__view-details {
  11977.                        display: none
  11978.                    }
  11979.  
  11980.                    .product__view-details {
  11981.                        display: block;
  11982.                        text-decoration: none
  11983.                    }
  11984.  
  11985.                    .product__view-details:hover {
  11986.                        text-decoration: underline;
  11987.                        text-underline-offset: .3rem
  11988.                    }
  11989.  
  11990.                    .product__view-details .icon {
  11991.                        width: 1.2rem;
  11992.                        margin-left: 1.2rem;
  11993.                        flex-shrink: 0
  11994.                    }
  11995.  
  11996.                    .product__inventory {
  11997.                        display: flex;
  11998.                        align-items: center;
  11999.                        gap: .5rem
  12000.                    }
  12001.  
  12002.                    .product--no-media .product__inventory {
  12003.                        justify-content: center
  12004.                    }
  12005.  
  12006.                    .product__inventory.visibility-hidden:empty {
  12007.                        display: block
  12008.                    }
  12009.  
  12010.                    .product__inventory.visibility-hidden:empty:after {
  12011.                        content: "#"
  12012.                    }
  12013.  
  12014.                    .icon-with-text {
  12015.                        --icon-size: calc(var(--font-heading-scale) * 3rem);
  12016.                        --icon-spacing: calc(var(--font-heading-scale) * 1rem)
  12017.                    }
  12018.  
  12019.                    .icon-with-text--horizontal {
  12020.                        display: flex;
  12021.                        justify-content: center;
  12022.                        column-gap: 3rem;
  12023.                        flex-direction: row
  12024.                    }
  12025.  
  12026.                    .icon-with-text--vertical {
  12027.                        --icon-size: calc(var(--font-heading-scale) * 2rem)
  12028.                    }
  12029.  
  12030.                    .icon-with-text .icon {
  12031.                        fill: rgb(var(--color-foreground));
  12032.                        height: var(--icon-size);
  12033.                        width: var(--icon-size)
  12034.                    }
  12035.  
  12036.                    .icon-with-text--horizontal .icon,
  12037.                    .icon-with-text--horizontal img {
  12038.                        margin-bottom: var(--icon-spacing)
  12039.                    }
  12040.  
  12041.                    .icon-with-text--vertical .icon {
  12042.                        min-height: var(--icon-size);
  12043.                        min-width: var(--icon-size);
  12044.                        margin-right: var(--icon-spacing)
  12045.                    }
  12046.  
  12047.                    .icon-with-text img {
  12048.                        height: var(--icon-size);
  12049.                        width: var(--icon-size);
  12050.                        object-fit: contain
  12051.                    }
  12052.  
  12053.                    .icon-with-text--vertical img {
  12054.                        margin-right: var(--icon-spacing)
  12055.                    }
  12056.  
  12057.                    .icon-with-text--horizontal .h4 {
  12058.                        padding-top: calc(var(--icon-size) + var(--icon-spacing));
  12059.                        text-align: center
  12060.                    }
  12061.  
  12062.                    .icon-with-text--horizontal svg+.h4,
  12063.                    .icon-with-text--horizontal img+.h4,
  12064.                    .icon-with-text--horizontal.icon-with-text--text-only .h4 {
  12065.                        padding-top: 0
  12066.                    }
  12067.  
  12068.                    .icon-with-text__item {
  12069.                        display: flex;
  12070.                        align-items: center
  12071.                    }
  12072.  
  12073.                    .icon-with-text--horizontal .icon-with-text__item {
  12074.                        flex-direction: column;
  12075.                        width: 33%
  12076.                    }
  12077.  
  12078.                    .icon-with-text--vertical .icon-with-text__item {
  12079.                        margin-bottom: var(--icon-size)
  12080.                    }
  12081.  
  12082.                    .product__sku.visibility-hidden:after {
  12083.                        content: "#"
  12084.                    }
  12085.  
  12086.                    .product-media-container {
  12087.                        --aspect-ratio: var(--preview-ratio);
  12088.                        --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  12089.                        position: relative;
  12090.                        width: 100%;
  12091.                        max-width: calc(100% - calc(var(--media-border-width) * 2))
  12092.                    }
  12093.  
  12094.                    .product-media-container.constrain-height {
  12095.                        --viewport-offset: 400px;
  12096.                        --constrained-min-height: 300px;
  12097.                        --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));
  12098.                        margin-right: auto;
  12099.                        margin-left: auto
  12100.                    }
  12101.  
  12102.                    .product-media-container.constrain-height.media-fit-contain {
  12103.                        --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  12104.                        width: min(var(--contained-width), 100%)
  12105.                    }
  12106.  
  12107.                    .product-media-container .media {
  12108.                        padding-top: var(--ratio-percent)
  12109.                    }
  12110.  
  12111.                    .product-media-container.constrain-height .media {
  12112.                        padding-top: min(var(--constrained-height), var(--ratio-percent))
  12113.                    }
  12114.  
  12115.                    @media screen and (max-width: 749px) {
  12116.                        .product-media-container.media-fit-cover {
  12117.                            display: flex;
  12118.                            align-self: stretch
  12119.                        }
  12120.  
  12121.                        .product-media-container.media-fit-cover .media {
  12122.                            position: initial
  12123.                        }
  12124.                    }
  12125.  
  12126.                    @media screen and (min-width: 750px) {
  12127.                        .product-media-container {
  12128.                            max-width: 100%
  12129.                        }
  12130.  
  12131.                        .product-media-container:not(.media-type-image) {
  12132.                            --aspect-ratio: var(--ratio)
  12133.                        }
  12134.  
  12135.                        .product-media-container.constrain-height {
  12136.                            --viewport-offset: 170px;
  12137.                            --constrained-min-height: 500px
  12138.                        }
  12139.  
  12140.                        .product-media-container.media-fit-cover,
  12141.                        .product-media-container.media-fit-cover .product__modal-opener,
  12142.                        .product-media-container.media-fit-cover .media {
  12143.                            height: 100%
  12144.                        }
  12145.  
  12146.                        .product-media-container.media-fit-cover .deferred-media__poster img {
  12147.                            object-fit: cover;
  12148.                            width: 100%
  12149.                        }
  12150.                    }
  12151.  
  12152.                    .product-media-container .product__modal-opener {
  12153.                        display: block;
  12154.                        position: relative
  12155.                    }
  12156.  
  12157.                    @media screen and (min-width: 750px) {
  12158.                        .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
  12159.                            display: none
  12160.                        }
  12161.                    }
  12162.  
  12163.                    .recipient-form {
  12164.                        --recipient-checkbox-margin-top: .64rem;
  12165.                        display: block;
  12166.                        position: relative;
  12167.                        max-width: 44rem;
  12168.                        margin-bottom: 2.5rem
  12169.                    }
  12170.  
  12171.                    .recipient-form-field-label {
  12172.                        margin: .6rem 0
  12173.                    }
  12174.  
  12175.                    .recipient-form-field-label--space-between {
  12176.                        display: flex;
  12177.                        justify-content: space-between
  12178.                    }
  12179.  
  12180.                    .recipient-checkbox {
  12181.                        flex-grow: 1;
  12182.                        font-size: 1.6rem;
  12183.                        display: flex;
  12184.                        word-break: break-word;
  12185.                        align-items: flex-start;
  12186.                        max-width: inherit;
  12187.                        position: relative;
  12188.                        cursor: pointer
  12189.                    }
  12190.  
  12191.                    .no-js .recipient-checkbox {
  12192.                        display: none
  12193.                    }
  12194.  
  12195.                    .recipient-form>input[type=checkbox] {
  12196.                        position: absolute;
  12197.                        width: 1.6rem;
  12198.                        height: 1.6rem;
  12199.                        margin: var(--recipient-checkbox-margin-top) 0;
  12200.                        top: 0;
  12201.                        left: 0;
  12202.                        z-index: -1;
  12203.                        appearance: none;
  12204.                        -webkit-appearance: none
  12205.                    }
  12206.  
  12207.                    .recipient-fields__field {
  12208.                        margin: 0 0 2rem
  12209.                    }
  12210.  
  12211.                    .recipient-fields .field__label {
  12212.                        white-space: nowrap;
  12213.                        text-overflow: ellipsis;
  12214.                        max-width: calc(100% - 3.5rem);
  12215.                        overflow: hidden
  12216.                    }
  12217.  
  12218.                    .recipient-checkbox>svg {
  12219.                        margin-top: var(--recipient-checkbox-margin-top);
  12220.                        margin-right: 1.2rem;
  12221.                        flex-shrink: 0
  12222.                    }
  12223.  
  12224.                    .recipient-form .icon-checkmark {
  12225.                        visibility: hidden;
  12226.                        position: absolute;
  12227.                        left: .28rem;
  12228.                        z-index: 5;
  12229.                        top: .4rem
  12230.                    }
  12231.  
  12232.                    .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12233.                        visibility: visible
  12234.                    }
  12235.  
  12236.                    .js .recipient-fields {
  12237.                        display: none
  12238.                    }
  12239.  
  12240.                    .recipient-fields hr {
  12241.                        margin: 1.6rem auto
  12242.                    }
  12243.  
  12244.                    .recipient-form>input[type=checkbox]:checked~.recipient-fields {
  12245.                        display: block;
  12246.                        animation: animateMenuOpen var(--duration-default) ease
  12247.                    }
  12248.  
  12249.                    .recipient-form>input[type=checkbox]:not(:checked, :disabled)~.recipient-fields,
  12250.                    .recipient-email-label {
  12251.                        display: none
  12252.                    }
  12253.  
  12254.                    .js .recipient-email-label.required,
  12255.                    .no-js .recipient-email-label.optional {
  12256.                        display: inline
  12257.                    }
  12258.  
  12259.                    .recipient-form ul {
  12260.                        line-height: calc(1 + .6 / var(--font-body-scale));
  12261.                        padding-left: 4.4rem;
  12262.                        text-align: left
  12263.                    }
  12264.  
  12265.                    .recipient-form ul a {
  12266.                        display: inline
  12267.                    }
  12268.  
  12269.                    .recipient-form .error-message:first-letter {
  12270.                        text-transform: capitalize
  12271.                    }
  12272.  
  12273.                    @media screen and (forced-colors: active) {
  12274.                        .recipient-fields>hr {
  12275.                            border-top: .1rem solid rgb(var(--color-background))
  12276.                        }
  12277.  
  12278.                        .recipient-checkbox>svg {
  12279.                            background-color: inherit;
  12280.                            border: .1rem solid rgb(var(--color-background))
  12281.                        }
  12282.  
  12283.                        .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12284.                            border: none
  12285.                        }
  12286.                    }
  12287.                </style>
  12288.                <style>
  12289.                    .accordion summary {
  12290.                        display: flex;
  12291.                        position: relative;
  12292.                        line-height: 1;
  12293.                        padding: 1.5rem 0
  12294.                    }
  12295.  
  12296.                    .accordion .summary__title {
  12297.                        display: flex;
  12298.                        flex: 1
  12299.                    }
  12300.  
  12301.                    .accordion .summary__title+.icon-caret {
  12302.                        height: calc(var(--font-heading-scale) * .6rem)
  12303.                    }
  12304.  
  12305.                    .accordion+.accordion {
  12306.                        margin-top: 0;
  12307.                        border-top: none
  12308.                    }
  12309.  
  12310.                    .accordion {
  12311.                        margin-top: 2.5rem;
  12312.                        margin-bottom: 0;
  12313.                        border-top: .1rem solid rgba(var(--color-foreground), .08);
  12314.                        border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  12315.                    }
  12316.  
  12317.                    .accordion__title {
  12318.                        display: inline-block;
  12319.                        max-width: calc(100% - 6rem);
  12320.                        min-height: 1.6rem;
  12321.                        margin: 0;
  12322.                        word-break: break-word
  12323.                    }
  12324.  
  12325.                    .accordion .icon-accordion {
  12326.                        align-self: center;
  12327.                        fill: rgb(var(--color-foreground));
  12328.                        height: calc(var(--font-heading-scale) * 2rem);
  12329.                        margin-right: calc(var(--font-heading-scale) * 1rem);
  12330.                        width: calc(var(--font-heading-scale) * 2rem)
  12331.                    }
  12332.  
  12333.                    .accordion details[open]>summary .icon-caret {
  12334.                        transform: rotate(180deg)
  12335.                    }
  12336.  
  12337.                    .accordion__content {
  12338.                        margin-bottom: 1.5rem;
  12339.                        word-break: break-word;
  12340.                        overflow-x: auto;
  12341.                        padding: 0 .6rem
  12342.                    }
  12343.  
  12344.                    .accordion__content img {
  12345.                        max-width: 100%
  12346.                    }
  12347.                </style>
  12348.                <style>
  12349.                    .price {
  12350.                        font-size: 1.6rem;
  12351.                        letter-spacing: .1rem;
  12352.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12353.                        color: rgb(var(--color-foreground))
  12354.                    }
  12355.  
  12356.                    .price>* {
  12357.                        display: inline-block;
  12358.                        vertical-align: top
  12359.                    }
  12360.  
  12361.                    .price.price--unavailable {
  12362.                        visibility: hidden
  12363.                    }
  12364.  
  12365.                    .price--end {
  12366.                        text-align: right
  12367.                    }
  12368.  
  12369.                    .price .price-item {
  12370.                        display: inline-block;
  12371.                        margin: 0 1rem 0 0
  12372.                    }
  12373.  
  12374.                    .price__regular .price-item--regular {
  12375.                        margin-right: 0
  12376.                    }
  12377.  
  12378.                    .price:not(.price--show-badge) .price-item--last:last-of-type {
  12379.                        margin: 0
  12380.                    }
  12381.  
  12382.                    @media screen and (min-width: 750px) {
  12383.                        .price {
  12384.                            margin-bottom: 0
  12385.                        }
  12386.                    }
  12387.  
  12388.                    .price--large {
  12389.                        font-size: 1.6rem;
  12390.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12391.                        letter-spacing: .13rem
  12392.                    }
  12393.  
  12394.                    @media screen and (min-width: 750px) {
  12395.                        .price--large {
  12396.                            font-size: 1.8rem
  12397.                        }
  12398.                    }
  12399.  
  12400.                    .price--sold-out .price__availability,
  12401.                    .price__regular {
  12402.                        display: block
  12403.                    }
  12404.  
  12405.                    .price__sale,
  12406.                    .price__availability,
  12407.                    .price .price__badge-sale,
  12408.                    .price .price__badge-sold-out,
  12409.                    .price--on-sale .price__regular,
  12410.                    .price--on-sale .price__availability {
  12411.                        display: none
  12412.                    }
  12413.  
  12414.                    .price--sold-out .price__badge-sold-out,
  12415.                    .price--on-sale .price__badge-sale,
  12416.                    .volume-pricing--sale-badge .price__badge-sale {
  12417.                        display: inline-block
  12418.                    }
  12419.  
  12420.                    .volume-pricing--sale-badge .price__badge-sale {
  12421.                        margin-left: .5rem
  12422.                    }
  12423.  
  12424.                    .price--on-sale .price__sale {
  12425.                        display: initial;
  12426.                        flex-direction: row;
  12427.                        flex-wrap: wrap
  12428.                    }
  12429.  
  12430.                    .price--center {
  12431.                        display: initial;
  12432.                        justify-content: center
  12433.                    }
  12434.  
  12435.                    .price--on-sale .price-item--regular {
  12436.                        text-decoration: line-through;
  12437.                        color: rgba(var(--color-foreground), .75);
  12438.                        font-size: 1.3rem
  12439.                    }
  12440.  
  12441.                    .unit-price {
  12442.                        display: block;
  12443.                        font-size: 1.1rem;
  12444.                        letter-spacing: .04rem;
  12445.                        line-height: calc(1 + .2 / var(--font-body-scale));
  12446.                        margin-top: .2rem;
  12447.                        text-transform: uppercase;
  12448.                        color: rgba(var(--color-foreground), .7)
  12449.                    }
  12450.                </style>
  12451.                <style>
  12452.                    slider-component {
  12453.                        --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  12454.                        position: relative;
  12455.                        display: block
  12456.                    }
  12457.  
  12458.                    slider-component.slider-component-full-width {
  12459.                        --desktop-margin-left-first-item: 1.5rem
  12460.                    }
  12461.  
  12462.                    @media screen and (max-width: 749px) {
  12463.                        slider-component.page-width {
  12464.                            padding: 0 1.5rem
  12465.                        }
  12466.                    }
  12467.  
  12468.                    @media screen and (min-width: 749px) and (max-width: 990px) {
  12469.                        slider-component.page-width {
  12470.                            padding: 0 5rem
  12471.                        }
  12472.                    }
  12473.  
  12474.                    @media screen and (max-width: 989px) {
  12475.                        .no-js slider-component .slider {
  12476.                            padding-bottom: 3rem
  12477.                        }
  12478.                    }
  12479.  
  12480.                    .slider__slide {
  12481.                        --focus-outline-padding: .5rem;
  12482.                        --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  12483.                        --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  12484.                        scroll-snap-align: start;
  12485.                        flex-shrink: 0;
  12486.                        padding-bottom: 0
  12487.                    }
  12488.  
  12489.                    @media screen and (max-width: 749px) {
  12490.                        .slider.slider--mobile {
  12491.                            position: relative;
  12492.                            flex-wrap: inherit;
  12493.                            overflow-x: auto;
  12494.                            scroll-snap-type: x mandatory;
  12495.                            scroll-behavior: smooth;
  12496.                            scroll-padding-left: 1.5rem;
  12497.                            -webkit-overflow-scrolling: touch;
  12498.                            margin-bottom: 1rem
  12499.                        }
  12500.  
  12501.                        .slider--mobile:after {
  12502.                            content: "";
  12503.                            width: 0;
  12504.                            padding-left: 1.5rem
  12505.                        }
  12506.  
  12507.                        .slider.slider--mobile .slider__slide {
  12508.                            margin-bottom: 0;
  12509.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12510.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12511.                        }
  12512.  
  12513.                        .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12514.                            padding-bottom: var(--focus-outline-padding)
  12515.                        }
  12516.  
  12517.                        .slider.slider--mobile.contains-content-container .slider__slide {
  12518.                            --focus-outline-padding: 0rem
  12519.                        }
  12520.                    }
  12521.  
  12522.                    @media screen and (min-width: 750px) {
  12523.                        .slider.slider--tablet-up {
  12524.                            position: relative;
  12525.                            flex-wrap: inherit;
  12526.                            overflow-x: auto;
  12527.                            scroll-snap-type: x mandatory;
  12528.                            scroll-behavior: smooth;
  12529.                            scroll-padding-left: 1rem;
  12530.                            -webkit-overflow-scrolling: touch
  12531.                        }
  12532.  
  12533.                        .slider.slider--tablet-up .slider__slide {
  12534.                            margin-bottom: 0
  12535.                        }
  12536.                    }
  12537.  
  12538.                    @media screen and (max-width: 989px) {
  12539.                        .slider.slider--tablet {
  12540.                            position: relative;
  12541.                            flex-wrap: inherit;
  12542.                            overflow-x: auto;
  12543.                            scroll-snap-type: x mandatory;
  12544.                            scroll-behavior: smooth;
  12545.                            scroll-padding-left: 1.5rem;
  12546.                            -webkit-overflow-scrolling: touch;
  12547.                            margin-bottom: 1rem
  12548.                        }
  12549.  
  12550.                        .slider--tablet:after {
  12551.                            content: "";
  12552.                            width: 0;
  12553.                            padding-left: 1.5rem;
  12554.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12555.                        }
  12556.  
  12557.                        .slider.slider--tablet .slider__slide {
  12558.                            margin-bottom: 0;
  12559.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12560.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12561.                        }
  12562.  
  12563.                        .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12564.                            padding-bottom: var(--focus-outline-padding)
  12565.                        }
  12566.  
  12567.                        .slider.slider--tablet.contains-content-container .slider__slide {
  12568.                            --focus-outline-padding: 0rem
  12569.                        }
  12570.                    }
  12571.  
  12572.                    .slider--everywhere {
  12573.                        position: relative;
  12574.                        flex-wrap: inherit;
  12575.                        overflow-x: auto;
  12576.                        scroll-snap-type: x mandatory;
  12577.                        scroll-behavior: smooth;
  12578.                        -webkit-overflow-scrolling: touch;
  12579.                        margin-bottom: 1rem
  12580.                    }
  12581.  
  12582.                    .slider.slider--everywhere .slider__slide {
  12583.                        margin-bottom: 0;
  12584.                        scroll-snap-align: center
  12585.                    }
  12586.  
  12587.                    @media screen and (min-width: 990px) {
  12588.                        .slider-component-desktop.page-width {
  12589.                            max-width: none
  12590.                        }
  12591.  
  12592.                        .slider--desktop {
  12593.                            position: relative;
  12594.                            flex-wrap: inherit;
  12595.                            overflow-x: auto;
  12596.                            scroll-snap-type: x mandatory;
  12597.                            scroll-behavior: smooth;
  12598.                            -webkit-overflow-scrolling: touch;
  12599.                            margin-bottom: 1rem;
  12600.                            scroll-padding-left: var(--desktop-margin-left-first-item)
  12601.                        }
  12602.  
  12603.                        .slider--desktop:after {
  12604.                            content: "";
  12605.                            width: 0;
  12606.                            padding-left: 5rem;
  12607.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12608.                        }
  12609.  
  12610.                        .slider.slider--desktop .slider__slide {
  12611.                            margin-bottom: 0;
  12612.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12613.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12614.                        }
  12615.  
  12616.                        .slider--desktop .slider__slide:first-child {
  12617.                            margin-left: var(--desktop-margin-left-first-item);
  12618.                            scroll-margin-left: var(--desktop-margin-left-first-item)
  12619.                        }
  12620.  
  12621.                        .slider-component-full-width .slider--desktop {
  12622.                            scroll-padding-left: 1.5rem
  12623.                        }
  12624.  
  12625.                        .slider-component-full-width .slider--desktop .slider__slide:first-child {
  12626.                            margin-left: 1.5rem;
  12627.                            scroll-margin-left: 1.5rem
  12628.                        }
  12629.  
  12630.                        .slider-component-full-width .slider--desktop:after {
  12631.                            padding-left: 1.5rem
  12632.                        }
  12633.  
  12634.                        .slider--desktop.grid--5-col-desktop .grid__item {
  12635.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  12636.                        }
  12637.  
  12638.                        .slider--desktop.grid--4-col-desktop .grid__item {
  12639.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  12640.                        }
  12641.  
  12642.                        .slider--desktop.grid--3-col-desktop .grid__item {
  12643.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  12644.                        }
  12645.  
  12646.                        .slider--desktop.grid--2-col-desktop .grid__item {
  12647.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  12648.                        }
  12649.  
  12650.                        .slider--desktop.grid--1-col-desktop .grid__item {
  12651.                            width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  12652.                        }
  12653.  
  12654.                        .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12655.                            padding-bottom: var(--focus-outline-padding)
  12656.                        }
  12657.  
  12658.                        .slider.slider--desktop.contains-content-container .slider__slide {
  12659.                            --focus-outline-padding: 0rem
  12660.                        }
  12661.                    }
  12662.  
  12663.                    @media (prefers-reduced-motion) {
  12664.                        .slider {
  12665.                            scroll-behavior: auto
  12666.                        }
  12667.                    }
  12668.  
  12669.                    .slider {
  12670.                        scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  12671.                        -ms-overflow-style: none;
  12672.                        scrollbar-width: none
  12673.                    }
  12674.  
  12675.                    .slider::-webkit-scrollbar {
  12676.                        height: .4rem;
  12677.                        width: .4rem;
  12678.                        display: none
  12679.                    }
  12680.  
  12681.                    .no-js .slider {
  12682.                        -ms-overflow-style: auto;
  12683.                        scrollbar-width: auto
  12684.                    }
  12685.  
  12686.                    .no-js .slider::-webkit-scrollbar {
  12687.                        display: initial
  12688.                    }
  12689.  
  12690.                    .slider::-webkit-scrollbar-thumb {
  12691.                        background-color: rgb(var(--color-foreground));
  12692.                        border-radius: .4rem;
  12693.                        border: 0
  12694.                    }
  12695.  
  12696.                    .slider::-webkit-scrollbar-track {
  12697.                        background: rgba(var(--color-foreground), .04);
  12698.                        border-radius: .4rem
  12699.                    }
  12700.  
  12701.                    .slider-counter {
  12702.                        display: flex;
  12703.                        justify-content: center;
  12704.                        min-width: 4.4rem
  12705.                    }
  12706.  
  12707.                    @media screen and (min-width: 750px) {
  12708.                        .slider-counter--dots {
  12709.                            margin: 0 1.2rem
  12710.                        }
  12711.                    }
  12712.  
  12713.                    .slider-counter__link {
  12714.                        padding: 1rem
  12715.                    }
  12716.  
  12717.                    @media screen and (max-width: 749px) {
  12718.                        .slider-counter__link {
  12719.                            padding: .7rem
  12720.                        }
  12721.                    }
  12722.  
  12723.                    .slider-counter__link--dots .dot {
  12724.                        width: 1rem;
  12725.                        height: 1rem;
  12726.                        border-radius: 50%;
  12727.                        border: .1rem solid rgba(var(--color-foreground), .5);
  12728.                        padding: 0;
  12729.                        display: block
  12730.                    }
  12731.  
  12732.                    .slider-counter__link--active.slider-counter__link--dots .dot {
  12733.                        background-color: rgb(var(--color-foreground))
  12734.                    }
  12735.  
  12736.                    @media screen and (forced-colors: active) {
  12737.                        .slider-counter__link--active.slider-counter__link--dots .dot {
  12738.                            background-color: CanvasText
  12739.                        }
  12740.                    }
  12741.  
  12742.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  12743.                        border-color: rgb(var(--color-foreground))
  12744.                    }
  12745.  
  12746.                    .slider-counter__link--dots .dot,
  12747.                    .slider-counter__link--numbers {
  12748.                        transition: transform .2s ease-in-out
  12749.                    }
  12750.  
  12751.                    .slider-counter__link--active.slider-counter__link--numbers,
  12752.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  12753.                    .slider-counter__link--numbers:hover {
  12754.                        transform: scale(1.1)
  12755.                    }
  12756.  
  12757.                    .slider-counter__link--numbers {
  12758.                        color: rgba(var(--color-foreground), .5);
  12759.                        text-decoration: none
  12760.                    }
  12761.  
  12762.                    .slider-counter__link--numbers:hover {
  12763.                        color: rgb(var(--color-foreground))
  12764.                    }
  12765.  
  12766.                    .slider-counter__link--active.slider-counter__link--numbers {
  12767.                        text-decoration: underline;
  12768.                        color: rgb(var(--color-foreground))
  12769.                    }
  12770.  
  12771.                    .slider-buttons {
  12772.                        display: flex;
  12773.                        align-items: center;
  12774.                        justify-content: center
  12775.                    }
  12776.  
  12777.                    @media screen and (min-width: 990px) {
  12778.                        .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  12779.                            display: none
  12780.                        }
  12781.                    }
  12782.  
  12783.                    @media screen and (max-width: 989px) {
  12784.                        .slider--desktop:not(.slider--tablet)+.slider-buttons {
  12785.                            display: none
  12786.                        }
  12787.                    }
  12788.  
  12789.                    @media screen and (min-width: 750px) {
  12790.                        .slider--mobile+.slider-buttons {
  12791.                            display: none
  12792.                        }
  12793.                    }
  12794.  
  12795.                    .slider-button {
  12796.                        color: rgba(var(--color-foreground), .75);
  12797.                        background: transparent;
  12798.                        border: none;
  12799.                        cursor: pointer;
  12800.                        width: 44px;
  12801.                        height: 44px;
  12802.                        display: flex;
  12803.                        align-items: center;
  12804.                        justify-content: center
  12805.                    }
  12806.  
  12807.                    .slider-button:not([disabled]):hover {
  12808.                        color: rgb(var(--color-foreground))
  12809.                    }
  12810.  
  12811.                    .slider-button .icon {
  12812.                        height: .6rem
  12813.                    }
  12814.  
  12815.                    .slider-button[disabled] .icon {
  12816.                        color: rgba(var(--color-foreground), .3);
  12817.                        cursor: not-allowed
  12818.                    }
  12819.  
  12820.                    .slider-button--next .icon {
  12821.                        transform: rotate(-90deg)
  12822.                    }
  12823.  
  12824.                    .slider-button--prev .icon {
  12825.                        transform: rotate(90deg)
  12826.                    }
  12827.  
  12828.                    .slider-button--next:not([disabled]):hover .icon {
  12829.                        transform: rotate(-90deg) scale(1.1)
  12830.                    }
  12831.  
  12832.                    .slider-button--prev:not([disabled]):hover .icon {
  12833.                        transform: rotate(90deg) scale(1.1)
  12834.                    }
  12835.                </style>
  12836.                <style>
  12837.                    .rating {
  12838.                        display: inline-block;
  12839.                        margin: 0
  12840.                    }
  12841.  
  12842.                    .product .rating-star {
  12843.                        --letter-spacing: .8;
  12844.                        --font-size: 1.7
  12845.                    }
  12846.  
  12847.                    .card-wrapper .rating-star {
  12848.                        --letter-spacing: .7;
  12849.                        --font-size: 1.4
  12850.                    }
  12851.  
  12852.                    .rating-star {
  12853.                        --color-rating-star: rgb(var(--color-foreground));
  12854.                        --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  12855.                        letter-spacing: calc(var(--letter-spacing) * 1rem);
  12856.                        font-size: calc(var(--font-size) * 1rem);
  12857.                        line-height: 1;
  12858.                        display: inline-block;
  12859.                        font-family: Times;
  12860.                        margin: 0
  12861.                    }
  12862.  
  12863.                    .rating-star:before {
  12864.                        content: "\2605\2605\2605\2605\2605";
  12865.                        background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
  12866.                        -webkit-background-clip: text;
  12867.                        -webkit-text-fill-color: transparent
  12868.                    }
  12869.  
  12870.                    .rating-text {
  12871.                        display: none
  12872.                    }
  12873.  
  12874.                    .rating-count {
  12875.                        display: inline-block;
  12876.                        margin: 0
  12877.                    }
  12878.  
  12879.                    @media (forced-colors: active) {
  12880.                        .rating {
  12881.                            display: none
  12882.                        }
  12883.  
  12884.                        .rating-text {
  12885.                            display: block
  12886.                        }
  12887.                    }
  12888.                </style>
  12889.                <style>
  12890.                    .deferred-media__poster {
  12891.                        background-color: transparent;
  12892.                        border: none;
  12893.                        cursor: pointer;
  12894.                        margin: 0;
  12895.                        padding: 0;
  12896.                        height: 100%;
  12897.                        width: 100%;
  12898.                        overflow: hidden;
  12899.                        border-radius: calc(var(--border-radius) - var(--border-width))
  12900.                    }
  12901.  
  12902.                    .media>.deferred-media__poster {
  12903.                        display: flex;
  12904.                        align-items: center;
  12905.                        justify-content: center
  12906.                    }
  12907.  
  12908.                    .deferred-media__poster img {
  12909.                        width: auto;
  12910.                        max-width: 100%;
  12911.                        height: 100%
  12912.                    }
  12913.  
  12914.                    .deferred-media {
  12915.                        overflow: hidden
  12916.                    }
  12917.  
  12918.                    .deferred-media:not([loaded]) template {
  12919.                        z-index: -1
  12920.                    }
  12921.  
  12922.                    .deferred-media[loaded]>.deferred-media__poster {
  12923.                        display: none
  12924.                    }
  12925.  
  12926.                    .deferred-media__poster:focus-visible {
  12927.                        outline: none;
  12928.                        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);
  12929.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12930.                    }
  12931.  
  12932.                    .deferred-media__poster:focus {
  12933.                        outline: none;
  12934.                        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);
  12935.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12936.                    }
  12937.  
  12938.                    .global-media-settings--full-width .deferred-media__poster,
  12939.                    .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
  12940.                        border-radius: 0
  12941.                    }
  12942.  
  12943.                    @media (forced-colors: active) {
  12944.                        .deferred-media__poster:focus {
  12945.                            outline: transparent solid 1px
  12946.                        }
  12947.                    }
  12948.  
  12949.                    .deferred-media__poster:focus:not(:focus-visible) {
  12950.                        outline: 0;
  12951.                        box-shadow: none
  12952.                    }
  12953.  
  12954.                    .deferred-media__poster-button {
  12955.                        background-color: rgb(var(--color-background));
  12956.                        border: .1rem solid rgba(var(--color-foreground), .1);
  12957.                        border-radius: 50%;
  12958.                        color: rgb(var(--color-foreground));
  12959.                        display: flex;
  12960.                        align-items: center;
  12961.                        justify-content: center;
  12962.                        height: 6.2rem;
  12963.                        width: 6.2rem;
  12964.                        position: absolute;
  12965.                        left: 50%;
  12966.                        top: 50%;
  12967.                        transform: translate(-50%, -50%) scale(1);
  12968.                        transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  12969.                        z-index: 1
  12970.                    }
  12971.  
  12972.                    .deferred-media__poster-button:hover {
  12973.                        transform: translate(-50%, -50%) scale(1.1)
  12974.                    }
  12975.  
  12976.                    .deferred-media__poster-button .icon {
  12977.                        width: 2rem;
  12978.                        height: 2rem
  12979.                    }
  12980.  
  12981.                    .deferred-media__poster-button .icon-play {
  12982.                        margin-left: .2rem
  12983.                    }
  12984.                </style>
  12985.                <style data-shopify>
  12986.                    .section-template--17040648077525__main-padding {
  12987.                        padding-top: 45px;
  12988.                        padding-bottom: 45px;
  12989.                    }
  12990.  
  12991.                    @media screen and (min-width: 750px) {
  12992.                        .section-template--17040648077525__main-padding {
  12993.                            padding-top: 60px;
  12994.                            padding-bottom: 60px;
  12995.                        }
  12996.                    }
  12997.                </style>
  12998.                <script src="cdn/shop/t/4/assets/product-infob121.js?v=81873523020508815201701676179"
  12999.                    defer="defer"></script>
  13000.                <script src="cdn/shop/t/4/assets/product-form5df2.js?v=133081758708377679181701676179"
  13001.                    defer="defer"></script>
  13002.  
  13003.                <div class="page-width">
  13004.                    <div
  13005.                        class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">
  13006.                        <div class="grid__item product__media-wrapper">
  13007.  
  13008.                            <media-gallery id="MediaGallery-template--17040648077525__main" role="region"
  13009.                                class="product__column-sticky" aria-label="Gallery Viewer"
  13010.                                data-desktop-layout="thumbnail_slider">
  13011.                                <div id="GalleryStatus-template--17040648077525__main" class="visually-hidden"
  13012.                                    role="status"></div>
  13013.                                <slider-component id="GalleryViewer-template--17040648077525__main"
  13014.                                    class="slider-mobile-gutter"><a
  13015.                                        class="skip-to-content-link button visually-hidden quick-add-hidden"
  13016.                                        href="#ProductInfo-template--17040648077525__main">
  13017.                                        Ãœrün bilgilerini ekleyin
  13018.                                    </a>
  13019.                                    <ul id="Slider-Gallery-template--17040648077525__main"
  13020.                                        class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
  13021.                                        role="list">
  13022.                                        <li id="Slide-template--17040648077525__main-33478743672119"
  13023.                                            class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in"
  13024.                                            data-media-id="template--17040648077525__main-33478743672119">
  13025.  
  13026.                                            <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
  13027.                                                style="--ratio: 1.0; --preview-ratio: 1.0;">
  13028.                                                <noscript>
  13029.                                                    <div class="product__media media">
  13030.                                                        <img src="https://ophiuchus.club/img/Prettm.webp"
  13031.                                                            alt="TOTO MACAU TOGEL"
  13032.                                                            srcset="https://ophiuchus.club/img/Prettm.webp 246w, https://ophiuchus.club/img/Prettm.webp 493w, https://ophiuchus.club/img/Prettm.webp 600w, https://ophiuchus.club/img/Prettm.webp 713w, https://ophiuchus.club/img/Prettm.webp3 823w, https://ophiuchus.club/img/Prettm.webp 990w, https://ophiuchus.club/img/Prettm.webp 1100w, https://ophiuchus.club/img/Prettm.webp 1206w, https://ophiuchus.club/img/Prettm.webp 1346w, https://ophiuchus.club/img/Prettm.webp 1426w, https://ophiuchus.club/img/Prettm.webp 1646w, https://ophiuchus.club/img/Prettm.webp 1946w"
  13033.                                                            width="1946" height="1946"
  13034.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13035.                                                    </div>
  13036.                                                </noscript>
  13037.  
  13038.                                                <modal-opener
  13039.                                                    class="product__modal-opener product__modal-opener--image no-js-hidden"
  13040.                                                    data-modal="#ProductModal-template--17040648077525__main">
  13041.                                                    <span
  13042.                                                        class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox"
  13043.                                                        aria-hidden="true"><svg aria-hidden="true" focusable="false"
  13044.                                                            class="icon icon-plus" width="19" height="19"
  13045.                                                            viewBox="0 0 19 19" fill="none"
  13046.                                                            xmlns="http://www.w3.org/2000/svg">
  13047.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13048.                                                                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"
  13049.                                                                fill="currentColor" />
  13050.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13051.                                                                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"
  13052.                                                                fill="currentColor" />
  13053.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13054.                                                                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"
  13055.                                                                fill="currentColor" />
  13056.                                                        </svg>
  13057.                                                    </span>
  13058.  
  13059.                                                    <style>
  13060.                                                        .loading__spinner {
  13061.                                                            position: absolute;
  13062.                                                            z-index: 1;
  13063.                                                            width: 1.8rem
  13064.                                                        }
  13065.  
  13066.                                                        .loading__spinner {
  13067.                                                            width: 1.8rem;
  13068.                                                            display: inline-block
  13069.                                                        }
  13070.  
  13071.                                                        .spinner {
  13072.                                                            animation: rotator 1.4s linear infinite
  13073.                                                        }
  13074.  
  13075.                                                        @keyframes rotator {
  13076.                                                            0% {
  13077.                                                                transform: rotate(0)
  13078.                                                            }
  13079.  
  13080.                                                            to {
  13081.                                                                transform: rotate(270deg)
  13082.                                                            }
  13083.                                                        }
  13084.  
  13085.                                                        .path {
  13086.                                                            stroke-dasharray: 280;
  13087.                                                            stroke-dashoffset: 0;
  13088.                                                            transform-origin: center;
  13089.                                                            stroke: rgb(var(--color-foreground));
  13090.                                                            animation: dash 1.4s ease-in-out infinite
  13091.                                                        }
  13092.  
  13093.                                                        @media screen and (forced-colors: active) {
  13094.                                                            .path {
  13095.                                                                stroke: CanvasText
  13096.                                                            }
  13097.                                                        }
  13098.  
  13099.                                                        @keyframes dash {
  13100.                                                            0% {
  13101.                                                                stroke-dashoffset: 280
  13102.                                                            }
  13103.  
  13104.                                                            50% {
  13105.                                                                stroke-dashoffset: 75;
  13106.                                                                transform: rotate(135deg)
  13107.                                                            }
  13108.  
  13109.                                                            to {
  13110.                                                                stroke-dashoffset: 280;
  13111.                                                                transform: rotate(450deg)
  13112.                                                            }
  13113.                                                        }
  13114.  
  13115.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13116.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13117.                                                            opacity: 50%
  13118.                                                        }
  13119.  
  13120.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13121.                                                            pointer-events: none;
  13122.                                                            cursor: default
  13123.                                                        }
  13124.                                                    </style>
  13125.                                                    <div class="loading__spinner hidden">
  13126.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13127.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13128.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13129.                                                                cy="33" r="30"></circle>
  13130.                                                        </svg>
  13131.                                                    </div>
  13132.                                                    <div class="product__media media media--transparent">
  13133.                                                        <img src="https://ophiuchus.club/img/Prettm.webp"
  13134.                                                            alt="TOTO MACAU" width="1000" height="1000"
  13135.                                                            class="image-magnify-lightbox"
  13136.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13137.                                                    </div>
  13138.                                                    <button
  13139.                                                        class="product__media-toggle quick-add-hidden product__media-zoom-lightbox"
  13140.                                                        type="button" aria-haspopup="dialog"
  13141.                                                        data-media-id="33478743672119">
  13142.                                                        <span class="visually-hidden">
  13143.                                                            Medyayı 1 modal olarak aç
  13144.                                                        </span>
  13145.                                                    </button>
  13146.                                                </modal-opener>
  13147.                                            </div>
  13148.  
  13149.                                        </b></li>
  13150.                                    </ul>
  13151.                                    <div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
  13152.                                        <button type="button" class="slider-button slider-button--prev" name="previous"
  13153.                                            aria-label="Slide left">
  13154.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13155.                                                viewBox="0 0 10 6">
  13156.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13157.                                                    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"
  13158.                                                    fill="currentColor">
  13159.                                            </svg>
  13160.  
  13161.                                        </button>
  13162.                                        <div class="slider-counter caption">
  13163.                                            <span class="slider-counter--current">1</span>
  13164.                                            <span aria-hidden="true"> / </span>
  13165.                                            <span class="visually-hidden">of</span>
  13166.                                            <span class="slider-counter--total">1</span>
  13167.                                        </div>
  13168.                                        <button type="button" class="slider-button slider-button--next" name="next"
  13169.                                            aria-label="Slide right">
  13170.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13171.                                                viewBox="0 0 10 6">
  13172.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13173.                                                    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"
  13174.                                                    fill="currentColor">
  13175.                                            </svg>
  13176.  
  13177.                                        </button>
  13178.                                    </div>
  13179.                                </slider-component>
  13180.                            </media-gallery>
  13181.  
  13182.                        </div>
  13183.                        <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
  13184.                            <product-info id="ProductInfo-template--17040648077525__main"
  13185.                                data-section="template--17040648077525__main" data-url="https://duwaynemotel.com/"
  13186.                                class="product__info-container product__column-sticky">
  13187.                                <p class="product__text inline-richtext">TOTO MACAU</p>
  13188.                                <div class="product__title">
  13189.                                    <h1>Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya</h1>
  13190.                                    <a href="https://duwaynemotel.com/" class="product__title">
  13191.                                        <h2 class="h1">
  13192.                                            Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya
  13193.                                        </h2>
  13194.                                    </a>
  13195.                                </div>
  13196.                                <div class="no-js-hidden" id="price-template--17040648077525__main" role="status">
  13197.                                    <div class="
  13198.    price price--large price--on-sale price--show-badge">
  13199.                                        <div class="price__container">
  13200.                                            <div class="price__regular"><span
  13201.                                                    class="visually-hidden visually-hidden--inline">Regular
  13202.                                                    price</span>
  13203.                                                <span class="price-item price-item--regular">
  13204.                                                    Rp 10.000,00
  13205.                                                </span>
  13206.                                            </div>
  13207.                                            <div class="price__sale">
  13208.                                                <span class="visually-hidden visually-hidden--inline">Regular
  13209.                                                    price</span>
  13210.                                                <span>
  13211.                                                    <s class="price-item price-item--regular">
  13212.  
  13213.                                                        Rp 100.000,00
  13214.  
  13215.                                                    </s>
  13216.                                                </span><span class="visually-hidden visually-hidden--inline">Sale
  13217.                                                    price</span>
  13218.                                                <span class="price-item price-item--sale price-item--last">
  13219.                                                    Rp 10.000,00
  13220.                                                </span>
  13221.                                            </div>
  13222.                                            <small class="unit-price caption hidden">
  13223.                                                <span class="visually-hidden">Unit price</span>
  13224.                                                <span class="price-item price-item--last">
  13225.                                                    <span></span>
  13226.                                                    <span aria-hidden="true">/</span>
  13227.                                                    <span class="visually-hidden">&nbsp;per&nbsp;</span>
  13228.                                                    <span>
  13229.                                                    </span>
  13230.                                                </span>
  13231.                                            </small>
  13232.                                        </div><span class="badge price__badge-sale color-accent-1">
  13233.                                            PREDIKSI MACAU
  13234.                                        </span>
  13235.  
  13236.                                        <span class="badge price__badge-sold-out color-background-1">
  13237.                                            Sold out
  13238.                                        </span>
  13239.                                    </div>
  13240.                                </div>
  13241.                                <div class="product__tax caption rte"></div>
  13242.                                <div>
  13243.                                    <form method="post" action="https://duwaynemotel.com/"
  13244.                                        id="product-form-installment-template--17040648077525__main"
  13245.                                        accept-charset="UTF-8" class="installment caption-large"
  13246.                                        enctype="multipart/form-data"><input type="hidden" name="form_type"
  13247.                                            value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13248.                                            type="hidden" name="id" value="43114192093653">
  13249.  
  13250.                                        <input type="hidden" name="product-id" value="8226828321669" />
  13251.                                    </form>
  13252.                                </div>
  13253.                                <noscript class="product-form__noscript-wrapper-template--17040648077525__main">
  13254.                                    <div class="product-form__input hidden">
  13255.                                        <label class="form__label" for="Variants-template--17040648077525__main">Product
  13256.                                            variants</label>
  13257.                                        <div class="select">
  13258.                                            <select name="id" id="Variants-template--17040648077525__main"
  13259.                                                class="select__select"
  13260.                                                form="product-form-template--17040648077525__main">
  13261.                                                <option selected="selected" value="43114192093653">Default Title - Rp
  13262.                                                    5.000,00</option>
  13263.                                            </select>
  13264.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13265.                                                viewBox="0 0 10 6">
  13266.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13267.                                                    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"
  13268.                                                    fill="currentColor">
  13269.                                            </svg>
  13270.  
  13271.                                        </div>
  13272.                                    </div>
  13273.                                </noscript>
  13274.  
  13275.                                <div id="Quantity-Form-template--17040648077525__main"
  13276.                                    class="product-form__input product-form__quantity">
  13277.  
  13278.  
  13279.  
  13280.                                    <label class="quantity__label form__label"
  13281.                                        for="Quantity-template--17040648077525__main">
  13282.                                        Quantity
  13283.                                        <span class="quantity__rules-cart no-js-hidden hidden">
  13284.                                            <style>
  13285.                                                .loading__spinner {
  13286.                                                    position: absolute;
  13287.                                                    z-index: 1;
  13288.                                                    width: 1.8rem
  13289.                                                }
  13290.  
  13291.                                                .loading__spinner {
  13292.                                                    width: 1.8rem;
  13293.                                                    display: inline-block
  13294.                                                }
  13295.  
  13296.                                                .spinner {
  13297.                                                    animation: rotator 1.4s linear infinite
  13298.                                                }
  13299.  
  13300.                                                @keyframes rotator {
  13301.                                                    0% {
  13302.                                                        transform: rotate(0)
  13303.                                                    }
  13304.  
  13305.                                                    to {
  13306.                                                        transform: rotate(270deg)
  13307.                                                    }
  13308.                                                }
  13309.  
  13310.                                                .path {
  13311.                                                    stroke-dasharray: 280;
  13312.                                                    stroke-dashoffset: 0;
  13313.                                                    transform-origin: center;
  13314.                                                    stroke: rgb(var(--color-foreground));
  13315.                                                    animation: dash 1.4s ease-in-out infinite
  13316.                                                }
  13317.  
  13318.                                                @media screen and (forced-colors: active) {
  13319.                                                    .path {
  13320.                                                        stroke: CanvasText
  13321.                                                    }
  13322.                                                }
  13323.  
  13324.                                                @keyframes dash {
  13325.                                                    0% {
  13326.                                                        stroke-dashoffset: 280
  13327.                                                    }
  13328.  
  13329.                                                    50% {
  13330.                                                        stroke-dashoffset: 75;
  13331.                                                        transform: rotate(135deg)
  13332.                                                    }
  13333.  
  13334.                                                    to {
  13335.                                                        stroke-dashoffset: 280;
  13336.                                                        transform: rotate(450deg)
  13337.                                                    }
  13338.                                                }
  13339.  
  13340.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13341.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13342.                                                    opacity: 50%
  13343.                                                }
  13344.  
  13345.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13346.                                                    pointer-events: none;
  13347.                                                    cursor: default
  13348.                                                }
  13349.                                            </style>
  13350.  
  13351.                                            <div class="loading__spinner hidden">
  13352.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  13353.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13354.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  13355.                                                        r="30"></circle>
  13356.                                                </svg>
  13357.                                            </div>
  13358.                                            <span>(<span class="quantity-cart">0</span> in cart)</span>
  13359.                                        </span>
  13360.                                    </label>
  13361.                                    <div class="price-per-item__container">
  13362.                                        <quantity-input class="quantity" data-url="https://duwaynemotel.com/"
  13363.                                            data-section="template--17040648077525__main">
  13364.                                            <button class="quantity__button no-js-hidden" name="minus" type="button">
  13365.                                                <span class="visually-hidden">Decrease quantity for Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya</span>
  13366.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13367.                                                    focusable="false" class="icon icon-minus" fill="none"
  13368.                                                    viewBox="0 0 10 2">
  13369.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13370.                                                        d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
  13371.                                                        fill="currentColor">
  13372.                                                </svg>
  13373.  
  13374.                                            </button>
  13375.                                            <input class="quantity__input" type="number" name="quantity"
  13376.                                                id="Quantity-template--17040648077525__main" data-cart-quantity="0"
  13377.                                                data-min="1" min="1" step="1" value="1"
  13378.                                                form="product-form-template--17040648077525__main" />
  13379.                                            <button class="quantity__button no-js-hidden" name="plus" type="button">
  13380.                                                <span class="visually-hidden">Increase quantity for Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya</span>
  13381.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13382.                                                    focusable="false" class="icon icon-plus" fill="none"
  13383.                                                    viewBox="0 0 10 10">
  13384.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13385.                                                        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"
  13386.                                                        fill="currentColor">
  13387.                                                </svg>
  13388.  
  13389.                                            </button>
  13390.                                        </quantity-input>
  13391.                                    </div>
  13392.                                    <div class="quantity__rules caption no-js-hidden"
  13393.                                        id="Quantity-Rules-template--17040648077525__main">
  13394.                                    </div>
  13395.                                </div>
  13396.                                <div><product-form class="product-form" data-hide-errors="false"
  13397.                                        data-section-id="template--17040648077525__main">
  13398.                                        <div class="product-form__error-message-wrapper" role="alert" hidden>
  13399.                                            <svg aria-hidden="true" focusable="false" class="icon icon-error"
  13400.                                                viewBox="0 0 13 13">
  13401.                                                <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2" />
  13402.                                                <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B"
  13403.                                                    stroke-width="0.7" />
  13404.                                                <path
  13405.                                                    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"
  13406.                                                    fill="white" />
  13407.                                                <path
  13408.                                                    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"
  13409.                                                    fill="white" stroke="#EB001B" stroke-width="0.7">
  13410.                                            </svg>
  13411.                                            <span class="product-form__error-message"></span>
  13412.                                        </div>
  13413.                                        <form method="post" action="https://ophiuchus.club/Prediksi-Macau"
  13414.                                            id="product-form-template--17040648077525__main" accept-charset="UTF-8"
  13415.                                            class="form" enctype="multipart/form-data" novalidate="novalidate"
  13416.                                            data-type="add-to-cart-form"><input type="hidden" name="form_type"
  13417.                                                value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13418.                                                type="hidden" name="id" value="43114192093653"
  13419.                                                class="product-variant-id">
  13420.                                            <div class="product-form__buttons"><button
  13421.                                                    id="ProductSubmitButton-template--17040648077525__main"
  13422.                                                    type="submit" name="add"
  13423.                                                    class="product-form__submit button button--full-width button--secondary">
  13424.                                                    <span>Daftar TOTO MACAU
  13425.                                                    </span>
  13426.  
  13427.                                                    <style>
  13428.                                                        .loading__spinner {
  13429.                                                            position: absolute;
  13430.                                                            z-index: 1;
  13431.                                                            width: 1.8rem
  13432.                                                        }
  13433.  
  13434.                                                        .loading__spinner {
  13435.                                                            width: 1.8rem;
  13436.                                                            display: inline-block
  13437.                                                        }
  13438.  
  13439.                                                        .spinner {
  13440.                                                            animation: rotator 1.4s linear infinite
  13441.                                                        }
  13442.  
  13443.                                                        @keyframes rotator {
  13444.                                                            0% {
  13445.                                                                transform: rotate(0)
  13446.                                                            }
  13447.  
  13448.                                                            to {
  13449.                                                                transform: rotate(270deg)
  13450.                                                            }
  13451.                                                        }
  13452.  
  13453.                                                        .path {
  13454.                                                            stroke-dasharray: 280;
  13455.                                                            stroke-dashoffset: 0;
  13456.                                                            transform-origin: center;
  13457.                                                            stroke: rgb(var(--color-foreground));
  13458.                                                            animation: dash 1.4s ease-in-out infinite
  13459.                                                        }
  13460.  
  13461.                                                        @media screen and (forced-colors: active) {
  13462.                                                            .path {
  13463.                                                                stroke: CanvasText
  13464.                                                            }
  13465.                                                        }
  13466.  
  13467.                                                        @keyframes dash {
  13468.                                                            0% {
  13469.                                                                stroke-dashoffset: 280
  13470.                                                            }
  13471.  
  13472.                                                            50% {
  13473.                                                                stroke-dashoffset: 75;
  13474.                                                                transform: rotate(135deg)
  13475.                                                            }
  13476.  
  13477.                                                            to {
  13478.                                                                stroke-dashoffset: 280;
  13479.                                                                transform: rotate(450deg)
  13480.                                                            }
  13481.                                                        }
  13482.  
  13483.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13484.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13485.                                                            opacity: 50%
  13486.                                                        }
  13487.  
  13488.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13489.                                                            pointer-events: none;
  13490.                                                            cursor: default
  13491.                                                        }
  13492.                                                    </style>
  13493.                                                    <div class="loading__spinner hidden">
  13494.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13495.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13496.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13497.                                                                cy="33" r="30"></circle>
  13498.                                                        </svg>
  13499.                                                    </div>
  13500.                                                </button>
  13501.                                                <div data-shopify="payment-button" data-has-selling-plan="false"
  13502.                                                    data-has-fixed-selling-plan="false" class="shopify-payment-button">
  13503.                                                    <button
  13504.                                                        class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden"
  13505.                                                        disabled="disabled" aria-hidden="true"> </button><button
  13506.                                                        class="shopify-payment-button__more-options shopify-payment-button__button--hidden"
  13507.                                                        disabled="disabled" aria-hidden="true"> </button>
  13508.                                                </div>
  13509.                                            </div><input type="hidden" name="product-id" value="8226828321669" />
  13510.                                        </form>
  13511.                                    </product-form>
  13512.                                    <style>
  13513.                                        pickup-availability {
  13514.                                            display: block
  13515.                                        }
  13516.  
  13517.                                        pickup-availability[available] {
  13518.                                            min-height: 8rem
  13519.                                        }
  13520.  
  13521.                                        .pickup-availability-preview {
  13522.                                            align-items: flex-start;
  13523.                                            display: flex;
  13524.                                            gap: .2rem;
  13525.                                            padding: 1rem 2rem 0 0
  13526.                                        }
  13527.  
  13528.                                        .pickup-availability-preview .icon {
  13529.                                            flex-shrink: 0;
  13530.                                            height: 1.8rem
  13531.                                        }
  13532.  
  13533.                                        .pickup-availability-preview .icon-unavailable {
  13534.                                            height: 1.6rem;
  13535.                                            margin-top: .1rem
  13536.                                        }
  13537.  
  13538.                                        .pickup-availability-button {
  13539.                                            background-color: transparent;
  13540.                                            color: rgba(var(--color-foreground), .75);
  13541.                                            letter-spacing: .06rem;
  13542.                                            padding: 0 0 .2rem;
  13543.                                            text-align: left;
  13544.                                            text-decoration: underline
  13545.                                        }
  13546.  
  13547.                                        .pickup-availability-button:hover {
  13548.                                            color: rgb(var(--color-foreground))
  13549.                                        }
  13550.  
  13551.                                        .pickup-availability-info * {
  13552.                                            margin: 0 0 .6rem
  13553.                                        }
  13554.  
  13555.                                        pickup-availability-drawer {
  13556.                                            background-color: rgb(var(--color-background));
  13557.                                            height: 100%;
  13558.                                            opacity: 0;
  13559.                                            overflow-y: auto;
  13560.                                            padding: 2rem;
  13561.                                            position: fixed;
  13562.                                            top: 0;
  13563.                                            right: 0;
  13564.                                            z-index: 4;
  13565.                                            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
  13566.                                            transform: translate(100%);
  13567.                                            width: 100%;
  13568.                                            border-width: 0 0 0 var(--drawer-border-width);
  13569.                                            border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  13570.                                            border-style: solid;
  13571.                                            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)))
  13572.                                        }
  13573.  
  13574.                                        pickup-availability-drawer[open] {
  13575.                                            transform: translate(0);
  13576.                                            opacity: 1
  13577.                                        }
  13578.  
  13579.                                        @media screen and (min-width: 750px) {
  13580.                                            pickup-availability-drawer {
  13581.                                                transform: translate(100%);
  13582.                                                width: 37.5rem
  13583.                                            }
  13584.  
  13585.                                            pickup-availability-drawer[open] {
  13586.                                                opacity: 1;
  13587.                                                transform: translate(0);
  13588.                                                animation: animateDrawerOpen var(--duration-default) ease
  13589.                                            }
  13590.                                        }
  13591.  
  13592.                                        .pickup-availability-header {
  13593.                                            align-items: flex-start;
  13594.                                            display: flex;
  13595.                                            justify-content: space-between;
  13596.                                            margin-bottom: 1.2rem
  13597.                                        }
  13598.  
  13599.                                        .pickup-availability-drawer-title {
  13600.                                            margin: .5rem 0 0
  13601.                                        }
  13602.  
  13603.                                        .pickup-availability-header .icon {
  13604.                                            width: 2rem
  13605.                                        }
  13606.  
  13607.                                        .pickup-availability-drawer-button {
  13608.                                            background-color: transparent;
  13609.                                            border: none;
  13610.                                            color: rgb(var(--color-foreground));
  13611.                                            cursor: pointer;
  13612.                                            display: block;
  13613.                                            height: 4.4rem;
  13614.                                            padding: 1.2rem;
  13615.                                            width: 4.4rem
  13616.                                        }
  13617.  
  13618.                                        .pickup-availability-drawer-button:hover {
  13619.                                            color: rgba(var(--color-foreground), .75)
  13620.                                        }
  13621.  
  13622.                                        .pickup-availability-variant {
  13623.                                            font-size: 1.3rem;
  13624.                                            line-height: calc(1 + .2 / var(--font-body-scale));
  13625.                                            margin: 0 0 1.2rem;
  13626.                                            text-transform: capitalize
  13627.                                        }
  13628.  
  13629.                                        .pickup-availability-variant>*+strong {
  13630.                                            margin-left: 1rem
  13631.                                        }
  13632.  
  13633.                                        .pickup-availability-list__item {
  13634.                                            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  13635.                                            padding: 2rem 0
  13636.                                        }
  13637.  
  13638.                                        .pickup-availability-list__item:first-child {
  13639.                                            border-top: .1rem solid rgba(var(--color-foreground), .08)
  13640.                                        }
  13641.  
  13642.                                        .pickup-availability-list__item>* {
  13643.                                            margin: 0
  13644.                                        }
  13645.  
  13646.                                        .pickup-availability-list__item>*+* {
  13647.                                            margin-top: 1rem
  13648.                                        }
  13649.  
  13650.                                        .pickup-availability-address {
  13651.                                            font-style: normal;
  13652.                                            font-size: 1.2rem;
  13653.                                            line-height: calc(1 + .5 / var(--font-body-scale))
  13654.                                        }
  13655.  
  13656.                                        .pickup-availability-address p {
  13657.                                            margin: 0
  13658.                                        }
  13659.  
  13660.                                        @keyframes animateDrawerOpen {
  13661.                                            @media screen and (max-width: 749px) {
  13662.                                                0% {
  13663.                                                    opacity: 0;
  13664.                                                    transform: translateX(100%);
  13665.                                                }
  13666.  
  13667.                                                100% {
  13668.                                                    opacity: 1;
  13669.                                                    transform: translateX(0);
  13670.                                                }
  13671.                                            }
  13672.  
  13673.                                            @media screen and (min-width: 750px) {
  13674.                                                0% {
  13675.                                                    opacity: 0;
  13676.                                                    transform: translateX(100%);
  13677.                                                }
  13678.  
  13679.                                                100% {
  13680.                                                    opacity: 1;
  13681.                                                    transform: translateX(0);
  13682.                                                }
  13683.                                            }
  13684.                                        }
  13685.                                    </style>
  13686.                                    <pickup-availability
  13687.                                        class="product__pickup-availabilities no-js-hidden quick-add-hidden"
  13688.                                        data-root-url="https://duwaynemotel.com/" data-variant-id="43114192093653"
  13689.                                        data-has-only-default-variant="true"
  13690.                                        data-product-page-color-scheme="gradient color-background-1">
  13691.                                        <template>
  13692.                                            <pickup-availability-preview class="pickup-availability-preview">
  13693.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"
  13694.                                                    focusable="false" class="icon icon-unavailable" fill="none"
  13695.                                                    viewBox="0 0 20 20">
  13696.                                                    <path fill="#DE3618" stroke="#fff"
  13697.                                                        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" />
  13698.                                                </svg>
  13699.  
  13700.                                                <div class="pickup-availability-info">
  13701.                                                    <p class="caption-large">Couldn&#39;t load pickup availability</p>
  13702.                                                    <button
  13703.                                                        class="pickup-availability-button link link--text underlined-link">
  13704.                                                        Refresh
  13705.                                                    </button>
  13706.                                                </div>
  13707.                                            </pickup-availability-preview>
  13708.                                        </template>
  13709.                                    </pickup-availability>
  13710.  
  13711.                                    <script>
  13712.                                        /** Shopify CDN: Minification failed
  13713.                                
  13714.                                Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13715.                                Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13716.                                Line 30:23 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13717.                                Line 31:8 Transforming let to the configured target environment ("es5") is not supported yet
  13718.                                Line 35:8 Transforming const to the configured target environment ("es5") is not supported yet
  13719.                                Line 40:12 Transforming const to the configured target environment ("es5") is not supported yet
  13720.                                Line 46:12 Transforming const to the configured target environment ("es5") is not supported yet
  13721.                                Line 52:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13722.                                Line 56:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13723.                                Line 63:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13724.                                ... and 9 more hidden warnings
  13725.                                
  13726.                                **/
  13727.                                        if (!customElements.get('pickup-availability')) {
  13728.                                            customElements.define(
  13729.                                                'pickup-availability',
  13730.                                                class PickupAvailability extends HTMLElement {
  13731.                                                    constructor() {
  13732.                                                        super();
  13733.  
  13734.                                                        if (!this.hasAttribute('available')) return;
  13735.  
  13736.                                                        this.errorHtml = this.querySelector('template').content.firstElementChild.cloneNode(true);
  13737.                                                        this.onClickRefreshList = this.onClickRefreshList.bind(this);
  13738.                                                        this.fetchAvailability(this.dataset.variantId);
  13739.                                                    }
  13740.  
  13741.                                                    fetchAvailability(variantId) {
  13742.                                                        let rootUrl = this.dataset.rootUrl;
  13743.                                                        if (!rootUrl.endsWith('/')) {
  13744.                                                            rootUrl = rootUrl + '/';
  13745.                                                        }
  13746.                                                        const variantSectionUrl = `${rootUrl}variants/${variantId}/?section_id=pickup-availability`;
  13747.  
  13748.                                                        fetch(variantSectionUrl)
  13749.                                                            .then((response) => response.text())
  13750.                                                            .then((text) => {
  13751.                                                                const sectionInnerHTML = new DOMParser()
  13752.                                                                    .parseFromString(text, 'text/html')
  13753.                                                                    .querySelector('.shopify-section');
  13754.                                                                this.renderPreview(sectionInnerHTML);
  13755.                                                            })
  13756.                                                            .catch((e) => {
  13757.                                                                const button = this.querySelector('button');
  13758.                                                                if (button) button.removeEventListener('click', this.onClickRefreshList);
  13759.                                                                this.renderError();
  13760.                                                            });
  13761.                                                    }
  13762.  
  13763.                                                    onClickRefreshList(evt) {
  13764.                                                        this.fetchAvailability(this.dataset.variantId);
  13765.                                                    }
  13766.  
  13767.                                                    renderError() {
  13768.                                                        this.innerHTML = '';
  13769.                                                        this.appendChild(this.errorHtml);
  13770.  
  13771.                                                        this.querySelector('button').addEventListener('click', this.onClickRefreshList);
  13772.                                                    }
  13773.  
  13774.                                                    renderPreview(sectionInnerHTML) {
  13775.                                                        const drawer = document.querySelector('pickup-availability-drawer');
  13776.                                                        if (drawer) drawer.remove();
  13777.                                                        if (!sectionInnerHTML.querySelector('pickup-availability-preview')) {
  13778.                                                            this.innerHTML = '';
  13779.                                                            this.removeAttribute('available');
  13780.                                                            return;
  13781.                                                        }
  13782.  
  13783.                                                        this.innerHTML = sectionInnerHTML.querySelector('pickup-availability-preview').outerHTML;
  13784.                                                        this.setAttribute('available', '');
  13785.  
  13786.                                                        document.body.appendChild(sectionInnerHTML.querySelector('pickup-availability-drawer'));
  13787.                                                        const colorClassesToApply = this.dataset.productPageColorScheme.split(' ');
  13788.                                                        colorClassesToApply.forEach((colorClass) => {
  13789.                                                            document.querySelector('pickup-availability-drawer').classList.add(colorClass);
  13790.                                                        });
  13791.  
  13792.                                                        const button = this.querySelector('button');
  13793.                                                        if (button)
  13794.                                                            button.addEventListener('click', (evt) => {
  13795.                                                                document.querySelector('pickup-availability-drawer').show(evt.target);
  13796.                                                            });
  13797.                                                    }
  13798.                                                }
  13799.                                            );
  13800.                                        }
  13801.  
  13802.                                        if (!customElements.get('pickup-availability-drawer')) {
  13803.                                            customElements.define(
  13804.                                                'pickup-availability-drawer',
  13805.                                                class PickupAvailabilityDrawer extends HTMLElement {
  13806.                                                    constructor() {
  13807.                                                        super();
  13808.  
  13809.                                                        this.onBodyClick = this.handleBodyClick.bind(this);
  13810.  
  13811.                                                        this.querySelector('button').addEventListener('click', () => {
  13812.                                                            this.hide();
  13813.                                                        });
  13814.  
  13815.                                                        this.addEventListener('keyup', (event) => {
  13816.                                                            if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  13817.                                                        });
  13818.                                                    }
  13819.  
  13820.                                                    handleBodyClick(evt) {
  13821.                                                        const target = evt.target;
  13822.                                                        if (
  13823.                                                            target != this &&
  13824.                                                            !target.closest('pickup-availability-drawer') &&
  13825.                                                            target.id != 'ShowPickupAvailabilityDrawer'
  13826.                                                        ) {
  13827.                                                            this.hide();
  13828.                                                        }
  13829.                                                    }
  13830.  
  13831.                                                    hide() {
  13832.                                                        this.removeAttribute('open');
  13833.                                                        document.body.removeEventListener('click', this.onBodyClick);
  13834.                                                        document.body.classList.remove('overflow-hidden');
  13835.                                                        removeTrapFocus(this.focusElement);
  13836.                                                    }
  13837.  
  13838.                                                    show(focusElement) {
  13839.                                                        this.focusElement = focusElement;
  13840.                                                        this.setAttribute('open', '');
  13841.                                                        document.body.addEventListener('click', this.onBodyClick);
  13842.                                                        document.body.classList.add('overflow-hidden');
  13843.                                                        trapFocus(this);
  13844.                                                    }
  13845.                                                }
  13846.                                            );
  13847.                                        }
  13848.                                    </script>
  13849.                                </div>
  13850.                                <style>
  13851.                                    .product__description p {
  13852.                                        text-align: justify;
  13853.                                    }
  13854.  
  13855.                                    .product__description h2 {
  13856.                                        text-align: center;
  13857.                                    }
  13858.  
  13859.                                    .product__description a {
  13860.                                        font-weight: bold;
  13861.                                        text-decoration: none;
  13862.                                        color: #1f1f1d;
  13863.                                    }
  13864.  
  13865.                                    .site-list li {
  13866.                                        font-weight: bold;
  13867.                                    }
  13868.  
  13869.                                    .centre li {
  13870.                                        font-weight: normal;
  13871.                                        margin-left: -1em;
  13872.                                        text-align: justify;
  13873.                                        list-style-type: decimal;
  13874. <a href="https://duwaynemotel.com/">TOTO MACAU</a>
  13875.                                    }
  13876.                                </style>
  13877.                                <div class="product__description rte quick-add-hidden">
  13878. <h1 data-start="122" data-end="170"><strong data-start="124" data-end="170">Prediksi Macau Hari Ini Lengkap dan Akurat</strong></h1>
  13879. <p data-start="172" data-end="584">Selamat datang di pusat <a href="https://duwaynemotel.com/">Prediksi Macau</a>, tempat terbaik bagi Anda yang mencari angka main 4D dan 5D paling jitu hari ini.<br data-start="292" data-end="295" /> Setiap data disusun melalui analisis AI dan riset manual mendalam berdasarkan paito warna macau, kode syair, dan statistik keluaran resmi <a href="https://duwaynemotel.com/">Macau Pools</a>.<br data-start="445" data-end="448" /> Seluruh informasi diperbarui real-time setiap hari, agar Anda selalu mendapatkan angka prediksi terkini tanpa ketinggalan hasil terbaru.</p>
  13880. <hr data-start="586" data-end="589" />
  13881. <h2 data-start="591" data-end="656"><strong data-start="594" data-end="656">Prediksi Toto Macau Hari Ini: Bocoran &amp; Angka Main Terkuat</strong></h2>
  13882. <p data-start="658" data-end="816">Kami menghadirkan kombinasi angka paling potensial hasil analisis dari ribuan result sebelumnya.<br data-start="754" data-end="757" /> Berikut sajian unggulan yang selalu diperbarui setiap hari:</p>
  13883. <ul data-start="818" data-end="1209">
  13884. <li data-start="818" data-end="906">
  13885. <p data-start="820" data-end="906"><strong data-start="820" data-end="855">Prediksi Macau 4D &amp; 5D Hari Ini</strong> &ndash; angka kombinasi terbaik dengan peluang tinggi.</p>
  13886. </li>
  13887. <li data-start="907" data-end="1009">
  13888. <p data-start="909" data-end="1009"><strong data-start="909" data-end="940">Paito Macau Pools Terupdate</strong> &ndash; memantau warna, tren angka dominan, dan pola pergerakan pasaran.</p>
  13889. </li>
  13890. <li data-start="1010" data-end="1104">
  13891. <p data-start="1012" data-end="1104"><strong data-start="1012" data-end="1043">Kode Syair Macau Terpercaya</strong> &ndash; rumus simbol angka hoki dari master prediksi terpercaya.</p>
  13892. </li>
  13893. <li data-start="1105" data-end="1209">
  13894. <p data-start="1107" data-end="1209"><strong data-start="1107" data-end="1137">Bocoran Toto Macau Terbaru</strong> &ndash; hasil perhitungan tingkat akurasi tinggi berbasis data keluaran asli.</p>
  13895. </li>
  13896. </ul>
  13897. <p data-start="1211" data-end="1383">Dengan pendekatan ini, Anda dapat menggabungkan data aktual dengan intuisi bermain, menciptakan strategi kemenangan yang lebih matang dan realistis di setiap pasaran Macau.</p>
  13898. <hr data-start="1385" data-end="1388" />
  13899. <h2 data-start="1390" data-end="1436"><strong data-start="1393" data-end="1436">Keluaran Macau &amp; Result Toto Macau Live</strong></h2>
  13900. <p data-start="1438" data-end="1585">Selain prediksi, kami juga menampilkan hasil keluaran Macau (Result Macau Pools) yang diperbarui langsung dari sumber resmi.<br data-start="1562" data-end="1565" /> Anda dapat memantau:</p>
  13901. <ul data-start="1587" data-end="1730">
  13902. <li data-start="1587" data-end="1618">
  13903. <p data-start="1589" data-end="1618">Result Macau 4D, 5D, dan 6D</p>
  13904. </li>
  13905. <li data-start="1619" data-end="1671">
  13906. <p data-start="1621" data-end="1671">Statistik keluaran harian, mingguan, dan bulanan</p>
  13907. </li>
  13908. <li data-start="1672" data-end="1730">
  13909. <p data-start="1674" data-end="1730">Angka dominan yang sering muncul di periode sebelumnya</p>
  13910. </li>
  13911. </ul>
  13912. <p data-start="1732" data-end="1838"><strong data-start="1732" data-end="1740">Tip:</strong> Simpan halaman ini di bookmark untuk akses cepat setiap kali result live Macau terbaru diumumkan.</p>
  13913. <hr data-start="1840" data-end="1843" />
  13914. <h2 data-start="1845" data-end="1898"><strong data-start="1848" data-end="1898">Mengapa Prediksi Macau Kami Layak Jadi Andalan</strong></h2>
  13915. <p data-start="1900" data-end="2002">Kami tidak hanya menebak angka, tetapi menganalisis, mengukur, dan mengoptimalkan peluang menang Anda.</p>
  13916. <ul data-start="2004" data-end="2277">
  13917. <li data-start="2004" data-end="2064">
  13918. <p data-start="2006" data-end="2064">Analisis berbasis data real-time dan pola historis resmi</p>
  13919. </li>
  13920. <li data-start="2065" data-end="2122">
  13921. <p data-start="2067" data-end="2122">Didukung AI prediksi dan tim master angka profesional</p>
  13922. </li>
  13923. <li data-start="2123" data-end="2156">
  13924. <p data-start="2125" data-end="2156">Update setiap hari tanpa jeda</p>
  13925. </li>
  13926. <li data-start="2157" data-end="2216">
  13927. <p data-start="2159" data-end="2216">Desain web ringan, cepat, dan responsif di HP maupun PC</p>
  13928. </li>
  13929. <li data-start="2217" data-end="2277">
  13930. <p data-start="2219" data-end="2277">Tingkat akurasi prediksi yang teruji dari waktu ke waktu</p>
  13931. </li>
  13932. </ul>
  13933. <p data-start="2279" data-end="2417">Dengan strategi ini, Anda tidak hanya melihat angka, tetapi memahami pola keluaran Macau agar keputusan taruhan lebih terarah dan efisien.</p>
  13934. <hr data-start="2419" data-end="2422" />
  13935. <h2 data-start="2424" data-end="2496"><strong data-start="2427" data-end="2496">Prediksi Macau Hari Ini &mdash; Jadikan Senjata Anda untuk Menang Besar</strong></h2>
  13936. <p data-start="2498" data-end="2783">Baik pemain lama maupun pemula, <a href="https://duwaynemotel.com/">Prediksi Toto Macau</a> Hari Ini siap membantu Anda menemukan angka hoki paling akurat.<br data-start="2613" data-end="2616" /> Dengan kombinasi angka main, paito, dan kode syair macau terpercaya, kemenangan besar bukan lagi sekadar keberuntungan, tetapi hasil dari strategi dan analisis cerdas.</p>
  13937. <p data-start="2785" data-end="3007">Selalu ikuti update harian kami untuk bocoran terbaru, angka main paling kuat, dan hasil live Macau Pools agar peluang maxwin Anda semakin tinggi.<br data-start="2931" data-end="2934" /><strong data-start="2934" data-end="3007"><a href="https://duwaynemotel.com/">Prediksi Macau Hari Ini</a> adalah langkah nyata menuju kemenangan besar.</strong></p>
  13938. </blockquote>
  13939.  
  13940.  
  13941. </div>
  13942.  
  13943.                                <script>
  13944.                                    /** Shopify CDN: Minification failed
  13945.                                
  13946.                                Line 13:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13947.                                Line 14:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13948.                                Line 41:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13949.                                Line 50:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13950.                                Line 59:15 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13951.                                
  13952.                                **/
  13953.                                    if (!customElements.get('share-button')) {
  13954.                                        customElements.define(
  13955.                                            'share-button',
  13956.                                            class ShareButton extends DetailsDisclosure {
  13957.                                                constructor() {
  13958.                                                    super();
  13959.  
  13960.                                                    this.elements = {
  13961.                                                        shareButton: this.querySelector('button'),
  13962.                                                        shareSummary: this.querySelector('summary'),
  13963.                                                        closeButton: this.querySelector('.share-button__close'),
  13964.                                                        successMessage: this.querySelector('[id^="ShareMessage"]'),
  13965.                                                        urlInput: this.querySelector('input'),
  13966.                                                    };
  13967.                                                    this.urlToShare = this.elements.urlInput ? this.elements.urlInput.value : document.location.href;
  13968.  
  13969.                                                    if (navigator.share) {
  13970.                                                        this.mainDetailsToggle.setAttribute('hidden', '');
  13971.                                                        this.elements.shareButton.classList.remove('hidden');
  13972.                                                        this.elements.shareButton.addEventListener('click', () => {
  13973.                                                            navigator.share({ url: this.urlToShare, title: document.title });
  13974.                                                        });
  13975.                                                    } else {
  13976.                                                        this.mainDetailsToggle.addEventListener('toggle', this.toggleDetails.bind(this));
  13977.                                                        this.mainDetailsToggle
  13978.                                                            .querySelector('.share-button__copy')
  13979.                                                            .addEventListener('click', this.copyToClipboard.bind(this));
  13980.                                                        this.mainDetailsToggle.querySelector('.share-button__close').addEventListener('click', this.close.bind(this));
  13981.                                                    }
  13982.                                                }
  13983.  
  13984.                                                toggleDetails() {
  13985.                                                    if (!this.mainDetailsToggle.open) {
  13986.                                                        this.elements.successMessage.classList.add('hidden');
  13987.                                                        this.elements.successMessage.textContent = '';
  13988.                                                        this.elements.closeButton.classList.add('hidden');
  13989.                                                        this.elements.shareSummary.focus();
  13990.                                                    }
  13991.                                                }
  13992.  
  13993.                                                copyToClipboard() {
  13994.                                                    navigator.clipboard.writeText(this.elements.urlInput.value).then(() => {
  13995.                                                        this.elements.successMessage.classList.remove('hidden');
  13996.                                                        this.elements.successMessage.textContent = window.accessibilityStrings.shareSuccess;
  13997.                                                        this.elements.closeButton.classList.remove('hidden');
  13998.                                                        this.elements.closeButton.focus();
  13999.                                                    });
  14000.                                                }
  14001.  
  14002.                                                updateUrl(url) {
  14003.                                                    this.urlToShare = url;
  14004.                                                    this.elements.urlInput.value = url;
  14005.                                                }
  14006.                                            }
  14007.                                        );
  14008.                                    }
  14009.                                </script>
  14010.  
  14011.                                <share-button id="Share-template--17040648077525__main"
  14012.                                    class="share-button quick-add-hidden">
  14013.                                    <button class="share-button__button hidden">
  14014.                                        <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  14015.                                            fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14016.                                            focusable="false">
  14017.                                            <path
  14018.                                                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"
  14019.                                                stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
  14020.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  14021.                                                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"
  14022.                                                fill="currentColor" />
  14023.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  14024.                                                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"
  14025.                                                fill="currentColor" />
  14026.                                        </svg>
  14027.  
  14028.                                        Share
  14029.                                    </button>
  14030.                                    <details id="Details-share-template--17040648077525__main">
  14031.                                        <summary class="share-button__button">
  14032.                                            <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  14033.                                                fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14034.                                                focusable="false">
  14035.                                                <path
  14036.                                                    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"
  14037.                                                    stroke="currentColor" stroke-linecap="round"
  14038.                                                    stroke-linejoin="round" />
  14039.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  14040.                                                    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"
  14041.                                                    fill="currentColor" />
  14042.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  14043.                                                    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"
  14044.                                                    fill="currentColor" />
  14045.                                            </svg>
  14046.  
  14047.                                            Share
  14048.                                        </summary>
  14049.                                        <div class="share-button__fallback motion-reduce">
  14050.                                            <div class="field">
  14051.                                                <span id="ShareMessage-template--17040648077525__main"
  14052.                                                    class="share-button__message hidden" role="status"> </span>
  14053.                                                <input type="text" class="field__input"
  14054.                                                    id="ShareUrl-template--17040648077525__main"
  14055.                                                    value="https://duwaynemotel.com/" placeholder="Link"
  14056.                                                    onclick="this.select();" readonly>
  14057.                                                <label class="field__label"
  14058.                                                    for="ShareUrl-template--17040648077525__main">Link</label>
  14059.                                            </div>
  14060.                                            <button class="share-button__close hidden no-js-hidden">
  14061.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14062.                                                    focusable="false" class="icon icon-close" fill="none"
  14063.                                                    viewBox="0 0 18 17">
  14064.                                                    <path
  14065.                                                        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"
  14066.                                                        fill="currentColor">
  14067.                                                </svg>
  14068.  
  14069.                                                <span class="visually-hidden">Close share</span>
  14070.                                            </button>
  14071.                                            <button class="share-button__copy no-js-hidden">
  14072.                                                <svg class="icon icon-clipboard" width="11" height="13" fill="none"
  14073.                                                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14074.                                                    focusable="false" viewBox="0 0 11 13">
  14075.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  14076.                                                        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"
  14077.                                                        fill="currentColor" />
  14078.                                                </svg>
  14079.  
  14080.                                                <span class="visually-hidden">Copy link</span>
  14081.                                            </button>
  14082.                                        </div>
  14083.                                    </details>
  14084.                                </share-button>
  14085.  
  14086.                                <a href="https://duwaynemotel.com/" class="link product__view-details animate-arrow">
  14087.                                    View full details
  14088.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  14089.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  14090.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  14091.                                            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"
  14092.                                            fill="currentColor">
  14093.                                    </svg>
  14094.  
  14095.                                </a>
  14096.                            </product-info>
  14097.                        </div>
  14098.                    </div>
  14099.  
  14100.  
  14101.  
  14102.                    <product-modal id="ProductModal-template--17040648077525__main"
  14103.                        class="product-media-modal media-modal">
  14104.                        <div class="product-media-modal__dialog color-background-1 gradient" role="dialog"
  14105.                            aria-label="Media gallery" aria-modal="true" tabindex="-1">
  14106.                            <button id="ModalClose-template--17040648077525__main" type="button"
  14107.                                class="product-media-modal__toggle" aria-label="Close">
  14108.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  14109.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  14110.                                    <path
  14111.                                        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"
  14112.                                        fill="currentColor">
  14113.                                </svg>
  14114.  
  14115.                            </button>
  14116.  
  14117.                            <div class="product-media-modal__content color-background-1 gradient" role="document"
  14118.                                aria-label="Media gallery" tabindex="0">
  14119.                                <img class="global-media-settings global-media-settings--no-shadow"
  14120.                                    srcset="https://ophiuchus.club/img/Prettm.webp"
  14121.                                    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
  14122.                                    src="https://ophiuchus.club/img/Prettm.webp"
  14123.                                    alt="situs togel online" loading="lazy" width="1100" height="1100"
  14124.                                    data-media-id="33478743672119">
  14125.                            </div>
  14126.                        </div>
  14127.                    </product-modal>
  14128.  
  14129.  
  14130.  
  14131.                    <script>/** Shopify CDN: Minification failed
  14132.  
  14133. Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14134. Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14135. Line 22:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14136. Line 26:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14137. Line 31:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14138. Line 37:8 Transforming const to the configured target environment ("es5") is not supported yet
  14139. Line 38:8 Transforming const to the configured target environment ("es5") is not supported yet
  14140. Line 39:8 Transforming const to the configured target environment ("es5") is not supported yet
  14141. Line 43:8 Transforming const to the configured target environment ("es5") is not supported yet
  14143. **/
  14144.                        if (!customElements.get('product-modal')) {
  14145.                            customElements.define(
  14146.                                'product-modal',
  14147.                                class ProductModal extends ModalDialog {
  14148.                                    constructor() {
  14149.                                        super();
  14150.                                    }
  14151.  
  14152.                                    hide() {
  14153.                                        super.hide();
  14154.                                    }
  14155.  
  14156.                                    show(opener) {
  14157.                                        super.show(opener);
  14158.                                        this.showActiveMedia();
  14159.                                    }
  14160.  
  14161.                                    showActiveMedia() {
  14162.                                        this.querySelectorAll(
  14163.                                            `[data-media-id]:not([data-media-id="${this.openedBy.getAttribute('data-media-id')}"])`
  14164.                                        ).forEach((element) => {
  14165.                                            element.classList.remove('active');
  14166.                                        });
  14167.                                        const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute('data-media-id')}"]`);
  14168.                                        const activeMediaTemplate = activeMedia.querySelector('template');
  14169.                                        const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
  14170.                                        activeMedia.classList.add('active');
  14171.                                        activeMedia.scrollIntoView();
  14172.  
  14173.                                        const container = this.querySelector('[role="document"]');
  14174.                                        container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
  14175.  
  14176.                                        if (
  14177.                                            activeMedia.nodeName == 'DEFERRED-MEDIA' &&
  14178.                                            activeMediaContent &&
  14179.                                            activeMediaContent.querySelector('.js-youtube')
  14180.                                        )
  14181.                                            activeMedia.loadContent();
  14182.                                    }
  14183.                                }
  14184.                            );
  14185.                        }</script>
  14186.                    <script>/** Shopify CDN: Minification failed
  14187.  
  14188. Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14189. Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14190. Line 39:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14191. Line 40:8 Transforming const to the configured target environment ("es5") is not supported yet
  14192. Line 46:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14193. Line 47:8 Transforming const to the configured target environment ("es5") is not supported yet
  14194. Line 56:12 Transforming const to the configured target environment ("es5") is not supported yet
  14195. Line 74:8 Transforming const to the configured target environment ("es5") is not supported yet
  14196. Line 79:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14197. Line 91:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14198. ... and 5 more hidden warnings
  14199.  
  14200. **/
  14201.                        if (!customElements.get('media-gallery')) {
  14202.                            customElements.define(
  14203.                                'media-gallery',
  14204.                                class MediaGallery extends HTMLElement {
  14205.                                    constructor() {
  14206.                                        super();
  14207.                                        this.elements = {
  14208.                                            liveRegion: this.querySelector('[id^="GalleryStatus"]'),
  14209.                                            viewer: this.querySelector('[id^="GalleryViewer"]'),
  14210.                                            thumbnails: this.querySelector('[id^="GalleryThumbnails"]'),
  14211.                                        };
  14212.                                        this.mql = window.matchMedia('(min-width: 750px)');
  14213.                                        if (!this.elements.thumbnails) return;
  14214.  
  14215.                                        this.elements.viewer.addEventListener('slideChanged', debounce(this.onSlideChanged.bind(this), 500));
  14216.                                        this.elements.thumbnails.querySelectorAll('[data-target]').forEach((mediaToSwitch) => {
  14217.                                            mediaToSwitch
  14218.                                                .querySelector('button')
  14219.                                                .addEventListener('click', this.setActiveMedia.bind(this, mediaToSwitch.dataset.target, false));
  14220.                                        });
  14221.                                        if (this.dataset.desktopLayout.includes('thumbnail') && this.mql.matches) this.removeListSemantic();
  14222.                                    }
  14223.  
  14224.                                    onSlideChanged(event) {
  14225.                                        const thumbnail = this.elements.thumbnails.querySelector(
  14226.                                            `[data-target="${event.detail.currentElement.dataset.mediaId}"]`
  14227.                                        );
  14228.                                        this.setActiveThumbnail(thumbnail);
  14229.                                    }
  14230.  
  14231.                                    setActiveMedia(mediaId, prepend) {
  14232.                                        const activeMedia = this.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`);
  14233.                                        this.elements.viewer.querySelectorAll('[data-media-id]').forEach((element) => {
  14234.                                            element.classList.remove('is-active');
  14235.                                        });
  14236.                                        activeMedia.classList.add('is-active');
  14237.  
  14238.                                        if (prepend) {
  14239.                                            activeMedia.parentElement.prepend(activeMedia);
  14240.                                            if (this.elements.thumbnails) {
  14241.                                                const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14242.                                                activeThumbnail.parentElement.prepend(activeThumbnail);
  14243.                                            }
  14244.                                            if (this.elements.viewer.slider) this.elements.viewer.resetPages();
  14245.                                        }
  14246.  
  14247.                                        this.preventStickyHeader();
  14248.                                        window.setTimeout(() => {
  14249.                                            if (this.elements.thumbnails) {
  14250.                                                activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });
  14251.                                            }
  14252.                                            if (!this.elements.thumbnails || this.dataset.desktopLayout === 'stacked') {
  14253.                                                activeMedia.scrollIntoView({ behavior: 'smooth' });
  14254.                                            }
  14255.                                        });
  14256.                                        this.playActiveMedia(activeMedia);
  14257.  
  14258.                                        if (!this.elements.thumbnails) return;
  14259.                                        const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14260.                                        this.setActiveThumbnail(activeThumbnail);
  14261.                                        this.announceLiveRegion(activeMedia, activeThumbnail.dataset.mediaPosition);
  14262.                                    }
  14263.  
  14264.                                    setActiveThumbnail(thumbnail) {
  14265.                                        if (!this.elements.thumbnails || !thumbnail) return;
  14266.  
  14267.                                        this.elements.thumbnails
  14268.                                            .querySelectorAll('button')
  14269.                                            .forEach((element) => element.removeAttribute('aria-current'));
  14270.                                        thumbnail.querySelector('button').setAttribute('aria-current', true);
  14271.                                        if (this.elements.thumbnails.isSlideVisible(thumbnail, 10)) return;
  14272.  
  14273.                                        this.elements.thumbnails.slider.scrollTo({ left: thumbnail.offsetLeft });
  14274.                                    }
  14275.  
  14276.                                    announceLiveRegion(activeItem, position) {
  14277.                                        const image = activeItem.querySelector('.product__modal-opener--image img');
  14278.                                        if (!image) return;
  14279.                                        image.onload = () => {
  14280.                                            this.elements.liveRegion.setAttribute('aria-hidden', false);
  14281.                                            this.elements.liveRegion.innerHTML = window.accessibilityStrings.imageAvailable.replace('[index]', position);
  14282.                                            setTimeout(() => {
  14283.                                                this.elements.liveRegion.setAttribute('aria-hidden', true);
  14284.                                            }, 2000);
  14285.                                        };
  14286.                                        image.src = image.src;
  14287.                                    }
  14288.  
  14289.                                    playActiveMedia(activeItem) {
  14290.                                        window.pauseAllMedia();
  14291.                                        const deferredMedia = activeItem.querySelector('.deferred-media');
  14292.                                        if (deferredMedia) deferredMedia.loadContent(false);
  14293.                                    }
  14294.  
  14295.                                    preventStickyHeader() {
  14296.                                        this.stickyHeader = this.stickyHeader || document.querySelector('sticky-header');
  14297.                                        if (!this.stickyHeader) return;
  14298.                                        this.stickyHeader.dispatchEvent(new Event('preventHeaderReveal'));
  14299.                                    }
  14300.  
  14301.                                    removeListSemantic() {
  14302.                                        if (!this.elements.viewer.slider) return;
  14303.                                        this.elements.viewer.slider.setAttribute('role', 'presentation');
  14304.                                        this.elements.viewer.sliderItems.forEach((slide) => slide.setAttribute('role', 'presentation'));
  14305.                                    }
  14306.                                }
  14307.                            );
  14308.                        }
  14309.                    </script>
  14310.                    <script>
  14311.                        document.addEventListener('DOMContentLoaded', function () {
  14312.                            function isIE() {
  14313.                                const ua = window.navigator.userAgent;
  14314.                                const msie = ua.indexOf('MSIE ');
  14315.                                const trident = ua.indexOf('Trident/https://duwaynemotel.com/');
  14316.  
  14317.                                return msie > 0 || trident > 0;
  14318.                            }
  14319.  
  14320.                            if (!isIE()) return;
  14321.                            const hiddenInput = document.querySelector('#product-form-template--17040648077525__main input[name="id"]');
  14322.                            const noScriptInputWrapper = document.createElement('div');
  14323.                            const variantSwitcher =
  14324.                                document.querySelector('variant-radios[data-section="template--17040648077525__main"]') ||
  14325.                                document.querySelector('variant-selects[data-section="template--17040648077525__main"]');
  14326.                            noScriptInputWrapper.innerHTML = document.querySelector(
  14327.                                '.product-form__noscript-wrapper-template--17040648077525__main'
  14328.                            ).textContent;
  14329.                            variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
  14330.  
  14331.                            document.querySelector('#Variants-template--17040648077525__main').addEventListener('change', function (event) {
  14332.                                hiddenInput.value = event.currentTarget.value;
  14333.                            });
  14334.                        });
  14335.                    </script>
  14336.                    <script type="application/ld+json">
  14337.  {
  14338.    "@context": "http://schema.org/",
  14339.    "@type": "Product",
  14340.    "name": "Prediksi Macau & Prediksi Toto Macau Hari Ini | Angka Main 4D 5D Paling Jitu dan Terpercaya",
  14341.    "url": "https://duwaynemotel.com/",
  14342.    "image": ["https://ophiuchus.club/img/Prettm.webp"],
  14343.    "description": "Dapatkan Prediksi Macau & Prediksi Toto Macau paling jitu hari ini. Lengkap dengan angka main 4D 5D, bocoran, paito, dan kode syair Macau Pools yang selalu update setiap hari. Akurat, terpercaya, dan siap bantu Anda raih kemenangan besar.",
  14344.    "brand": {
  14345.      "@type": "Brand",
  14346.      "name": "TOTO MACAU"
  14347.    },
  14348.    "offers": [{
  14349.      "@type": "Offer",
  14350.      "availability": "http://schema.org/InStock",
  14351.      "price": 5000.0,
  14352.      "priceCurrency": "IDR",
  14353.      "url": "https://duwaynemotel.com/"
  14354.    }]
  14355.  }
  14356. </script>
  14357.                </div>
  14358.            </section>
  14359.  
  14360.  
  14361.        </section>
  14362.        <section id="shopify-section-template--17040648077525__related-products" class="shopify-section section">
  14363.  
  14364.            <style>
  14365.                .card-wrapper {
  14366.                    color: inherit;
  14367.                    height: 100%;
  14368.                    position: relative;
  14369.                    text-decoration: none
  14370.                }
  14371.  
  14372.                .card {
  14373.                    text-decoration: none;
  14374.                    text-align: var(--text-alignment)
  14375.                }
  14376.  
  14377.                .card:not(.ratio) {
  14378.                    display: flex;
  14379.                    flex-direction: column;
  14380.                    height: 100%
  14381.                }
  14382.  
  14383.                .card.card--horizontal {
  14384.                    --text-alignment: left;
  14385.                    --image-padding: 0rem;
  14386.                    flex-direction: row;
  14387.                    align-items: flex-start;
  14388.                    gap: 1.5rem
  14389.                }
  14390.  
  14391.                .card--horizontal.ratio:before {
  14392.                    padding-bottom: 0
  14393.                }
  14394.  
  14395.                .card--card.card--horizontal {
  14396.                    padding: 1.2rem
  14397.                }
  14398.  
  14399.                .card--card.card--horizontal.card--text {
  14400.                    column-gap: 0
  14401.                }
  14402.  
  14403.                .card--card {
  14404.                    height: 100%
  14405.                }
  14406.  
  14407.                .card--card,
  14408.                .card--standard .card__inner {
  14409.                    position: relative;
  14410.                    box-sizing: border-box;
  14411.                    border-radius: var(--border-radius);
  14412.                    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  14413.                }
  14414.  
  14415.                .card--card:after,
  14416.                .card--standard .card__inner:after {
  14417.                    content: "";
  14418.                    position: absolute;
  14419.                    z-index: -1;
  14420.                    width: calc(var(--border-width) * 2 + 100%);
  14421.                    height: calc(var(--border-width) * 2 + 100%);
  14422.                    top: calc(var(--border-width) * -1);
  14423.                    left: calc(var(--border-width) * -1);
  14424.                    border-radius: var(--border-radius);
  14425.                    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  14426.                }
  14427.  
  14428.                .card--card.gradient,
  14429.                .card__inner.gradient {
  14430.                    transform: perspective(0)
  14431.                }
  14432.  
  14433.                .card__inner.color-background-1 {
  14434.                    background: transparent
  14435.                }
  14436.  
  14437.                .card .card__inner .card__media {
  14438.                    overflow: hidden;
  14439.                    z-index: 0;
  14440.                    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  14441.                }
  14442.  
  14443.                .card--card .card__inner .card__media {
  14444.                    border-bottom-right-radius: 0;
  14445.                    border-bottom-left-radius: 0
  14446.                }
  14447.  
  14448.                .card--standard.card--text {
  14449.                    background-color: transparent
  14450.                }
  14451.  
  14452.                .card-information {
  14453.                    text-align: var(--text-alignment)
  14454.                }
  14455.  
  14456.                .card__media,
  14457.                .card .media {
  14458.                    bottom: 0;
  14459.                    position: absolute;
  14460.                    top: 0
  14461.                }
  14462.  
  14463.                .card .media {
  14464.                    width: 100%
  14465.                }
  14466.  
  14467.                .card__media {
  14468.                    margin: var(--image-padding);
  14469.                    width: calc(100% - 2 * var(--image-padding))
  14470.                }
  14471.  
  14472.                .card--standard .card__media {
  14473.                    margin: var(--image-padding)
  14474.                }
  14475.  
  14476.                .card__inner {
  14477.                    width: 100%
  14478.                }
  14479.  
  14480.                .card--media .card__inner .card__content {
  14481.                    position: relative;
  14482.                    padding: calc(var(--image-padding) + 1rem)
  14483.                }
  14484.  
  14485.                .card__content {
  14486.                    display: grid;
  14487.                    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  14488.                    padding: 1rem;
  14489.                    width: 100%;
  14490.                    flex-grow: 1
  14491.                }
  14492.  
  14493.                .card__content--auto-margins {
  14494.                    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  14495.                }
  14496.  
  14497.                .card__information {
  14498.                    grid-row-start: 2;
  14499.                    padding: 1.3rem 1rem
  14500.                }
  14501.  
  14502.                .card:not(.ratio)>.card__content {
  14503.                    grid-template-rows: max-content minmax(0, 1fr) max-content auto
  14504.                }
  14505.  
  14506.                .card-information .card__information-volume-pricing-note {
  14507.                    margin-top: .6rem;
  14508.                    line-height: calc(.5 + .4 / var(--font-body-scale));
  14509.                    color: rgba(var(--color-foreground), .75)
  14510.                }
  14511.  
  14512.                @media screen and (min-width: 750px) {
  14513.                    .card__information {
  14514.                        padding-bottom: 1.7rem;
  14515.                        padding-top: 1.7rem
  14516.                    }
  14517.                }
  14518.  
  14519.                .card__badge {
  14520.                    align-self: flex-end;
  14521.                    grid-row-start: 3;
  14522.                    justify-self: flex-start
  14523.                }
  14524.  
  14525.                .card__badge.top {
  14526.                    align-self: flex-start;
  14527.                    grid-row-start: 1
  14528.                }
  14529.  
  14530.                .card__badge.right {
  14531.                    justify-self: flex-end
  14532.                }
  14533.  
  14534.                .card:not(.card--horizontal)>.card__content>.card__badge {
  14535.                    margin: 1.3rem
  14536.                }
  14537.  
  14538.                .card__media .media img {
  14539.                    height: 100%;
  14540.                    object-fit: cover;
  14541.                    object-position: center center;
  14542.                    width: 100%
  14543.                }
  14544.  
  14545.                .card__inner:not(.ratio)>.card__content {
  14546.                    height: 100%
  14547.                }
  14548.  
  14549.                .card__heading {
  14550.                    margin-top: 0;
  14551.                    margin-bottom: 0
  14552.                }
  14553.  
  14554.                .card__heading:last-child {
  14555.                    margin-bottom: 0
  14556.                }
  14557.  
  14558.                .card--horizontal .card__heading,
  14559.                .card--horizontal .price__container .price-item,
  14560.                .card--horizontal__quick-add {
  14561.                    font-size: calc(var(--font-heading-scale) * 1.2rem)
  14562.                }
  14563.  
  14564.                .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14565.                    margin-top: 0
  14566.                }
  14567.  
  14568.                .card--horizontal__quick-add:before {
  14569.                    box-shadow: none
  14570.                }
  14571.  
  14572.                @media only screen and (min-width: 750px) {
  14573.  
  14574.                    .card--horizontal .card__heading,
  14575.                    .card--horizontal .price__container .price-item,
  14576.                    .card--horizontal__quick-add {
  14577.                        font-size: calc(var(--font-heading-scale) * 1.3rem)
  14578.                    }
  14579.                }
  14580.  
  14581.                .card--card.card--media>.card__content {
  14582.                    margin-top: calc(0rem - var(--image-padding))
  14583.                }
  14584.  
  14585.                .card--standard.card--text a:after,
  14586.                .card--card .card__heading a:after {
  14587.                    bottom: calc(var(--border-width) * -1);
  14588.                    left: calc(var(--border-width) * -1);
  14589.                    right: calc(var(--border-width) * -1);
  14590.                    top: calc(var(--border-width) * -1)
  14591.                }
  14592.  
  14593.                .card__heading a:after {
  14594.                    bottom: 0;
  14595.                    content: "";
  14596.                    left: 0;
  14597.                    position: absolute;
  14598.                    right: 0;
  14599.                    top: 0;
  14600.                    z-index: 1
  14601.                }
  14602.  
  14603.                .card__heading a:after {
  14604.                    outline-offset: .3rem
  14605.                }
  14606.  
  14607.                .card__heading a:focus:after {
  14608.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14609.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14610.                }
  14611.  
  14612.                .card__heading a:focus-visible:after {
  14613.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14614.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14615.                }
  14616.  
  14617.                .card__heading a:focus:not(:focus-visible):after {
  14618.                    box-shadow: none;
  14619.                    outline: 0
  14620.                }
  14621.  
  14622.                .card__heading a:focus {
  14623.                    box-shadow: none;
  14624.                    outline: 0
  14625.                }
  14626.  
  14627.                @media screen and (min-width: 990px) {
  14628.  
  14629.                    .card .media.media--hover-effect>img:only-child,
  14630.                    .card-wrapper .media.media--hover-effect>img:only-child {
  14631.                        transition: transform var(--duration-long) ease
  14632.                    }
  14633.  
  14634.                    .card:hover .media.media--hover-effect>img:first-child:only-child,
  14635.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  14636.                        transform: scale(1.03)
  14637.                    }
  14638.  
  14639.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  14640.                        opacity: 0
  14641.                    }
  14642.  
  14643.                    .card-wrapper:hover .media.media--hover-effect>img+img {
  14644.                        opacity: 1;
  14645.                        transition: transform var(--duration-long) ease;
  14646.                        transform: scale(1.03)
  14647.                    }
  14648.  
  14649.                    .underline-links-hover:hover a {
  14650.                        text-decoration: underline;
  14651.                        text-underline-offset: .3rem
  14652.                    }
  14653.                }
  14654.  
  14655.                .card--standard.card--media .card__inner .card__information,
  14656.                .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  14657.                .card--standard:not(.card--horizontal)>.card__content .card__badge,
  14658.                .card--standard.card--text.article-card>.card__content .card__information,
  14659.                .card--standard>.card__content .card__caption {
  14660.                    display: none
  14661.                }
  14662.  
  14663.                .card--standard:not(.card--horizontal) .placeholder-svg {
  14664.                    height: auto;
  14665.                    width: 100%
  14666.                }
  14667.  
  14668.                .card--standard>.card__content {
  14669.                    padding: 0
  14670.                }
  14671.  
  14672.                .card--standard>.card__content .card__information {
  14673.                    padding-left: 0;
  14674.                    padding-right: 0
  14675.                }
  14676.  
  14677.                .card--card.card--media .card__inner .card__information,
  14678.                .card--card.card--text .card__inner,
  14679.                .card--card.card--media>.card__content .card__badge {
  14680.                    display: none
  14681.                }
  14682.  
  14683.                .card--horizontal .card__badge,
  14684.                .card--horizontal.card--text .card__inner {
  14685.                    display: none
  14686.                }
  14687.  
  14688.                .card--extend-height {
  14689.                    height: 100%
  14690.                }
  14691.  
  14692.                .card--extend-height.card--standard.card--text,
  14693.                .card--extend-height.card--media {
  14694.                    display: flex;
  14695.                    flex-direction: column
  14696.                }
  14697.  
  14698.                .card--extend-height.card--standard.card--text .card__inner,
  14699.                .card--extend-height.card--media .card__inner {
  14700.                    flex-grow: 1
  14701.                }
  14702.  
  14703.                .card .icon-wrap {
  14704.                    margin-left: .8rem;
  14705.                    white-space: nowrap;
  14706.                    transition: transform var(--duration-short) ease;
  14707.                    overflow: hidden
  14708.                }
  14709.  
  14710.                .card-information>*+* {
  14711.                    margin-top: .5rem
  14712.                }
  14713.  
  14714.                .card-information {
  14715.                    width: 100%
  14716.                }
  14717.  
  14718.                .card-information>* {
  14719.                    line-height: calc(1 + .4 / var(--font-body-scale));
  14720.                    color: rgb(var(--color-foreground))
  14721.                }
  14722.  
  14723.                .card-information>.price {
  14724.                    color: rgb(var(--color-foreground))
  14725.                }
  14726.  
  14727.                .card--horizontal .card-information>.price {
  14728.                    color: rgba(var(--color-foreground), .75)
  14729.                }
  14730.  
  14731.                .card-information>.rating {
  14732.                    margin-top: .4rem
  14733.                }
  14734.  
  14735.                .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14736.                    margin-top: .7rem
  14737.                }
  14738.  
  14739.                .card-information .caption {
  14740.                    letter-spacing: .07rem
  14741.                }
  14742.  
  14743.                .card-article-info {
  14744.                    margin-top: 1rem
  14745.                }
  14746.  
  14747.                .card--shape .card__content {
  14748.                    padding-top: 0
  14749.                }
  14750.  
  14751.                .card--shape.card--standard:not(.card--text) .card__inner {
  14752.                    border: 0;
  14753.                    background-color: transparent;
  14754.                    filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  14755.                }
  14756.  
  14757.                .card--shape.card--standard:not(.card--text) .card__inner:after {
  14758.                    display: none
  14759.                }
  14760.  
  14761.                .grid__item:nth-child(2n) .shape--blob {
  14762.                    clip-path: polygon(var(--shape--blob-2))
  14763.                }
  14764.  
  14765.                .grid__item:nth-child(3n) .shape--blob {
  14766.                    clip-path: polygon(var(--shape--blob-3))
  14767.                }
  14768.  
  14769.                .grid__item:nth-child(4n) .shape--blob {
  14770.                    clip-path: polygon(var(--shape--blob-4))
  14771.                }
  14772.  
  14773.                .grid__item:nth-child(5n) .shape--blob {
  14774.                    clip-path: polygon(var(--shape--blob-5))
  14775.                }
  14776.  
  14777.                .grid__item:nth-child(7n) .shape--blob {
  14778.                    clip-path: polygon(var(--shape--blob-6))
  14779.                }
  14780.  
  14781.                .grid__item:nth-child(8n) .shape--blob {
  14782.                    clip-path: polygon(var(--shape--blob-1))
  14783.                }
  14784.  
  14785.                @media (prefers-reduced-motion: no-preference) {
  14786.                    .product-card-wrapper .shape--round {
  14787.                        transition: clip-path var(--duration-long) ease
  14788.                    }
  14789.  
  14790.                    .product-card-wrapper:hover .shape--round {
  14791.                        clip-path: ellipse(47% 47% at 50% 50%)
  14792.                    }
  14793.  
  14794.                    .product-card-wrapper .shape--blob {
  14795.                        transition: clip-path var(--duration-long) ease-in-out
  14796.                    }
  14797.  
  14798.                    .product-card-wrapper:hover .shape--blob {
  14799.                        clip-path: polygon(var(--shape--blob-5))
  14800.                    }
  14801.  
  14802.                    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  14803.                        clip-path: polygon(var(--shape--blob-6))
  14804.                    }
  14805.  
  14806.                    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  14807.                        clip-path: polygon(var(--shape--blob-1))
  14808.                    }
  14809.  
  14810.                    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  14811.                        clip-path: polygon(var(--shape--blob-2))
  14812.                    }
  14813.  
  14814.                    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  14815.                        clip-path: polygon(var(--shape--blob-3))
  14816.                    }
  14817.  
  14818.                    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  14819.                        clip-path: polygon(var(--shape--blob-4))
  14820.                    }
  14821.  
  14822.                    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  14823.                        clip-path: polygon(var(--shape--blob-5))
  14824.                    }
  14825.                }
  14826.            </style>
  14827.            <style>
  14828.                .price {
  14829.                    font-size: 1.6rem;
  14830.                    letter-spacing: .1rem;
  14831.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14832.                    color: rgb(var(--color-foreground))
  14833.                }
  14834.  
  14835.                .price>* {
  14836.                    display: inline-block;
  14837.                    vertical-align: top
  14838.                }
  14839.  
  14840.                .price.price--unavailable {
  14841.                    visibility: hidden
  14842.                }
  14843.  
  14844.                .price--end {
  14845.                    text-align: right
  14846.                }
  14847.  
  14848.                .price .price-item {
  14849.                    display: inline-block;
  14850.                    margin: 0 1rem 0 0
  14851.                }
  14852.  
  14853.                .price__regular .price-item--regular {
  14854.                    margin-right: 0
  14855.                }
  14856.  
  14857.                .price:not(.price--show-badge) .price-item--last:last-of-type {
  14858.                    margin: 0
  14859.                }
  14860.  
  14861.                @media screen and (min-width: 750px) {
  14862.                    .price {
  14863.                        margin-bottom: 0
  14864.                    }
  14865.                }
  14866.  
  14867.                .price--large {
  14868.                    font-size: 1.6rem;
  14869.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14870.                    letter-spacing: .13rem
  14871.                }
  14872.  
  14873.                @media screen and (min-width: 750px) {
  14874.                    .price--large {
  14875.                        font-size: 1.8rem
  14876.                    }
  14877.                }
  14878.  
  14879.                .price--sold-out .price__availability,
  14880.                .price__regular {
  14881.                    display: block
  14882.                }
  14883.  
  14884.                .price__sale,
  14885.                .price__availability,
  14886.                .price .price__badge-sale,
  14887.                .price .price__badge-sold-out,
  14888.                .price--on-sale .price__regular,
  14889.                .price--on-sale .price__availability {
  14890.                    display: none
  14891.                }
  14892.  
  14893.                .price--sold-out .price__badge-sold-out,
  14894.                .price--on-sale .price__badge-sale,
  14895.                .volume-pricing--sale-badge .price__badge-sale {
  14896.                    display: inline-block
  14897.                }
  14898.  
  14899.                .volume-pricing--sale-badge .price__badge-sale {
  14900.                    margin-left: .5rem
  14901.                }
  14902.  
  14903.                .price--on-sale .price__sale {
  14904.                    display: initial;
  14905.                    flex-direction: row;
  14906.                    flex-wrap: wrap
  14907.                }
  14908.  
  14909.                .price--center {
  14910.                    display: initial;
  14911.                    justify-content: center
  14912.                }
  14913.  
  14914.                .price--on-sale .price-item--regular {
  14915.                    text-decoration: line-through;
  14916.                    color: rgba(var(--color-foreground), .75);
  14917.                    font-size: 1.3rem
  14918.                }
  14919.  
  14920.                .unit-price {
  14921.                    display: block;
  14922.                    font-size: 1.1rem;
  14923.                    letter-spacing: .04rem;
  14924.                    line-height: calc(1 + .2 / var(--font-body-scale));
  14925.                    margin-top: .2rem;
  14926.                    text-transform: uppercase;
  14927.                    color: rgba(var(--color-foreground), .7)
  14928.                }
  14929.            </style>
  14930.            <style>
  14931.                .related-products {
  14932.                    display: block;
  14933.                }
  14934.  
  14935.                .related-products__heading {
  14936.                    margin: 0 0 3rem;
  14937.                }
  14938.            </style>
  14939.            <style data-shopify>
  14940.                .section-template--17040648077525__related-products-padding {
  14941.                    padding-top: 0px;
  14942.                    padding-bottom: 45px;
  14943.                }
  14944.  
  14945.                @media screen and (min-width: 750px) {
  14946.                    .section-template--17040648077525__related-products-padding {
  14947.                        padding-top: 0px;
  14948.                        padding-bottom: 60px;
  14949.                    }
  14950.                }
  14951.            </style>
  14952.            <div class="color-background-1 gradient no-js-hidden">
  14953.                <product-recommendations
  14954.                    class="related-products page-width section-template--17040648077525__related-products-padding isolate scroll-trigger animate--slide-in"
  14955.                    data-url="/recommendations/products?section_id=template--17040648077525__related-products&product_id=8226828321669&limit=4">
  14956.  
  14957.                </product-recommendations>
  14958.            </div>
  14959.  
  14960.  
  14961.        </section>
  14962.    </main>
  14963.  
  14964.    <!-- BEGIN sections: footer-group -->
  14965.    <section id="shopify-section-sections--17040648372437__newsletter"
  14966.        class="shopify-section shopify-section-group-footer-group section">
  14967.        <style>
  14968.            .newsletter-form {
  14969.                display: flex;
  14970.                flex-direction: column;
  14971.                justify-content: center;
  14972.                align-items: center;
  14973.                width: 100%;
  14974.                position: relative
  14975.            }
  14976.  
  14977.            @media screen and (min-width: 750px) {
  14978.                .newsletter-form {
  14979.                    align-items: flex-start;
  14980.                    margin: 0 auto;
  14981.                    max-width: 36rem
  14982.                }
  14983.            }
  14984.  
  14985.            .newsletter-form__field-wrapper {
  14986.                width: 100%
  14987.            }
  14988.  
  14989.            .newsletter-form__field-wrapper .field__input {
  14990.                padding-right: 5rem
  14991.            }
  14992.  
  14993.            .newsletter-form__field-wrapper .field {
  14994.                z-index: 0
  14995.            }
  14996.  
  14997.            .newsletter-form__message {
  14998.                justify-content: center;
  14999.                margin-bottom: 0
  15000.            }
  15001.  
  15002.            .newsletter-form__message--success {
  15003.                margin-top: 2rem
  15004.            }
  15005.  
  15006.            @media screen and (min-width: 750px) {
  15007.                .newsletter-form__message {
  15008.                    justify-content: flex-start
  15009.                }
  15010.            }
  15011.  
  15012.            .newsletter-form__button {
  15013.                width: 4.4rem;
  15014.                margin: 0;
  15015.                right: var(--inputs-border-width);
  15016.                top: 0;
  15017.                height: 100%;
  15018.                z-index: 2
  15019.            }
  15020.  
  15021.            .newsletter-form__button:focus-visible {
  15022.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15023.                background-color: rgb(var(--color-background))
  15024.            }
  15025.  
  15026.            .newsletter-form__button:focus {
  15027.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15028.                background-color: rgb(var(--color-background))
  15029.            }
  15030.  
  15031.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15032.                box-shadow: inherit;
  15033.                background-color: inherit
  15034.            }
  15035.  
  15036.            .newsletter-form__button .icon {
  15037.                width: 1.5rem
  15038.            }
  15039.        </style>
  15040.        <style>
  15041.            .newsletter__wrapper {
  15042.                padding-right: calc(4rem / var(--font-body-scale));
  15043.                padding-left: calc(4rem / var(--font-body-scale))
  15044.            }
  15045.  
  15046.            @media screen and (min-width: 750px) {
  15047.                .newsletter__wrapper {
  15048.                    padding-right: 9rem;
  15049.                    padding-left: 9rem
  15050.                }
  15051.            }
  15052.  
  15053.            .newsletter__wrapper>* {
  15054.                margin-top: 0;
  15055.                margin-bottom: 0
  15056.            }
  15057.  
  15058.            .newsletter__wrapper>*+* {
  15059.                margin-top: 2rem
  15060.            }
  15061.  
  15062.            .newsletter__wrapper>*+.newsletter-form {
  15063.                margin-top: 3rem
  15064.            }
  15065.  
  15066.            .newsletter__subheading {
  15067.                max-width: 70rem;
  15068.                margin-left: auto;
  15069.                margin-right: auto
  15070.            }
  15071.  
  15072.            .newsletter__wrapper .newsletter-form__field-wrapper {
  15073.                max-width: 36rem
  15074.            }
  15075.  
  15076.            .newsletter-form__field-wrapper .newsletter-form__message {
  15077.                margin-top: 1.5rem
  15078.            }
  15079.  
  15080.            .newsletter__button {
  15081.                margin-top: 3rem;
  15082.                width: fit-content
  15083.            }
  15084.  
  15085.            @media screen and (min-width: 750px) {
  15086.                .newsletter__button {
  15087.                    flex-shrink: 0;
  15088.                    margin: 0 0 0 1rem
  15089.                }
  15090.            }
  15091.        </style>
  15092.        <style data-shopify>
  15093.            .section-sections--17040648372437__newsletter-padding {
  15094.                padding-top: 21px;
  15095.                padding-bottom: 0px;
  15096.            }
  15097.  
  15098.            @media screen and (min-width: 750px) {
  15099.                .section-sections--17040648372437__newsletter-padding {
  15100.                    padding-top: 28px;
  15101.                    padding-bottom: 0px;
  15102.                }
  15103.            }
  15104.        </style>
  15105.        <div class="newsletter center ">
  15106.            <div
  15107.                class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--17040648372437__newsletter-padding">
  15108.                <h2 class="inline-richtext h1 scroll-trigger animate--slide-in" data-cascade
  15109.                    style="--animation-order: 1;">
  15110.                    Daftar Dan Login Toto Macau
  15111.                </h2>
  15112.                <div class="newsletter__subheading rte scroll-trigger animate--slide-in" data-cascade
  15113.                    style="--animation-order: 2;">
  15114.                    <p>TOTO MACAU</p>
  15115.                </div>
  15116.                <div>
  15117.                    <form method="post" action="contact#contact_form" id="contact_form" accept-charset="UTF-8"
  15118.                        class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input
  15119.                            type="hidden" name="utf8" value="✓" />
  15120.                        <input type="hidden" name="contact[tags]" value="newsletter">
  15121.                        <div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in" data-cascade
  15122.                            style="--animation-order: 3;">
  15123.                            <div class="field">
  15124.                                <input id="NewsletterForm--sections--17040648372437__newsletter" type="email"
  15125.                                    name="contact[email]" class="field__input" value="" aria-required="true"
  15126.                                    autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email"
  15127.                                    required>
  15128.                                <label class="field__label" for="NewsletterForm--sections--17040648372437__newsletter">
  15129.                                    Prediksi Macau
  15130.                                </label>
  15131.                                <button type="submit" class="newsletter-form__button field__button" name="commit"
  15132.                                    id="Subscribe" aria-label="Subscribe">
  15133.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  15134.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  15135.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  15136.                                            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"
  15137.                                            fill="currentColor">
  15138.                                    </svg>
  15139.  
  15140.                                </button>
  15141.                            </div>
  15142.                        </div>
  15143.                    </form>
  15144.                </div>
  15145.            </div>
  15146.        </div>
  15147.  
  15148.  
  15149.    </section>
  15150.    <div id="shopify-section-sections--17040648372437__footer"
  15151.        class="shopify-section shopify-section-group-footer-group">
  15152.        <style>
  15153.            .footer {
  15154.                border-top: .1rem solid rgba(var(--color-foreground), .08)
  15155.            }
  15156.  
  15157.            .footer:not(.color-background-1) {
  15158.                border-top: none
  15159.            }
  15160.  
  15161.            .footer__content-top {
  15162.                padding-bottom: 5rem;
  15163.                display: block
  15164.            }
  15165.  
  15166.            @media screen and (max-width: 749px) {
  15167.                .footer .grid {
  15168.                    display: block
  15169.                }
  15170.  
  15171.                .footer-block.grid__item {
  15172.                    padding: 0;
  15173.                    margin: 4rem 0;
  15174.                    width: 100%
  15175.                }
  15176.  
  15177.                .footer-block.grid__item:first-child {
  15178.                    margin-top: 0
  15179.                }
  15180.  
  15181.                .footer__content-top {
  15182.                    padding-bottom: 3rem;
  15183.                    padding-left: calc(4rem / var(--font-body-scale));
  15184.                    padding-right: calc(4rem / var(--font-body-scale))
  15185.                }
  15186.            }
  15187.  
  15188.            @media screen and (min-width: 750px) {
  15189.                .footer__content-top .grid {
  15190.                    row-gap: 6rem;
  15191.                    margin-bottom: 0
  15192.                }
  15193.            }
  15194.  
  15195.            .footer__content-bottom {
  15196.                border-top: solid .1rem rgba(var(--color-foreground), .08);
  15197.                padding-top: 3rem
  15198.            }
  15199.  
  15200.            .footer__content-bottom:only-child {
  15201.                border-top: 0
  15202.            }
  15203.  
  15204.            .footer__content-bottom-wrapper {
  15205.                display: flex;
  15206.                width: 100%
  15207.            }
  15208.  
  15209.            @media screen and (max-width: 749px) {
  15210.                .footer__content-bottom {
  15211.                    flex-wrap: wrap;
  15212.                    padding-top: 0;
  15213.                    padding-left: 0;
  15214.                    padding-right: 0;
  15215.                    row-gap: 1.5rem
  15216.                }
  15217.  
  15218.                .footer__content-bottom-wrapper {
  15219.                    flex-wrap: wrap;
  15220.                    row-gap: 1.5rem;
  15221.                    justify-content: center
  15222.                }
  15223.            }
  15224.  
  15225.            .footer__localization:empty+.footer__column--info {
  15226.                align-items: center
  15227.            }
  15228.  
  15229.            @media screen and (max-width: 749px) {
  15230.                .footer__localization:empty+.footer__column {
  15231.                    padding-top: 1.5rem
  15232.                }
  15233.            }
  15234.  
  15235.            .footer__column {
  15236.                width: 100%;
  15237.                align-items: flex-end
  15238.            }
  15239.  
  15240.            .footer__column--info {
  15241.                display: flex;
  15242.                flex-direction: column;
  15243.                justify-content: center;
  15244.                align-items: center;
  15245.                padding-left: 2rem;
  15246.                padding-right: 2rem
  15247.            }
  15248.  
  15249.            @media screen and (min-width: 750px) {
  15250.                .footer__column--info {
  15251.                    padding-left: 0;
  15252.                    padding-right: 0;
  15253.                    align-items: flex-end
  15254.                }
  15255.            }
  15256.  
  15257.            .footer-block:only-child:last-child {
  15258.                text-align: center;
  15259.                max-width: 76rem;
  15260.                margin: 0 auto
  15261.            }
  15262.  
  15263.            @media screen and (min-width: 750px) {
  15264.                .footer-block {
  15265.                    display: block;
  15266.                    margin-top: 0
  15267.                }
  15268.            }
  15269.  
  15270.            .footer-block:empty {
  15271.                display: none
  15272.            }
  15273.  
  15274.            .footer-block--newsletter {
  15275.                display: flex;
  15276.                align-items: flex-end;
  15277.                margin-top: 3rem;
  15278.                gap: 1rem
  15279.            }
  15280.  
  15281.            .footer-block--newsletter:only-child {
  15282.                margin-top: 0
  15283.            }
  15284.  
  15285.            @media screen and (max-width: 749px) {
  15286.                .footer-block.footer-block--menu:only-child {
  15287.                    text-align: left
  15288.                }
  15289.            }
  15290.  
  15291.            @media screen and (min-width: 750px) {
  15292.                .footer-block--newsletter {
  15293.                    flex-wrap: nowrap;
  15294.                    justify-content: center
  15295.                }
  15296.            }
  15297.  
  15298.            .footer-block__heading {
  15299.                margin-bottom: 2rem;
  15300.                margin-top: 0;
  15301.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  15302.            }
  15303.  
  15304.            @media screen and (min-width: 990px) {
  15305.                .footer-block__heading {
  15306.                    font-size: calc(var(--font-heading-scale) * 1.8rem)
  15307.                }
  15308.            }
  15309.  
  15310.            .footer__list-social:empty,
  15311.            .footer-block--newsletter:empty {
  15312.                display: none
  15313.            }
  15314.  
  15315.            .footer__follow-on-shop {
  15316.                display: flex;
  15317.                text-align: center
  15318.            }
  15319.  
  15320.            .footer__list-social.list-social:only-child {
  15321.                justify-content: center
  15322.            }
  15323.  
  15324.            .footer-block__newsletter {
  15325.                text-align: center;
  15326.                flex-grow: 1
  15327.            }
  15328.  
  15329.            .newsletter-form__field-wrapper {
  15330.                max-width: 36rem
  15331.            }
  15332.  
  15333.            @media screen and (min-width: 750px) {
  15334.                .footer-block__newsletter:not(:only-child) {
  15335.                    text-align: left;
  15336.                    margin-right: auto
  15337.                }
  15338.  
  15339.                .footer-block__newsletter:not(:only-child) .footer__newsletter {
  15340.                    justify-content: flex-start;
  15341.                    margin: 0
  15342.                }
  15343.  
  15344.                .footer-block__newsletter:not(:only-child) .newsletter-form__message--success {
  15345.                    left: auto
  15346.                }
  15347.  
  15348.                .footer__follow-on-shop {
  15349.                    margin-bottom: .4rem
  15350.                }
  15351.  
  15352.                .footer__follow-on-shop:first-child:not(:last-child) {
  15353.                    justify-content: flex-start;
  15354.                    margin-right: auto;
  15355.                    text-align: left
  15356.                }
  15357.  
  15358.                .footer__follow-on-shop:not(:first-child):not(:last-child) {
  15359.                    justify-content: flex-end;
  15360.                    text-align: right
  15361.                }
  15362.            }
  15363.  
  15364.            @media screen and (max-width: 749px) {
  15365.                .footer-block--newsletter {
  15366.                    display: flex;
  15367.                    flex-direction: column;
  15368.                    flex: 1 1 100%;
  15369.                    align-items: center;
  15370.                    gap: 3rem
  15371.                }
  15372.  
  15373.                .footer__list-social.list-social,
  15374.                .footer__follow-on-shop,
  15375.                .footer-block__newsletter {
  15376.                    display: flex;
  15377.                    justify-content: center
  15378.                }
  15379.  
  15380.                .footer-block__newsletter {
  15381.                    flex-direction: column
  15382.                }
  15383.            }
  15384.  
  15385.            @media screen and (min-width: 750px) {
  15386.                .footer-block__newsletter+.footer__list-social {
  15387.                    margin-top: 0
  15388.                }
  15389.            }
  15390.  
  15391.            .footer__localization {
  15392.                display: flex;
  15393.                flex-direction: row;
  15394.                justify-content: center;
  15395.                align-content: center;
  15396.                flex-wrap: wrap;
  15397.                padding: 1rem 1rem 0
  15398.            }
  15399.  
  15400.            .footer__localization:empty {
  15401.                display: none
  15402.            }
  15403.  
  15404.            .footer__localization h2 {
  15405.                margin: 1rem 1rem .5rem;
  15406.                color: rgba(var(--color-foreground), .75)
  15407.            }
  15408.  
  15409.            @media screen and (min-width: 750px) {
  15410.                .footer__localization {
  15411.                    padding: .4rem 0;
  15412.                    justify-content: flex-start
  15413.                }
  15414.  
  15415.                .footer__localization h2 {
  15416.                    margin: 1rem 0 0
  15417.                }
  15418.            }
  15419.  
  15420.            @media screen and (max-width: 989px) {
  15421.                .footer__localization noscript {
  15422.                    width: 100%
  15423.                }
  15424.            }
  15425.  
  15426.            @media screen and (min-width: 750px) {
  15427.                .footer__payment {
  15428.                    margin-top: 1.5rem
  15429.                }
  15430.            }
  15431.  
  15432.            .footer__content-bottom-wrapper--center {
  15433.                justify-content: center
  15434.            }
  15435.  
  15436.            .footer__copyright {
  15437.                text-align: center;
  15438.                margin-top: 1.5rem
  15439.            }
  15440.  
  15441.            @media screen and (min-width: 750px) {
  15442.                .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
  15443.                    text-align: right
  15444.                }
  15445.            }
  15446.  
  15447.            @keyframes appear-down {
  15448.                0% {
  15449.                    opacity: 0;
  15450.                    margin-top: -1rem
  15451.                }
  15452.  
  15453.                to {
  15454.                    opacity: 1;
  15455.                    margin-top: 0
  15456.                }
  15457.            }
  15458.  
  15459.            .footer-block__details-content {
  15460.                margin-bottom: 4rem
  15461.            }
  15462.  
  15463.            @media screen and (min-width: 750px) {
  15464.                .footer-block__details-content {
  15465.                    margin-bottom: 0
  15466.                }
  15467.  
  15468.                .footer-block__details-content>p,
  15469.                .footer-block__details-content>li {
  15470.                    padding: 0
  15471.                }
  15472.  
  15473.                .footer-block:only-child li {
  15474.                    display: inline
  15475.                }
  15476.  
  15477.                .footer-block__details-content>li:not(:last-child) {
  15478.                    margin-right: 1.5rem
  15479.                }
  15480.            }
  15481.  
  15482.            .footer-block__details-content .list-menu__item--link,
  15483.            .copyright__content a {
  15484.                color: rgba(var(--color-foreground), .75)
  15485.            }
  15486.  
  15487.            .footer-block__details-content .list-menu__item--active {
  15488.                transition: text-decoration-thickness var(--duration-short) ease;
  15489.                color: rgb(var(--color-foreground))
  15490.            }
  15491.  
  15492.            @media screen and (min-width: 750px) {
  15493.  
  15494.                .footer-block__details-content .list-menu__item--link:hover,
  15495.                .copyright__content a:hover {
  15496.                    color: rgb(var(--color-foreground));
  15497.                    text-decoration: underline;
  15498.                    text-underline-offset: .3rem
  15499.                }
  15500.  
  15501.                .footer-block__details-content .list-menu__item--active:hover {
  15502.                    text-decoration-thickness: .2rem
  15503.                }
  15504.            }
  15505.  
  15506.            @media screen and (max-width: 989px) {
  15507.                .footer-block__details-content .list-menu__item--link {
  15508.                    padding-top: 1rem;
  15509.                    padding-bottom: 1rem
  15510.                }
  15511.            }
  15512.  
  15513.            @media screen and (min-width: 750px) {
  15514.                .footer-block__details-content .list-menu__item--link {
  15515.                    display: inline-block;
  15516.                    font-size: 1.4rem
  15517.                }
  15518.  
  15519.                .footer-block__details-content>:first-child .list-menu__item--link {
  15520.                    padding-top: 0
  15521.                }
  15522.            }
  15523.  
  15524.            .footer-block-image {
  15525.                display: flex
  15526.            }
  15527.  
  15528.            .footer-block-image.left {
  15529.                justify-content: flex-start
  15530.            }
  15531.  
  15532.            .footer-block-image.center {
  15533.                justify-content: center
  15534.            }
  15535.  
  15536.            .footer-block-image.right {
  15537.                justify-content: flex-end
  15538.            }
  15539.  
  15540.            @media screen and (max-width: 749px) {
  15541.  
  15542.                .footer-block-image,
  15543.                .footer-block-image.left,
  15544.                .footer-block-image.center,
  15545.                .footer-block-image.right {
  15546.                    justify-content: center
  15547.                }
  15548.            }
  15549.  
  15550.            .footer-block__image-wrapper {
  15551.                margin-bottom: 2rem;
  15552.                overflow: hidden !important
  15553.            }
  15554.  
  15555.            .footer-block__image-wrapper img {
  15556.                display: block;
  15557.                height: auto;
  15558.                max-width: 100%
  15559.            }
  15560.  
  15561.            .footer-block__brand-info {
  15562.                text-align: left
  15563.            }
  15564.  
  15565.            .footer-block:only-child .footer-block__brand-info {
  15566.                text-align: center
  15567.            }
  15568.  
  15569.            .footer-block:only-child>.footer-block__brand-info>.footer-block__image-wrapper {
  15570.                margin-left: auto;
  15571.                margin-right: auto
  15572.            }
  15573.  
  15574.            .footer-block-image>img,
  15575.            .footer-block__brand-info>img {
  15576.                height: auto
  15577.            }
  15578.  
  15579.            .footer-block:only-child .footer-block__brand-info .footer__list-social.list-social {
  15580.                justify-content: center
  15581.            }
  15582.  
  15583.            .footer-block__brand-info .footer__list-social.list-social {
  15584.                justify-content: flex-start;
  15585.                margin-left: -1.3rem;
  15586.                margin-right: -1.3rem
  15587.            }
  15588.  
  15589.            .footer-block__details-content .placeholder-svg {
  15590.                max-width: 20rem
  15591.            }
  15592.  
  15593.            .copyright__content {
  15594.                font-size: 1.1rem
  15595.            }
  15596.  
  15597.            .copyright__content a {
  15598.                color: currentColor;
  15599.                text-decoration: none
  15600.            }
  15601.  
  15602.            .policies {
  15603.                display: inline
  15604.            }
  15605.  
  15606.            .policies li {
  15607.                display: inline-flex;
  15608.                justify-content: center;
  15609.                align-items: center
  15610.            }
  15611.  
  15612.            .policies li:before {
  15613.                content: "\b7";
  15614.                padding: 0 .8rem
  15615.            }
  15616.  
  15617.            .policies li a {
  15618.                padding: .6rem 0;
  15619.                display: block
  15620.            }
  15621.  
  15622.            @media screen and (min-width: 750px) {
  15623.                .policies li a {
  15624.                    padding: 0
  15625.                }
  15626.            }
  15627.  
  15628.            @keyframes animateLocalization {
  15629.                0% {
  15630.                    opacity: 0;
  15631.                    transform: translateY(0)
  15632.                }
  15633.  
  15634.                to {
  15635.                    opacity: 1;
  15636.                    transform: translateY(-1rem)
  15637.                }
  15638.            }
  15639.  
  15640.            @supports not (inset: 10px) {
  15641.                @media screen and (max-width: 749px) {
  15642.                    .footer .grid {
  15643.                        margin-left: 0
  15644.                    }
  15645.                }
  15646.  
  15647.                @media screen and (min-width: 750px) {
  15648.                    .footer__content-top .grid {
  15649.                        margin-left: -3rem
  15650.                    }
  15651.  
  15652.                    .footer__content-top .grid__item {
  15653.                        padding-left: 3rem
  15654.                    }
  15655.                }
  15656.            }
  15657.        </style>
  15658.        <style>
  15659.            .newsletter-form {
  15660.                display: flex;
  15661.                flex-direction: column;
  15662.                justify-content: center;
  15663.                align-items: center;
  15664.                width: 100%;
  15665.                position: relative
  15666.            }
  15667.  
  15668.            @media screen and (min-width: 750px) {
  15669.                .newsletter-form {
  15670.                    align-items: flex-start;
  15671.                    margin: 0 auto;
  15672.                    max-width: 36rem
  15673.                }
  15674.            }
  15675.  
  15676.            .newsletter-form__field-wrapper {
  15677.                width: 100%
  15678.            }
  15679.  
  15680.            .newsletter-form__field-wrapper .field__input {
  15681.                padding-right: 5rem
  15682.            }
  15683.  
  15684.            .newsletter-form__field-wrapper .field {
  15685.                z-index: 0
  15686.            }
  15687.  
  15688.            .newsletter-form__message {
  15689.                justify-content: center;
  15690.                margin-bottom: 0
  15691.            }
  15692.  
  15693.            .newsletter-form__message--success {
  15694.                margin-top: 2rem
  15695.            }
  15696.  
  15697.            @media screen and (min-width: 750px) {
  15698.                .newsletter-form__message {
  15699.                    justify-content: flex-start
  15700.                }
  15701.            }
  15702.  
  15703.            .newsletter-form__button {
  15704.                width: 4.4rem;
  15705.                margin: 0;
  15706.                right: var(--inputs-border-width);
  15707.                top: 0;
  15708.                height: 100%;
  15709.                z-index: 2
  15710.            }
  15711.  
  15712.            .newsletter-form__button:focus-visible {
  15713.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15714.                background-color: rgb(var(--color-background))
  15715.            }
  15716.  
  15717.            .newsletter-form__button:focus {
  15718.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15719.                background-color: rgb(var(--color-background))
  15720.            }
  15721.  
  15722.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15723.                box-shadow: inherit;
  15724.                background-color: inherit
  15725.            }
  15726.  
  15727.            .newsletter-form__button .icon {
  15728.                width: 1.5rem
  15729.            }
  15730.        </style>
  15731.        <style>
  15732.            .list-menu--right {
  15733.                right: 0;
  15734.            }
  15735.  
  15736.            .list-menu--disclosure {
  15737.                position: absolute;
  15738.                min-width: 100%;
  15739.                width: 20rem;
  15740.                border: 1px solid rgba(var(--color-foreground), 0.2);
  15741.            }
  15742.  
  15743.            .list-menu--disclosure:focus {
  15744.                outline: none;
  15745.            }
  15746.  
  15747.            .list-menu__item--active {
  15748.                text-decoration: underline;
  15749.                text-underline-offset: 0.3rem;
  15750.            }
  15751.  
  15752.            .list-menu__item--active:hover {
  15753.                text-decoration-thickness: 0.2rem;
  15754.            }
  15755.  
  15756.            .list-menu--disclosure.localization-selector {
  15757.                max-height: 18rem;
  15758.                overflow: auto;
  15759.                width: 10rem;
  15760.                padding: 0.5rem;
  15761.            }
  15762.        </style>
  15763.        <style>
  15764.            .list-payment {
  15765.                display: flex;
  15766.                flex-wrap: wrap;
  15767.                justify-content: center;
  15768.                margin: -0.5rem 0;
  15769.                padding-top: 1rem;
  15770.                padding-left: 0;
  15771.            }
  15772.  
  15773.            @media screen and (min-width: 750px) {
  15774.                .list-payment {
  15775.                    justify-content: flex-end;
  15776.                    margin: -0.5rem;
  15777.                    padding-top: 0;
  15778.                }
  15779.            }
  15780.  
  15781.            .list-payment__item {
  15782.                align-items: center;
  15783.                display: flex;
  15784.                padding: 0.5rem;
  15785.            }
  15786.        </style>
  15787.        <style>
  15788.            .list-social {
  15789.                display: flex;
  15790.                flex-wrap: wrap;
  15791.                justify-content: flex-end;
  15792.            }
  15793.  
  15794.            @media only screen and (max-width: 749px) {
  15795.                .list-social {
  15796.                    justify-content: center;
  15797.                }
  15798.            }
  15799.  
  15800.            .list-social__item .icon {
  15801.                height: 2.2rem;
  15802.                width: 2.2rem;
  15803.            }
  15804.  
  15805.            .list-social__link {
  15806.                align-items: center;
  15807.                display: flex;
  15808.                padding: 1.1rem;
  15809.                color: rgb(var(--color-foreground));
  15810.            }
  15811.  
  15812.            .utility-bar .list-social__link {
  15813.                padding: 0 0.8rem;
  15814.                height: 3.8rem;
  15815.            }
  15816.  
  15817.            .list-social__link:hover .icon {
  15818.                transform: scale(1.07);
  15819.            }
  15820.        </style>
  15821.        <style data-shopify>
  15822.            .footer {
  15823.                margin-top: 0px;
  15824.            }
  15825.  
  15826.            .section-sections--17040648372437__footer-padding {
  15827.                padding-top: 33px;
  15828.                padding-bottom: 45px;
  15829.            }
  15830.  
  15831.            @media screen and (min-width: 750px) {
  15832.                .footer {
  15833.                    margin-top: 0px;
  15834.                }
  15835.  
  15836.                .section-sections--17040648372437__footer-padding {
  15837.                    padding-top: 44px;
  15838.                    padding-bottom: 60px;
  15839.                }
  15840.            }
  15841.        </style>
  15842.        <footer class="footer color-inverse gradient section-sections--17040648372437__footer-padding">
  15843.            <div class="footer__content-top page-width">
  15844.                <div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade></div>
  15845.            </div>
  15846.            <div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade>
  15847.                <div class="footer__content-bottom-wrapper page-width">
  15848.                    <div class="footer__column footer__localization isolate"></div>
  15849.                    <div class="footer__column footer__column--info">
  15850.                        <div class="footer__payment">
  15851.                            <span class="visually-hidden">Payment methods</span>
  15852.                            <ul class="list list-payment" role="list"></ul>
  15853.                        </div>
  15854.                    </div>
  15855.                </div>
  15856.                <div class="footer__content-bottom-wrapper page-width">
  15857.                    <div class="footer__copyright caption">
  15858.                        <small class="copyright__content"> <a
  15859.                                href="https://duwaynemotel.com/">Prediksi Macau &</a></small>
  15860.                        <small class="copyright__content"><a target="_blank" rel="nofollow">Togel Macau Resmi</a></small>
  15861.                    </div>
  15862.                </div>
  15863.            </div>
  15864.        </footer>
  15865.        <!-- ✅ FAQ CONTAINER AUTO-FILL DARI SCHEMA -->
  15866. <div class="faq-section" lang="id-ID" aria-labelledby="faq-heading">
  15867.  <div class="faq-header" id="faq-heading">FAQ PREDIKSI MACAU</div>
  15868.  <div id="faq-list" role="list"></div>
  15869.  
  15870.  <!-- Catatan tambahan -->
  15871.  <div class="faq-footnote">
  15872.    <b>Catatan:</b> Gunakan prediksi secara bijak dan bermainlah dengan tanggung jawab.
  15873.  </div>
  15874. </div>
  15875.  
  15876. <!-- ✅ SCRIPT AUTO RENDER FAQ -->
  15877. <script>
  15878. (function() {
  15879.  const schemaEl = document.getElementById('faq-schema');
  15880.  if (!schemaEl) return;
  15881.  
  15882.  let data;
  15883.  try {
  15884.    data = JSON.parse(schemaEl.textContent.trim());
  15885.  } catch (e) {
  15886.    console.error('Gagal parse FAQ schema JSON-LD:', e);
  15887.    return;
  15888.  }
  15889.  
  15890.  if (!data || data['@type'] !== 'FAQPage' || !Array.isArray(data.mainEntity)) return;
  15891.  const listEl = document.getElementById('faq-list');
  15892.  
  15893.  const makeItem = (q, idx) => {
  15894.    const item = document.createElement('div');
  15895.    item.className = 'faq-item';
  15896.    item.setAttribute('role', 'listitem');
  15897.  
  15898.    const btn = document.createElement('button');
  15899.    btn.type = 'button';
  15900.    btn.className = 'faq-question';
  15901.    btn.textContent = q.name || 'Pertanyaan';
  15902.    btn.setAttribute('aria-expanded', 'false');
  15903.    btn.setAttribute('aria-controls', `faq-answer-${idx}`);
  15904.  
  15905.    const ans = document.createElement('div');
  15906.    ans.className = 'faq-answer';
  15907.    ans.id = `faq-answer-${idx}`;
  15908.    ans.setAttribute('role', 'region');
  15909.    ans.setAttribute('aria-hidden', 'true');
  15910.    ans.innerHTML = (q.acceptedAnswer && q.acceptedAnswer.text) ? q.acceptedAnswer.text : '';
  15911.  
  15912.    btn.addEventListener('click', () => {
  15913.      const isOpen = btn.getAttribute('aria-expanded') === 'true';
  15914.  
  15915.      document.querySelectorAll('.faq-question').forEach(b => b.setAttribute('aria-expanded', 'false'));
  15916.      document.querySelectorAll('.faq-answer').forEach(a => {
  15917.        a.classList.remove('show');
  15918.        a.setAttribute('aria-hidden', 'true');
  15919.      });
  15920.  
  15921.      if (!isOpen) {
  15922.        btn.setAttribute('aria-expanded', 'true');
  15923.        ans.classList.add('show');
  15924.        ans.setAttribute('aria-hidden', 'false');
  15925.      }
  15926.    });
  15927.  
  15928.    item.appendChild(btn);
  15929.    item.appendChild(ans);
  15930.    return item;
  15931.  };
  15932.  
  15933.  data.mainEntity.forEach((q, i) => listEl.appendChild(makeItem(q, i)));
  15934. })();
  15935. </script>
  15936.  
  15937. <!-- ✅ ANIMASI & DESAIN -->
  15938. <style>
  15939. .faq-section {
  15940.  max-width: 720px;
  15941.  margin: 30px auto;
  15942.  background: #fffef5;
  15943.  border: 1px solid #f3e7b6;
  15944.  border-radius: 14px;
  15945.  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  15946.  font-family: "Inter", Arial, sans-serif;
  15947.  overflow: hidden;
  15948. }
  15949.  
  15950. .faq-header {
  15951.  background: linear-gradient(135deg, #2f2b1b, #000000);
  15952.  color: #ffffff;
  15953.  font-weight: 800;
  15954.  text-align: center;
  15955.  padding: 14px;
  15956.  font-size: 1.1rem;
  15957.  letter-spacing: 0.2px;
  15958.  text-transform: uppercase;
  15959. }
  15960.  
  15961. .faq-item {
  15962.  border-bottom: 1px dashed #eee2a5;
  15963. }
  15964.  
  15965. .faq-question {
  15966.  width: 100%;
  15967.  padding: 16px 18px;
  15968.  text-align: left;
  15969.  background: #fffdf3;
  15970.  color: #3a3205;
  15971.  font-weight: 700;
  15972.  border: none;
  15973.  outline: none;
  15974.  cursor: pointer;
  15975.  font-size: 1rem;
  15976.  transition: background 0.3s ease, color 0.3s ease;
  15977. }
  15978.  
  15979. .faq-question:hover {
  15980.  background: #fff6c4;
  15981.  color: #5c4600;
  15982. }
  15983.  
  15984. .faq-question[aria-expanded="true"] {
  15985.  background: #fff3b0;
  15986.  color: #2e2300;
  15987. }
  15988.  
  15989. .faq-answer {
  15990.  max-height: 0;
  15991.  opacity: 0;
  15992.  overflow: hidden;
  15993.  transition: all 0.45s ease;
  15994.  padding: 0 18px;
  15995.  background: #fffef8;
  15996.  color: #463a00;
  15997.  font-size: 0.95rem;
  15998.  line-height: 1.55;
  15999. }
  16000.  
  16001. .faq-answer.show {
  16002.  max-height: 500px;
  16003.  opacity: 1;
  16004.  padding: 12px 18px 16px;
  16005.  animation: fadeSlide 0.4s ease;
  16006. }
  16007.  
  16008. @keyframes fadeSlide {
  16009.  from {
  16010.    opacity: 0;
  16011.    transform: translateY(-6px);
  16012.  }
  16013.  to {
  16014.    opacity: 1;
  16015.    transform: translateY(0);
  16016.  }
  16017. }
  16018.  
  16019. .faq-footnote {
  16020.  background: #fffbe4;
  16021.  color: #7a6700;
  16022.  font-size: 0.85rem;
  16023.  padding: 12px 16px;
  16024.  border-top: 1px solid #f1e5a3;
  16025.  text-align: center;
  16026. }
  16027.  
  16028. @media (max-width: 768px) {
  16029.  .faq-section {
  16030.    max-width: 95%;
  16031.    margin: 20px auto;
  16032.  }
  16033. }
  16034. </style>
  16035.        <section class="top-reviews">
  16036.  <h2 class="section-title">TOP REVIEWS PREDIKSI MACAU</h2>
  16037.  
  16038.  <div class="review-container">
  16039.  
  16040.    <div class="review-card">
  16041.      <p class="reviewer-name">Dewantara</p>
  16042.      <img src="https://ophiuchus.club/img/logopredikmacau.png" alt="Avatar" class="avatar">
  16043.      <p class="review-text">
  16044.        Prediksi Macau di sini benar-benar akurat. Angka main 4D dan 5D-nya sering banget tembus karena analisisnya bukan tebak-tebakan, tapi pakai data real-time dan paito macau resmi. Layak banget jadi andalan tiap hari.
  16045.      </p>
  16046.      <div class="review-footer">01 November 2025</div>
  16047.      <div class="rating">★★★★★</div>
  16048.    </div>
  16049.  
  16050.    <div class="review-card">
  16051.      <p class="reviewer-name">Lukman</p>
  16052.      <img src="https://ophiuchus.club/img/logopredikmacau.png" alt="Avatar" class="avatar">
  16053.      <p class="review-text">
  16054.        Saya suka karena prediksi dan hasil keluarannya sinkron sama Macau Pools asli. Update-nya cepat banget, tampilannya juga ringan dan jelas. Sekarang tiap hari saya pantau angka main dari sini aja.
  16055.      </p>
  16056.      <div class="review-footer">2 November 2025</div>
  16057.      <div class="rating">★★★★★</div>
  16058.    </div>
  16059.  
  16060.    <div class="review-card">
  16061.      <p class="reviewer-name">Sinta</p>
  16062.      <img src="https://ophiuchus.club/img/logopredikmacau.png" alt="Avatar" class="avatar">
  16063.      <p class="review-text">
  16064.        Situs prediksi macau ini beda dari yang lain, datanya lengkap banget dari paito, kode syair sampai bocoran angka harian. AI analisisnya kelihatan banget hasilnya, angka yang keluar sering cocok sama prediksi hari sebelumnya!
  16065.      </p>
  16066.      <div class="review-footer">5 November 2025</div>
  16067.      <div class="rating">★★★★★</div>
  16068.    </div>
  16069.  
  16070.  </div>
  16071.  
  16072.  
  16073.  <center>
  16074.    <p class="copyright">©copyright - 2017 - 2025 | Support by | SEOI-PIN</p>
  16075.  </center>
  16076. </section>
  16077.  
  16078. <style>
  16079. body {
  16080.  background: #000; /* full black background */
  16081.  font-family: "Poppins", sans-serif;
  16082.  color: #f5f5f5;
  16083. }
  16084.  
  16085. .top-reviews {
  16086.  width: 100%;
  16087.  max-width: 1200px;
  16088.  margin: 40px auto;
  16089.  padding: 40px 20px;
  16090.  border-radius: 20px;
  16091.  background: linear-gradient(145deg, #0a0a0a, #1a1a1a);
  16092.  box-shadow: 0 0 20px rgba(255, 215, 0, 0.15);
  16093.  border: 1px solid rgba(255, 215, 0, 0.3);
  16094. }
  16095.  
  16096. .section-title {
  16097.  text-align: center;
  16098.  font-size: 24px;
  16099.  font-weight: 700;
  16100.  letter-spacing: 1px;
  16101.  color: #ffd700;
  16102.  text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
  16103.  margin-bottom: 30px;
  16104. }
  16105.  
  16106. .review-container {
  16107.  display: flex;
  16108.  flex-wrap: wrap;
  16109.  justify-content: center;
  16110.  gap: 25px;
  16111. }
  16112.  
  16113. .review-card {
  16114.  width: 30%;
  16115.  min-width: 280px;
  16116.  background: rgba(20, 20, 20, 0.9);
  16117.  border: 1px solid rgba(255, 215, 0, 0.25);
  16118.  border-radius: 15px;
  16119.  padding: 20px;
  16120.  text-align: center;
  16121.  color: #fff;
  16122.  transition: all 0.3s ease;
  16123.  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  16124. }
  16125.  
  16126. .review-card:hover {
  16127.  transform: translateY(-5px);
  16128.  box-shadow: 0 0 20px rgba(255, 215, 0, 0.4);
  16129.  border-color: rgba(255, 215, 0, 0.6);
  16130. }
  16131.  
  16132. .avatar {
  16133.  width: 90px;
  16134.  height: auto;
  16135.  margin: 15px 0;
  16136.  border-radius: 10px;
  16137. }
  16138.  
  16139. .reviewer-name {
  16140.  font-weight: 600;
  16141.  font-size: 16px;
  16142.  color: #ffd700;
  16143.  margin-bottom: 5px;
  16144. }
  16145.  
  16146. .review-text {
  16147.  font-size: 14px;
  16148.  color: #ddd;
  16149.  line-height: 1.6;
  16150.  margin: 10px 0;
  16151. }
  16152.  
  16153. .review-footer {
  16154.  font-size: 13px;
  16155.  color: #999;
  16156.  margin-top: 8px;
  16157. }
  16158.  
  16159. .rating {
  16160.  font-size: 16px;
  16161.  color: #ffd700;
  16162.  letter-spacing: 2px;
  16163.  margin-top: 6px;
  16164.  text-shadow: 0 0 5px rgba(255, 215, 0, 0.7);
  16165. }
  16166.  
  16167. .copyright {
  16168.  font-size: 13px;
  16169.  color: #999;
  16170.  margin-top: 30px;
  16171.  letter-spacing: 0.5px;
  16172. }
  16173.  
  16174. @media (max-width: 900px) {
  16175.  .review-card {
  16176.    width: 45%;
  16177.  }
  16178. }
  16179.  
  16180. @media (max-width: 600px) {
  16181.  .review-card {
  16182.    width: 100%;
  16183.  }
  16184. }
  16185. </style>
  16186.        <style>
  16187.            .fixed-footer {
  16188.                display: flex;
  16189.                justify-content: space-around;
  16190.                position: fixed;
  16191.                background: linear-gradient(to bottom, #604a09 0%, #d9b44c 50%, #d9b44c 100%);
  16192.                padding: 5px 0;
  16193.                box-shadow: 0 0 8px 4px #666;
  16194.                left: 0;
  16195.                right: 0;
  16196.                bottom: 0;
  16197.                z-index: 99
  16198.            }
  16199.  
  16200.            .fixed-footer a {
  16201.                flex-basis: calc((100% - 15px*6)/ 5);
  16202.                text-decoration: none;
  16203.                display: flex;
  16204.                flex-direction: column;
  16205.                justify-content: center;
  16206.                align-items: center;
  16207.                color: #fff;
  16208.                max-width: 75px;
  16209.                font-size: 12px;
  16210.                font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  16211.            }
  16212.  
  16213.            .fixed-footer a:hover {
  16214.                font-weight: bold;
  16215.            }
  16216.  
  16217.            .fixed-footer .center {
  16218.                transform: scale(1.5) translateY(-5px);
  16219.                background: center no-repeat;
  16220.                background-size: contain;
  16221.                background-color: inherit;
  16222.                border-radius: 50%;
  16223.            }
  16224.  
  16225.            .fixed-footer img {
  16226.                max-width: 20px;
  16227.                margin-bottom: 0;
  16228.                max-height: 20px;
  16229.            }
  16230.        </style>
  16231.        <div class="fixed-footer">
  16232.            <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noopener" target="_blank">
  16233.                <img layout="intrinsic" height="20px" width="20px"
  16234.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1703924711/home_r5olwp.png"
  16235.                    alt="Prediksi Macau">
  16236.                Macau
  16237.            </a>
  16238.            <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noopener" target="_blank">
  16239.                <img layout="intrinsic" height="20px" width="20px"
  16240.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772657/bonus_sda1qh.png"
  16241.                    alt="Bonus Prediksi Macau">
  16242.                Bonus
  16243.            </a>
  16244.            <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noopener" target="_blank" class="tada">
  16245.                <img layout="intrinsic" height="50" width="50"
  16246.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772657/daftar_hnwvhw.png"
  16247.                    alt="Daftar Prediksi Macau Resmi">
  16248.                Daftar
  16249.            </a>
  16250.            <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noopener" target="_blank">
  16251.                <img layout="intrinsic" height="20px" width="20px"
  16252.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772656/login_o2fhxl.png"
  16253.                    alt="Login Prediksi Macau">
  16254.                Login
  16255.            </a>
  16256.            <a href="https://ophiuchus.club/Prediksi-Macau" rel="nofollow noopener" target="_blank"
  16257.                class="js_live_chat_link live-chat-link">
  16258.                <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px"
  16259.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1722264585/LIVE_CHAT_dttepy.png"
  16260.                    alt="Live Chat Prediksi Macau">
  16261.                Live Chat
  16262.            </a>
  16263.        </div>
  16264.  
  16265.    </div>
  16266.    <!-- END sections: footer-group -->
  16267.  
  16268.    <ul hidden>
  16269.        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</b></li>
  16270.        <li id="a11y-new-window-message">Opens in a new window.</b></li>
  16271.    </ul>
  16272.  
  16273.    <script>
  16274.        window.shopUrl = 'https://duwaynemotel.com/';
  16275.        window.routes = {
  16276.            cart_add_url: '/cart/add',
  16277.            cart_change_url: '/cart/change',
  16278.            cart_update_url: '/cart/update',
  16279.            cart_url: '/cart',
  16280.            predictive_search_url: '/search/suggest',
  16281.        };
  16282.  
  16283.        window.cartStrings = {
  16284.            error: `There was an error while updating your cart. Please try again.`,
  16285.            quantityError: `You can only add [quantity] of this item to your cart.`,
  16286.        };
  16287.  
  16288.        window.variantStrings = {
  16289.            addToCart: `Add to cart`,
  16290.            soldOut: `Sold out`,
  16291.            unavailable: `Unavailable`,
  16292.            unavailable_with_option: `[value] - Unavailable`,
  16293.        };
  16294.  
  16295.        window.quickOrderListStrings = {
  16296.            itemsAdded: `[quantity] items added`,
  16297.            itemAdded: `[quantity] item added`,
  16298.            itemsRemoved: `[quantity] items removed`,
  16299.            itemRemoved: `[quantity] item removed`,
  16300.            viewCart: `View cart`,
  16301.            each: `[money]/ea`,
  16302.        };
  16303.  
  16304.        window.accessibilityStrings = {
  16305.            imageAvailable: `Image [index] is now available in gallery view`,
  16306.            shareSuccess: `Link copied to clipboard`,
  16307.            pauseSlideshow: `Pause slideshow`,
  16308.            playSlideshow: `Play slideshow`,
  16309.            recipientFormExpanded: `Gift card recipient form expanded`,
  16310.            recipientFormCollapsed: `Gift card recipient form collapsed`,
  16311.        };
  16312.    </script>
  16313.    <script>
  16314.        /** Shopify CDN: Minification failed
  16315.    
  16316.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  16317.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16318.    Line 29:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16319.    Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16320.    Line 42:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16321.    Line 44:4 Transforming const to the configured target environment ("es5") is not supported yet
  16322.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16323.    Line 68:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16324.    Line 78:9 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16325.    Line 79:4 Transforming const to the configured target environment ("es5") is not supported yet
  16326.    ... and 31 more hidden warnings
  16327.    
  16328.    **/
  16329.        class PredictiveSearch extends SearchForm {
  16330.            constructor() {
  16331.                super();
  16332.                this.cachedResults = {};
  16333.                this.predictiveSearchResults = this.querySelector('[data-predictive-search]');
  16334.                this.allPredictiveSearchInstances = document.querySelectorAll('predictive-search');
  16335.                this.isOpen = false;
  16336.                this.abortController = new AbortController();
  16337.                this.searchTerm = '';
  16338.  
  16339.                this.setupEventListeners();
  16340.            }
  16341.  
  16342.            setupEventListeners() {
  16343.                this.input.form.addEventListener('submit', this.onFormSubmit.bind(this));
  16344.  
  16345.                this.input.addEventListener('focus', this.onFocus.bind(this));
  16346.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  16347.                this.addEventListener('keyup', this.onKeyup.bind(this));
  16348.                this.addEventListener('keydown', this.onKeydown.bind(this));
  16349.            }
  16350.  
  16351.            getQuery() {
  16352.                return this.input.value.trim();
  16353.            }
  16354.  
  16355.            onChange() {
  16356.                super.onChange();
  16357.                const newSearchTerm = this.getQuery();
  16358.                if (!this.searchTerm || !newSearchTerm.startsWith(this.searchTerm)) {
  16359.                    // Remove the results when they are no longer relevant for the new search term
  16360.                    // so they don't show up when the dropdown opens again
  16361.                    this.querySelector('#predictive-search-results-groups-wrapper')?.remove();
  16362.                }
  16363.  
  16364.                // Update the term asap, don't wait for the predictive search query to finish loading
  16365.                this.updateSearchForTerm(this.searchTerm, newSearchTerm);
  16366.  
  16367.                this.searchTerm = newSearchTerm;
  16368.  
  16369.                if (!this.searchTerm.length) {
  16370.                    this.close(true);
  16371.                    return;
  16372.                }
  16373.  
  16374.                this.getSearchResults(this.searchTerm);
  16375.            }
  16376.  
  16377.            onFormSubmit(event) {
  16378.                if (!this.getQuery().length || this.querySelector('[aria-selected="true"] a')) event.preventDefault();
  16379.            }
  16380.  
  16381.            onFormReset(event) {
  16382.                super.onFormReset(event);
  16383.                if (super.shouldResetForm()) {
  16384.                    this.searchTerm = '';
  16385.                    this.abortController.abort();
  16386.                    this.abortController = new AbortController();
  16387.                    this.closeResults(true);
  16388.                }
  16389.            }
  16390.  
  16391.            onFocus() {
  16392.                const currentSearchTerm = this.getQuery();
  16393.  
  16394.                if (!currentSearchTerm.length) return;
  16395.  
  16396.                if (this.searchTerm !== currentSearchTerm) {
  16397.                    // Search term was changed from other search input, treat it as a user change
  16398.                    this.onChange();
  16399.                } else if (this.getAttribute('results') === 'true') {
  16400.                    this.open();
  16401.                } else {
  16402.                    this.getSearchResults(this.searchTerm);
  16403.                }
  16404.            }
  16405.  
  16406.            onFocusOut() {
  16407.                setTimeout(() => {
  16408.                    if (!this.contains(document.activeElement)) this.close();
  16409.                });
  16410.            }
  16411.  
  16412.            onKeyup(event) {
  16413.                if (!this.getQuery().length) this.close(true);
  16414.                event.preventDefault();
  16415.  
  16416.                switch (event.code) {
  16417.                    case 'ArrowUp':
  16418.                        this.switchOption('up');
  16419.                        break;
  16420.                    case 'ArrowDown':
  16421.                        this.switchOption('down');
  16422.                        break;
  16423.                    case 'Enter':
  16424.                        this.selectOption();
  16425.                        break;
  16426.                }
  16427.            }
  16428.  
  16429.            onKeydown(event) {
  16430.                // Prevent the cursor from moving in the input when using the up and down arrow keys
  16431.                if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
  16432.                    event.preventDefault();
  16433.                }
  16434.            }
  16435.  
  16436.            updateSearchForTerm(previousTerm, newTerm) {
  16437.                const searchForTextElement = this.querySelector('[data-predictive-search-search-for-text]');
  16438.                const currentButtonText = searchForTextElement?.innerText;
  16439.                if (currentButtonText) {
  16440.                    if (currentButtonText.match(new RegExp(previousTerm, 'g')).length > 1) {
  16441.                        // The new term matches part of the button text and not just the search term, do not replace to avoid mistakes
  16442.                        return;
  16443.                    }
  16444.                    const newButtonText = currentButtonText.replace(previousTerm, newTerm);
  16445.                    searchForTextElement.innerText = newButtonText;
  16446.                }
  16447.            }
  16448.  
  16449.            switchOption(direction) {
  16450.                if (!this.getAttribute('open')) return;
  16451.  
  16452.                const moveUp = direction === 'up';
  16453.                const selectedElement = this.querySelector('[aria-selected="true"]');
  16454.  
  16455.                // Filter out hidden elements (duplicated page and article resources) thanks
  16456.                // to this https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
  16457.                const allVisibleElements = Array.from(this.querySelectorAll('li, button.predictive-search__item')).filter(
  16458.                    (element) => element.offsetParent !== null
  16459.                );
  16460.                let activeElementIndex = 0;
  16461.  
  16462.                if (moveUp && !selectedElement) return;
  16463.  
  16464.                let selectedElementIndex = -1;
  16465.                let i = 0;
  16466.  
  16467.                while (selectedElementIndex === -1 && i <= allVisibleElements.length) {
  16468.                    if (allVisibleElements[i] === selectedElement) {
  16469.                        selectedElementIndex = i;
  16470.                    }
  16471.                    i++;
  16472.                }
  16473.  
  16474.                this.statusElement.textContent = '';
  16475.  
  16476.                if (!moveUp && selectedElement) {
  16477.                    activeElementIndex = selectedElementIndex === allVisibleElements.length - 1 ? 0 : selectedElementIndex + 1;
  16478.                } else if (moveUp) {
  16479.                    activeElementIndex = selectedElementIndex === 0 ? allVisibleElements.length - 1 : selectedElementIndex - 1;
  16480.                }
  16481.  
  16482.                if (activeElementIndex === selectedElementIndex) return;
  16483.  
  16484.                const activeElement = allVisibleElements[activeElementIndex];
  16485.  
  16486.                activeElement.setAttribute('aria-selected', true);
  16487.                if (selectedElement) selectedElement.setAttribute('aria-selected', false);
  16488.  
  16489.                this.input.setAttribute('aria-activedescendant', activeElement.id);
  16490.            }
  16491.  
  16492.            selectOption() {
  16493.                const selectedOption = this.querySelector('[aria-selected="true"] a, button[aria-selected="true"]');
  16494.  
  16495.                if (selectedOption) selectedOption.click();
  16496.            }
  16497.  
  16498.            getSearchResults(searchTerm) {
  16499.                const queryKey = searchTerm.replace(' ', '-').toLowerCase();
  16500.                this.setLiveRegionLoadingState();
  16501.  
  16502.                if (this.cachedResults[queryKey]) {
  16503.                    this.renderSearchResults(this.cachedResults[queryKey]);
  16504.                    return;
  16505.                }
  16506.  
  16507.                fetch(`${routes.predictive_search_url}?q=${encodeURIComponent(searchTerm)}&section_id=predictive-search`, {
  16508.                    signal: this.abortController.signal,
  16509.                })
  16510.                    .then((response) => {
  16511.                        if (!response.ok) {
  16512.                            var error = new Error(response.status);
  16513.                            this.close();
  16514.                            throw error;
  16515.                        }
  16516.  
  16517.                        return response.text();
  16518.                    })
  16519.                    .then((text) => {
  16520.                        const resultsMarkup = new DOMParser()
  16521.                            .parseFromString(text, 'text/html')
  16522.                            .querySelector('#shopify-section-predictive-search').innerHTML;
  16523.                        // Save bandwidth keeping the cache in all instances synced
  16524.                        this.allPredictiveSearchInstances.forEach((predictiveSearchInstance) => {
  16525.                            predictiveSearchInstance.cachedResults[queryKey] = resultsMarkup;
  16526.                        });
  16527.                        this.renderSearchResults(resultsMarkup);
  16528.                    })
  16529.                    .catch((error) => {
  16530.                        if (error?.code === 20) {
  16531.                            // Code 20 means the call was aborted
  16532.                            return;
  16533.                        }
  16534.                        this.close();
  16535.                        throw error;
  16536.                    });
  16537.            }
  16538.  
  16539.            setLiveRegionLoadingState() {
  16540.                this.statusElement = this.statusElement || this.querySelector('.predictive-search-status');
  16541.                this.loadingText = this.loadingText || this.getAttribute('data-loading-text');
  16542.  
  16543.                this.setLiveRegionText(this.loadingText);
  16544.                this.setAttribute('loading', true);
  16545.            }
  16546.  
  16547.            setLiveRegionText(statusText) {
  16548.                this.statusElement.setAttribute('aria-hidden', 'false');
  16549.                this.statusElement.textContent = statusText;
  16550.  
  16551.                setTimeout(() => {
  16552.                    this.statusElement.setAttribute('aria-hidden', 'true');
  16553.                }, 1000);
  16554.            }
  16555.  
  16556.            renderSearchResults(resultsMarkup) {
  16557.                this.predictiveSearchResults.innerHTML = resultsMarkup;
  16558.                this.setAttribute('results', true);
  16559.  
  16560.                this.setLiveRegionResults();
  16561.                this.open();
  16562.            }
  16563.  
  16564.            setLiveRegionResults() {
  16565.                this.removeAttribute('loading');
  16566.                this.setLiveRegionText(this.querySelector('[data-predictive-search-live-region-count-value]').textContent);
  16567.            }
  16568.  
  16569.            getResultsMaxHeight() {
  16570.                this.resultsMaxHeight =
  16571.                    window.innerHeight - document.querySelector('.section-header').getBoundingClientRect().bottom;
  16572.                return this.resultsMaxHeight;
  16573.            }
  16574.  
  16575.            open() {
  16576.                this.predictiveSearchResults.style.maxHeight = this.resultsMaxHeight || `${this.getResultsMaxHeight()}px`;
  16577.                this.setAttribute('open', true);
  16578.                this.input.setAttribute('aria-expanded', true);
  16579.                this.isOpen = true;
  16580.            }
  16581.  
  16582.            close(clearSearchTerm = false) {
  16583.                this.closeResults(clearSearchTerm);
  16584.                this.isOpen = false;
  16585.            }
  16586.  
  16587.            closeResults(clearSearchTerm = false) {
  16588.                if (clearSearchTerm) {
  16589.                    this.input.value = '';
  16590.                    this.removeAttribute('results');
  16591.                }
  16592.                const selected = this.querySelector('[aria-selected="true"]');
  16593.  
  16594.                if (selected) selected.setAttribute('aria-selected', false);
  16595.  
  16596.                this.input.setAttribute('aria-activedescendant', '');
  16597.                this.removeAttribute('loading');
  16598.                this.removeAttribute('open');
  16599.                this.input.setAttribute('aria-expanded', false);
  16600.                this.resultsMaxHeight = false;
  16601.                this.predictiveSearchResults.removeAttribute('style');
  16602.            }
  16603.        }
  16604.  
  16605.        customElements.define('predictive-search', PredictiveSearch);
  16606.    </script>
  16607. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a8bdac026ca942139c1f37268c2a13e5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  16608. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"75755642e7514373a910f465de6b81a6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  16609. </body>
  16610.  
  16611. </html>

Home · About · News · Docs · Terms

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