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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1</title>
  16.    <meta name="description"
  17.        content="Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!">
  18.    <meta name="keywords"
  19.        content="Toto Macau, Prediksi Macau, Macau, Data Macau, Live Draw Macau, Paito Macau, Prediksi Toto Macau, Prediksi Macau" />
  20.    <link rel="amphtml" href="https://ophiuchus.club/Paito-Macau/amp/" />
  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="TOTO MACAU">
  30.    <meta name="author" content="TOTO MACAU">
  31.    <meta name="distribution" content="global">
  32.    <meta name="publisher" content="TOTO 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/TotoMacau/img/Logottm.png">
  38.    <meta property="og:locale" content="id_ID" />
  39.    <meta property="og:site_name" content="TOTO MACAU">
  40.    <meta property="og:url" content="https://duwaynemotel.com/">
  41.    <meta property="og:title" content="Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1">
  42.    <meta property="og:type" content="product">
  43.    <meta property="og:description"
  44.        content="Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!">
  45.    <meta property="og:image" content="https://ophiuchus.club/img/PTM.webp">
  46.    <meta property="og:image:secure_url"
  47.        content="https://ophiuchus.club/img/PTM.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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1">
  54.    <meta name="twitter:description"
  55.        content="Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!">
  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": "TOTO 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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1";
  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/PTM.webp"
  5866.                    },
  5867.                    "price": {
  5868.                        "amount": 5.000,
  5869.                        "currencyCode": "IDR"
  5870.                    },
  5871.                    "product": {
  5872.                        "id": "8226828321669",
  5873.                        "title": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  5874.                        "untranslatedTitle": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  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/PTM.webp"
  5891.                    },
  5892.                    "price": {
  5893.                        "amount": 5.000,
  5894.                        "currencyCode": "IDR"
  5895.                    },
  5896.                    "product": {
  5897.                        "id": "8226828321669",
  5898.                        "title": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  5899.                        "untranslatedTitle": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  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":"TOTO 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":"TOTO MACAU",
  6160.        "isPartOf":{"@id":"#website"},
  6161.        "description":"Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  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": "TOTO MACAU",
  6177.        "author": { "@type": "Person",
  6178.        "name": "TOTO MACAU" },
  6179.        "headline": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  6180.        "description": "Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  6181.        "keywords":"TOTO MACAU, TOTO MACAU login, TOTO MACAU daftar, prediksi TOTO MACAU, situs TOTO MACAU, situs togel",
  6182.        "image": "https://ophiuchus.club/img/PTM.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 ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  6199.        "name": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  6200.        "url": "https://duwaynemotel.com/",
  6201.        "description": "Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  6202.        "image": "https://ophiuchus.club/img/PTM.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": "TOTO MACAU",
  6208.        "url": "https://duwaynemotel.com/"
  6209.        },
  6210.        "publisher": {
  6211.        "@type": "Organization",
  6212.        "name": "https://duwaynemotel.com/",
  6213.        "description": "Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  6214.        "logo": {
  6215.        "@type": "ImageObject",
  6216.        "url": "https://ophiuchus.club/img/PTM.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": "TOTO MACAU",
  6228.        "alternateName": "TOTO MACAU",
  6229.        "url": "https://duwaynemotel.com/",
  6230.        "logo": "https://ophiuchus.club/img/logo-prediksi-macau.webp",
  6231.        "description": "Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  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 type="application/ld+json">
  6256.        {
  6257.        "@context": "https://schema.org",
  6258.        "@type": "FAQPage",
  6259.        "mainEntity": [
  6260.        {
  6261.        "@type": "Question",
  6262.        "name": "Apa itu TOTO MACAU?",
  6263.        "acceptedAnswer": {
  6264.        "@type": "Answer",
  6265.        "text": "TOTO MACAU adalah situs togel online yang sudah berdiri dari 2014 sampai sekarang."
  6266.        }
  6267.        },{
  6268.        "@type": "Question",
  6269.        "name": "Apa itu Togel?",
  6270.        "acceptedAnswer": {
  6271.        "@type": "Answer",
  6272.        "text": "Togel adalah permainan tebak angka dengan bayaran yang fantastis jika angka yang dibetting kenak."
  6273.        }
  6274.        },{
  6275.        "@type": "Question",
  6276.        "name": "Apakah TOTO MACAU aman untuk dimainkan?",
  6277.        "acceptedAnswer": {
  6278.        "@type": "Answer",
  6279.        "text": "Ya, TOTO MACAU menggunakan sistem keamanan canggih untuk melindungi data dan transaksi Anda, memastikan pengalaman bermain yang aman dan nyaman."
  6280.        }
  6281.        },{
  6282.        "@type": "Question",
  6283.        "name": "Bagaimana cara melakukan deposit di TOTO MACAU?",
  6284.        "acceptedAnswer": {
  6285.        "@type": "Answer",
  6286.        "text": "Anda bisa melakukan deposit melalui berbagai metode pembayaran yang tersedia, seperti transfer bank, e-wallet, atau pulsa. Panduan lengkap dapat dilihat di halaman deposit situs kami."
  6287.        }
  6288.        }]
  6289.        }
  6290.        </script>
  6291.    <script type="application/ld+json">
  6292.        {
  6293.        "@context": "https://schema.org/",
  6294.        "@type": "BreadcrumbList",
  6295.        "itemListElement": [{
  6296.        "@type": "ListItem",
  6297.        "position": 1,
  6298.        "name": "Home",
  6299.        "item": "https://duwaynemotel.com/"
  6300.        },
  6301.        {
  6302.        "@type": "ListItem",
  6303.        "position": 2,
  6304.        "name": "TOTO MACAU",
  6305.        "item": "https://duwaynemotel.com/"
  6306.        },
  6307.        {
  6308.        "@type": "ListItem",
  6309.        "position": 3,
  6310.        "name": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  6311.        "item": "https://duwaynemotel.com/"
  6312.        }
  6313.        ]
  6314.        }
  6315.        </script>
  6316. </head>
  6317.  
  6318. <body class="gradient">
  6319.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  6320.        Skip to content
  6321.    </a>
  6322.  
  6323.    <style>
  6324.        quantity-popover {
  6325.            position: relative;
  6326.            display: block
  6327.        }
  6328.  
  6329.        quantity-popover volume-pricing li:nth-child(odd) {
  6330.            background: rgba(var(--color-foreground), .03)
  6331.        }
  6332.  
  6333.        quantity-popover volume-pricing li {
  6334.            font-size: 1.4rem;
  6335.            letter-spacing: .06rem;
  6336.            padding: .6rem .8rem;
  6337.            display: flex;
  6338.            justify-content: space-between
  6339.        }
  6340.  
  6341.        .quantity-popover__info.global-settings-popup {
  6342.            width: 100%;
  6343.            z-index: 2;
  6344.            position: absolute;
  6345.            background-color: rgb(var(--color-background));
  6346.            max-width: 36rem
  6347.        }
  6348.  
  6349.        .quantity-popover__info .button-close,
  6350.        .variant-remove-total quick-order-list-remove-all-button .button,
  6351.        .quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
  6352.        quantity-popover quick-order-list-remove-button .button {
  6353.            --shadow-opacity: 0;
  6354.            --border-opacity: 0
  6355.        }
  6356.  
  6357.        .quantity-popover__info-button {
  6358.            display: flex;
  6359.            align-items: center;
  6360.            margin: 0 .4rem 0 0;
  6361.            min-width: 1.5rem;
  6362.            min-height: 1.5rem;
  6363.            --shadow-opacity: 0;
  6364.            --border-opacity: 0
  6365.        }
  6366.  
  6367.        .quantity-popover__info-button--icon-with-label {
  6368.            align-items: flex-start;
  6369.            text-align: left
  6370.        }
  6371.  
  6372.        .quantity-popover__info-button--icon-with-label svg {
  6373.            flex-shrink: 0
  6374.        }
  6375.  
  6376.        .quantity-popover__info-button--open {
  6377.            text-decoration: underline
  6378.        }
  6379.  
  6380.        .quantity-popover__info-button span {
  6381.            padding-left: 1rem
  6382.        }
  6383.  
  6384.        @media screen and (max-width: 989px) {
  6385.            .quantity-popover__info.global-settings-popup {
  6386.                left: 0
  6387.            }
  6388.  
  6389.            .quantity-popover__info-button {
  6390.                padding-left: 0
  6391.            }
  6392.        }
  6393.  
  6394.        .quantity-popover__info .quantity__rules {
  6395.            margin-top: 1.2rem;
  6396.            margin-bottom: 1rem
  6397.        }
  6398.  
  6399.        .quantity-popover__info .volume-pricing-label {
  6400.            display: block;
  6401.            margin-left: 1.2rem;
  6402.            margin-top: 1.2rem;
  6403.            font-size: 1.2rem
  6404.        }
  6405.  
  6406.        .quantity-popover__info .button {
  6407.            width: 3.2rem;
  6408.            height: 3.2rem;
  6409.            position: absolute;
  6410.            top: .4rem;
  6411.            right: 0;
  6412.            padding: 0 1.2rem 0 0;
  6413.            display: flex;
  6414.            justify-content: flex-end
  6415.        }
  6416.  
  6417.        .quantity-popover__info .volume-pricing-label~.button {
  6418.            top: -.2rem
  6419.        }
  6420.  
  6421.        .quantity-popover__info .button .icon {
  6422.            width: 1.5rem;
  6423.            height: 1.5rem
  6424.        }
  6425.  
  6426.        quantity-popover volume-pricing {
  6427.            margin-top: 1.2rem;
  6428.            display: block
  6429.        }
  6430.  
  6431.        quantity-popover .quantity__rules span:first-of-type {
  6432.            display: block
  6433.        }
  6434.  
  6435.        .quantity-popover-container {
  6436.            display: flex;
  6437.            padding: .5rem .5rem .5rem 0
  6438.        }
  6439.  
  6440.        .quantity-popover-container:not(.quantity-popover-container--hover) {
  6441.            align-items: center
  6442.        }
  6443.  
  6444.        @media screen and (min-width: 990px) {
  6445.            .quantity-popover-container--hover:hover {
  6446.                background-color: rgba(var(--color-foreground), .03);
  6447.                border-radius: var(--inputs-radius-outset)
  6448.            }
  6449.  
  6450.            .quantity-popover-container--empty {
  6451.                margin-right: 2.7rem
  6452.            }
  6453.  
  6454.            .quantity-popover__info.global-settings-popup {
  6455.                width: 27rem
  6456.            }
  6457.  
  6458.            .quantity-popover-container {
  6459.                width: auto;
  6460.                max-width: 20rem
  6461.            }
  6462.  
  6463.            .quantity-popover__info.global-settings-popup {
  6464.                transform: translateY(1rem)
  6465.            }
  6466.        }
  6467.  
  6468.        quantity-popover:has(.quantity__input:focus-visible) .quantity-popover__info {
  6469.            display: block
  6470.        }
  6471.  
  6472.        quantity-popover .quantity {
  6473.            background: rgb(var(--color-background))
  6474.        }
  6475.  
  6476.        quantity-popover .quantity__rules {
  6477.            margin-left: .8rem
  6478.        }
  6479.  
  6480.        quantity-popover .quantity__rules .divider:nth-child(2):before {
  6481.            content: none
  6482.        }
  6483.  
  6484.        quantity-popover .quantity__button:not(:focus-visible):not(.focused),
  6485.        quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  6486.            background-color: initial
  6487.        }
  6488.    </style>
  6489.    <style>
  6490.        .card-wrapper {
  6491.            color: inherit;
  6492.            height: 100%;
  6493.            position: relative;
  6494.            text-decoration: none
  6495.        }
  6496.  
  6497.        .card {
  6498.            text-decoration: none;
  6499.            text-align: var(--text-alignment)
  6500.        }
  6501.  
  6502.        .card:not(.ratio) {
  6503.            display: flex;
  6504.            flex-direction: column;
  6505.            height: 100%
  6506.        }
  6507.  
  6508.        .card.card--horizontal {
  6509.            --text-alignment: left;
  6510.            --image-padding: 0rem;
  6511.            flex-direction: row;
  6512.            align-items: flex-start;
  6513.            gap: 1.5rem
  6514.        }
  6515.  
  6516.        .card--horizontal.ratio:before {
  6517.            padding-bottom: 0
  6518.        }
  6519.  
  6520.        .card--card.card--horizontal {
  6521.            padding: 1.2rem
  6522.        }
  6523.  
  6524.        .card--card.card--horizontal.card--text {
  6525.            column-gap: 0
  6526.        }
  6527.  
  6528.        .card--card {
  6529.            height: 100%
  6530.        }
  6531.  
  6532.        .card--card,
  6533.        .card--standard .card__inner {
  6534.            position: relative;
  6535.            box-sizing: border-box;
  6536.            border-radius: var(--border-radius);
  6537.            border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  6538.        }
  6539.  
  6540.        .card--card:after,
  6541.        .card--standard .card__inner:after {
  6542.            content: "";
  6543.            position: absolute;
  6544.            z-index: -1;
  6545.            width: calc(var(--border-width) * 2 + 100%);
  6546.            height: calc(var(--border-width) * 2 + 100%);
  6547.            top: calc(var(--border-width) * -1);
  6548.            left: calc(var(--border-width) * -1);
  6549.            border-radius: var(--border-radius);
  6550.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  6551.        }
  6552.  
  6553.        .card--card.gradient,
  6554.        .card__inner.gradient {
  6555.            transform: perspective(0)
  6556.        }
  6557.  
  6558.        .card__inner.color-background-1 {
  6559.            background: transparent
  6560.        }
  6561.  
  6562.        .card .card__inner .card__media {
  6563.            overflow: hidden;
  6564.            z-index: 0;
  6565.            border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  6566.        }
  6567.  
  6568.        .card--card .card__inner .card__media {
  6569.            border-bottom-right-radius: 0;
  6570.            border-bottom-left-radius: 0
  6571.        }
  6572.  
  6573.        .card--standard.card--text {
  6574.            background-color: transparent
  6575.        }
  6576.  
  6577.        .card-information {
  6578.            text-align: var(--text-alignment)
  6579.        }
  6580.  
  6581.        .card__media,
  6582.        .card .media {
  6583.            bottom: 0;
  6584.            position: absolute;
  6585.            top: 0
  6586.        }
  6587.  
  6588.        .card .media {
  6589.            width: 100%
  6590.        }
  6591.  
  6592.        .card__media {
  6593.            margin: var(--image-padding);
  6594.            width: calc(100% - 2 * var(--image-padding))
  6595.        }
  6596.  
  6597.        .card--standard .card__media {
  6598.            margin: var(--image-padding)
  6599.        }
  6600.  
  6601.        .card__inner {
  6602.            width: 100%
  6603.        }
  6604.  
  6605.        .card--media .card__inner .card__content {
  6606.            position: relative;
  6607.            padding: calc(var(--image-padding) + 1rem)
  6608.        }
  6609.  
  6610.        .card__content {
  6611.            display: grid;
  6612.            grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  6613.            padding: 1rem;
  6614.            width: 100%;
  6615.            flex-grow: 1
  6616.        }
  6617.  
  6618.        .card__content--auto-margins {
  6619.            grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  6620.        }
  6621.  
  6622.        .card__information {
  6623.            grid-row-start: 2;
  6624.            padding: 1.3rem 1rem
  6625.        }
  6626.  
  6627.        .card:not(.ratio)>.card__content {
  6628.            grid-template-rows: max-content minmax(0, 1fr) max-content auto
  6629.        }
  6630.  
  6631.        .card-information .card__information-volume-pricing-note {
  6632.            margin-top: .6rem;
  6633.            line-height: calc(.5 + .4 / var(--font-body-scale));
  6634.            color: rgba(var(--color-foreground), .75)
  6635.        }
  6636.  
  6637.        @media screen and (min-width: 750px) {
  6638.            .card__information {
  6639.                padding-bottom: 1.7rem;
  6640.                padding-top: 1.7rem
  6641.            }
  6642.        }
  6643.  
  6644.        .card__badge {
  6645.            align-self: flex-end;
  6646.            grid-row-start: 3;
  6647.            justify-self: flex-start
  6648.        }
  6649.  
  6650.        .card__badge.top {
  6651.            align-self: flex-start;
  6652.            grid-row-start: 1
  6653.        }
  6654.  
  6655.        .card__badge.right {
  6656.            justify-self: flex-end
  6657.        }
  6658.  
  6659.        .card:not(.card--horizontal)>.card__content>.card__badge {
  6660.            margin: 1.3rem
  6661.        }
  6662.  
  6663.        .card__media .media img {
  6664.            height: 100%;
  6665.            object-fit: cover;
  6666.            object-position: center center;
  6667.            width: 100%
  6668.        }
  6669.  
  6670.        .card__inner:not(.ratio)>.card__content {
  6671.            height: 100%
  6672.        }
  6673.  
  6674.        .card__heading {
  6675.            margin-top: 0;
  6676.            margin-bottom: 0
  6677.        }
  6678.  
  6679.        .card__heading:last-child {
  6680.            margin-bottom: 0
  6681.        }
  6682.  
  6683.        .card--horizontal .card__heading,
  6684.        .card--horizontal .price__container .price-item,
  6685.        .card--horizontal__quick-add {
  6686.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  6687.        }
  6688.  
  6689.        .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6690.            margin-top: 0
  6691.        }
  6692.  
  6693.        .card--horizontal__quick-add:before {
  6694.            box-shadow: none
  6695.        }
  6696.  
  6697.        @media only screen and (min-width: 750px) {
  6698.  
  6699.            .card--horizontal .card__heading,
  6700.            .card--horizontal .price__container .price-item,
  6701.            .card--horizontal__quick-add {
  6702.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  6703.            }
  6704.        }
  6705.  
  6706.        .card--card.card--media>.card__content {
  6707.            margin-top: calc(0rem - var(--image-padding))
  6708.        }
  6709.  
  6710.        .card--standard.card--text a:after,
  6711.        .card--card .card__heading a:after {
  6712.            bottom: calc(var(--border-width) * -1);
  6713.            left: calc(var(--border-width) * -1);
  6714.            right: calc(var(--border-width) * -1);
  6715.            top: calc(var(--border-width) * -1)
  6716.        }
  6717.  
  6718.        .card__heading a:after {
  6719.            bottom: 0;
  6720.            content: "";
  6721.            left: 0;
  6722.            position: absolute;
  6723.            right: 0;
  6724.            top: 0;
  6725.            z-index: 1
  6726.        }
  6727.  
  6728.        .card__heading a:after {
  6729.            outline-offset: .3rem
  6730.        }
  6731.  
  6732.        .card__heading a:focus:after {
  6733.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6734.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6735.        }
  6736.  
  6737.        .card__heading a:focus-visible:after {
  6738.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6739.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6740.        }
  6741.  
  6742.        .card__heading a:focus:not(:focus-visible):after {
  6743.            box-shadow: none;
  6744.            outline: 0
  6745.        }
  6746.  
  6747.        .card__heading a:focus {
  6748.            box-shadow: none;
  6749.            outline: 0
  6750.        }
  6751.  
  6752.        @media screen and (min-width: 990px) {
  6753.  
  6754.            .card .media.media--hover-effect>img:only-child,
  6755.            .card-wrapper .media.media--hover-effect>img:only-child {
  6756.                transition: transform var(--duration-long) ease
  6757.            }
  6758.  
  6759.            .card:hover .media.media--hover-effect>img:first-child:only-child,
  6760.            .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  6761.                transform: scale(1.03)
  6762.            }
  6763.  
  6764.            .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  6765.                opacity: 0
  6766.            }
  6767.  
  6768.            .card-wrapper:hover .media.media--hover-effect>img+img {
  6769.                opacity: 1;
  6770.                transition: transform var(--duration-long) ease;
  6771.                transform: scale(1.03)
  6772.            }
  6773.  
  6774.            .underline-links-hover:hover a {
  6775.                text-decoration: underline;
  6776.                text-underline-offset: .3rem
  6777.            }
  6778.        }
  6779.  
  6780.        .card--standard.card--media .card__inner .card__information,
  6781.        .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  6782.        .card--standard:not(.card--horizontal)>.card__content .card__badge,
  6783.        .card--standard.card--text.article-card>.card__content .card__information,
  6784.        .card--standard>.card__content .card__caption {
  6785.            display: none
  6786.        }
  6787.  
  6788.        .card--standard:not(.card--horizontal) .placeholder-svg {
  6789.            height: auto;
  6790.            width: 100%
  6791.        }
  6792.  
  6793.        .card--standard>.card__content {
  6794.            padding: 0
  6795.        }
  6796.  
  6797.        .card--standard>.card__content .card__information {
  6798.            padding-left: 0;
  6799.            padding-right: 0
  6800.        }
  6801.  
  6802.        .card--card.card--media .card__inner .card__information,
  6803.        .card--card.card--text .card__inner,
  6804.        .card--card.card--media>.card__content .card__badge {
  6805.            display: none
  6806.        }
  6807.  
  6808.        .card--horizontal .card__badge,
  6809.        .card--horizontal.card--text .card__inner {
  6810.            display: none
  6811.        }
  6812.  
  6813.        .card--extend-height {
  6814.            height: 100%
  6815.        }
  6816.  
  6817.        .card--extend-height.card--standard.card--text,
  6818.        .card--extend-height.card--media {
  6819.            display: flex;
  6820.            flex-direction: column
  6821.        }
  6822.  
  6823.        .card--extend-height.card--standard.card--text .card__inner,
  6824.        .card--extend-height.card--media .card__inner {
  6825.            flex-grow: 1
  6826.        }
  6827.  
  6828.        .card .icon-wrap {
  6829.            margin-left: .8rem;
  6830.            white-space: nowrap;
  6831.            transition: transform var(--duration-short) ease;
  6832.            overflow: hidden
  6833.        }
  6834.  
  6835.        .card-information>*+* {
  6836.            margin-top: .5rem
  6837.        }
  6838.  
  6839.        .card-information {
  6840.            width: 100%
  6841.        }
  6842.  
  6843.        .card-information>* {
  6844.            line-height: calc(1 + .4 / var(--font-body-scale));
  6845.            color: rgb(var(--color-foreground))
  6846.        }
  6847.  
  6848.        .card-information>.price {
  6849.            color: rgb(var(--color-foreground))
  6850.        }
  6851.  
  6852.        .card--horizontal .card-information>.price {
  6853.            color: rgba(var(--color-foreground), .75)
  6854.        }
  6855.  
  6856.        .card-information>.rating {
  6857.            margin-top: .4rem
  6858.        }
  6859.  
  6860.        .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6861.            margin-top: .7rem
  6862.        }
  6863.  
  6864.        .card-information .caption {
  6865.            letter-spacing: .07rem
  6866.        }
  6867.  
  6868.        .card-article-info {
  6869.            margin-top: 1rem
  6870.        }
  6871.  
  6872.        .card--shape .card__content {
  6873.            padding-top: 0
  6874.        }
  6875.  
  6876.        .card--shape.card--standard:not(.card--text) .card__inner {
  6877.            border: 0;
  6878.            background-color: transparent;
  6879.            filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  6880.        }
  6881.  
  6882.        .card--shape.card--standard:not(.card--text) .card__inner:after {
  6883.            display: none
  6884.        }
  6885.  
  6886.        .grid__item:nth-child(2n) .shape--blob {
  6887.            clip-path: polygon(var(--shape--blob-2))
  6888.        }
  6889.  
  6890.        .grid__item:nth-child(3n) .shape--blob {
  6891.            clip-path: polygon(var(--shape--blob-3))
  6892.        }
  6893.  
  6894.        .grid__item:nth-child(4n) .shape--blob {
  6895.            clip-path: polygon(var(--shape--blob-4))
  6896.        }
  6897.  
  6898.        .grid__item:nth-child(5n) .shape--blob {
  6899.            clip-path: polygon(var(--shape--blob-5))
  6900.        }
  6901.  
  6902.        .grid__item:nth-child(7n) .shape--blob {
  6903.            clip-path: polygon(var(--shape--blob-6))
  6904.        }
  6905.  
  6906.        .grid__item:nth-child(8n) .shape--blob {
  6907.            clip-path: polygon(var(--shape--blob-1))
  6908.        }
  6909.  
  6910.        @media (prefers-reduced-motion: no-preference) {
  6911.            .product-card-wrapper .shape--round {
  6912.                transition: clip-path var(--duration-long) ease
  6913.            }
  6914.  
  6915.            .product-card-wrapper:hover .shape--round {
  6916.                clip-path: ellipse(47% 47% at 50% 50%)
  6917.            }
  6918.  
  6919.            .product-card-wrapper .shape--blob {
  6920.                transition: clip-path var(--duration-long) ease-in-out
  6921.            }
  6922.  
  6923.            .product-card-wrapper:hover .shape--blob {
  6924.                clip-path: polygon(var(--shape--blob-5))
  6925.            }
  6926.  
  6927.            .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  6928.                clip-path: polygon(var(--shape--blob-6))
  6929.            }
  6930.  
  6931.            .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  6932.                clip-path: polygon(var(--shape--blob-1))
  6933.            }
  6934.  
  6935.            .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  6936.                clip-path: polygon(var(--shape--blob-2))
  6937.            }
  6938.  
  6939.            .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  6940.                clip-path: polygon(var(--shape--blob-3))
  6941.            }
  6942.  
  6943.            .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  6944.                clip-path: polygon(var(--shape--blob-4))
  6945.            }
  6946.  
  6947.            .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  6948.                clip-path: polygon(var(--shape--blob-5))
  6949.            }
  6950.        }
  6951.    </style>
  6952.  
  6953.    <script>
  6954.        /** Shopify CDN: Minification failed
  6955.    
  6956.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6957.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6958.    Line 22:6 Transforming const to the configured target environment ("es5") is not supported yet
  6959.    Line 30:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6960.    Line 31:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6961.    Line 36:4 Transforming const to the configured target environment ("es5") is not supported yet
  6962.    Line 45:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6963.    Line 54:22 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6964.    Line 60:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6965.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6966.    ... and 38 more hidden warnings
  6967.    
  6968.    **/
  6969.        class CartRemoveButton extends HTMLElement {
  6970.            constructor() {
  6971.                super();
  6972.  
  6973.                this.addEventListener('click', (event) => {
  6974.                    event.preventDefault();
  6975.                    const cartItems = this.closest('cart-items') || this.closest('cart-drawer-items');
  6976.                    cartItems.updateQuantity(this.dataset.index, 0);
  6977.                });
  6978.            }
  6979.        }
  6980.  
  6981.        customElements.define('cart-remove-button', CartRemoveButton);
  6982.  
  6983.        class CartItems extends HTMLElement {
  6984.            constructor() {
  6985.                super();
  6986.                this.lineItemStatusElement =
  6987.                    document.getElementById('shopping-cart-line-item-status') || document.getElementById('CartDrawer-LineItemStatus');
  6988.  
  6989.                const debouncedOnChange = debounce((event) => {
  6990.                    this.onChange(event);
  6991.                }, ON_CHANGE_DEBOUNCE_TIMER);
  6992.  
  6993.                this.addEventListener('change', debouncedOnChange.bind(this));
  6994.            }
  6995.  
  6996.            cartUpdateUnsubscriber = undefined;
  6997.  
  6998.            connectedCallback() {
  6999.                this.cartUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.cartUpdate, (event) => {
  7000.                    if (event.source === 'cart-items') {
  7001.                        return;
  7002.                    }
  7003.                    this.onCartUpdate();
  7004.                });
  7005.            }
  7006.  
  7007.            disconnectedCallback() {
  7008.                if (this.cartUpdateUnsubscriber) {
  7009.                    this.cartUpdateUnsubscriber();
  7010.                }
  7011.            }
  7012.  
  7013.            onChange(event) {
  7014.                this.updateQuantity(event.target.dataset.index, event.target.value, document.activeElement.getAttribute('name'), event.target.dataset.quantityVariantId);
  7015.            }
  7016.  
  7017.            onCartUpdate() {
  7018.                if (this.tagName === 'CART-DRAWER-ITEMS') {
  7019.                    fetch(`${routes.cart_url}?section_id=cart-drawer`)
  7020.                        .then((response) => response.text())
  7021.                        .then((responseText) => {
  7022.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7023.                            const selectors = ['cart-drawer-items', '.cart-drawer__footer'];
  7024.                            for (const selector of selectors) {
  7025.                                const targetElement = document.querySelector(selector);
  7026.                                const sourceElement = html.querySelector(selector);
  7027.                                if (targetElement && sourceElement) {
  7028.                                    targetElement.replaceWith(sourceElement);
  7029.                                }
  7030.                            }
  7031.                        })
  7032.                        .catch((e) => {
  7033.                            console.error(e);
  7034.                        });
  7035.                } else {
  7036.                    fetch(`${routes.cart_url}?section_id=main-cart-items`)
  7037.                        .then((response) => response.text())
  7038.                        .then((responseText) => {
  7039.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7040.                            const sourceQty = html.querySelector('cart-items');
  7041.                            this.innerHTML = sourceQty.innerHTML;
  7042.                        })
  7043.                        .catch((e) => {
  7044.                            console.error(e);
  7045.                        });
  7046.                }
  7047.            }
  7048.  
  7049.            getSectionsToRender() {
  7050.                return [
  7051.                    {
  7052.                        id: 'main-cart-items',
  7053.                        section: document.getElementById('main-cart-items').dataset.id,
  7054.                        selector: '.js-contents',
  7055.                    },
  7056.                    {
  7057.                        id: 'cart-icon-bubble',
  7058.                        section: 'cart-icon-bubble',
  7059.                        selector: '.shopify-section',
  7060.                    },
  7061.                    {
  7062.                        id: 'cart-live-region-text',
  7063.                        section: 'cart-live-region-text',
  7064.                        selector: '.shopify-section',
  7065.                    },
  7066.                    {
  7067.                        id: 'main-cart-footer',
  7068.                        section: document.getElementById('main-cart-footer').dataset.id,
  7069.                        selector: '.js-contents',
  7070.                    },
  7071.                ];
  7072.            }
  7073.  
  7074.            updateQuantity(line, quantity, name, variantId) {
  7075.                this.enableLoading(line);
  7076.  
  7077.                const body = JSON.stringify({
  7078.                    line,
  7079.                    quantity,
  7080.                    sections: this.getSectionsToRender().map((section) => section.section),
  7081.                    sections_url: window.location.pathname,
  7082.                });
  7083.  
  7084.                fetch(`${routes.cart_change_url}`, { ...fetchConfig(), ...{ body } })
  7085.                    .then((response) => {
  7086.                        return response.text();
  7087.                    })
  7088.                    .then((state) => {
  7089.                        const parsedState = JSON.parse(state);
  7090.                        const quantityElement =
  7091.                            document.getElementById(`Quantity-${line}`) || document.getElementById(`Drawer-quantity-${line}`);
  7092.                        const items = document.querySelectorAll('.cart-item');
  7093.  
  7094.                        if (parsedState.errors) {
  7095.                            quantityElement.value = quantityElement.getAttribute('value');
  7096.                            this.updateLiveRegions(line, parsedState.errors);
  7097.                            return;
  7098.                        }
  7099.  
  7100.                        this.classList.toggle('is-empty', parsedState.item_count === 0);
  7101.                        const cartDrawerWrapper = document.querySelector('cart-drawer');
  7102.                        const cartFooter = document.getElementById('main-cart-footer');
  7103.  
  7104.                        if (cartFooter) cartFooter.classList.toggle('is-empty', parsedState.item_count === 0);
  7105.                        if (cartDrawerWrapper) cartDrawerWrapper.classList.toggle('is-empty', parsedState.item_count === 0);
  7106.  
  7107.                        this.getSectionsToRender().forEach((section) => {
  7108.                            const elementToReplace =
  7109.                                document.getElementById(section.id).querySelector(section.selector) || document.getElementById(section.id);
  7110.                            elementToReplace.innerHTML = this.getSectionInnerHTML(
  7111.                                parsedState.sections[section.section],
  7112.                                section.selector
  7113.                            );
  7114.                        });
  7115.                        const updatedValue = parsedState.items[line - 1] ? parsedState.items[line - 1].quantity : undefined;
  7116.                        let message = '';
  7117.                        if (items.length === parsedState.items.length && updatedValue !== parseInt(quantityElement.value)) {
  7118.                            if (typeof updatedValue === 'undefined') {
  7119.                                message = window.cartStrings.error;
  7120.                            } else {
  7121.                                message = window.cartStrings.quantityError.replace('[quantity]', updatedValue);
  7122.                            }
  7123.                        }
  7124.                        this.updateLiveRegions(line, message);
  7125.  
  7126.                        const lineItem =
  7127.                            document.getElementById(`CartItem-${line}`) || document.getElementById(`CartDrawer-Item-${line}`);
  7128.                        if (lineItem && lineItem.querySelector(`[name="${name}"]`)) {
  7129.                            cartDrawerWrapper
  7130.                                ? trapFocus(cartDrawerWrapper, lineItem.querySelector(`[name="${name}"]`))
  7131.                                : lineItem.querySelector(`[name="${name}"]`).focus();
  7132.                        } else if (parsedState.item_count === 0 && cartDrawerWrapper) {
  7133.                            trapFocus(cartDrawerWrapper.querySelector('.drawer__inner-empty'), cartDrawerWrapper.querySelector('a'));
  7134.                        } else if (document.querySelector('.cart-item') && cartDrawerWrapper) {
  7135.                            trapFocus(cartDrawerWrapper, document.querySelector('.cart-item__name'));
  7136.                        }
  7137.  
  7138.                        publish(PUB_SUB_EVENTS.cartUpdate, { source: 'cart-items', cartData: parsedState, variantId: variantId });
  7139.                    })
  7140.                    .catch(() => {
  7141.                        this.querySelectorAll('.loading__spinner').forEach((overlay) => overlay.classList.add('hidden'));
  7142.                        const errors = document.getElementById('cart-errors') || document.getElementById('CartDrawer-CartErrors');
  7143.                        errors.textContent = window.cartStrings.error;
  7144.                    })
  7145.                    .finally(() => {
  7146.                        this.disableLoading(line);
  7147.                    });
  7148.            }
  7149.  
  7150.            updateLiveRegions(line, message) {
  7151.                const lineItemError =
  7152.                    document.getElementById(`Line-item-error-${line}`) || document.getElementById(`CartDrawer-LineItemError-${line}`);
  7153.                if (lineItemError) lineItemError.querySelector('.cart-item__error-text').innerHTML = message;
  7154.  
  7155.                this.lineItemStatusElement.setAttribute('aria-hidden', true);
  7156.  
  7157.                const cartStatus =
  7158.                    document.getElementById('cart-live-region-text') || document.getElementById('CartDrawer-LiveRegionText');
  7159.                cartStatus.setAttribute('aria-hidden', false);
  7160.  
  7161.                setTimeout(() => {
  7162.                    cartStatus.setAttribute('aria-hidden', true);
  7163.                }, 1000);
  7164.            }
  7165.  
  7166.            getSectionInnerHTML(html, selector) {
  7167.                return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  7168.            }
  7169.  
  7170.            enableLoading(line) {
  7171.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7172.                mainCartItems.classList.add('cart__items--disabled');
  7173.  
  7174.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7175.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7176.  
  7177.                [...cartItemElements, ...cartDrawerItemElements].forEach((overlay) => overlay.classList.remove('hidden'));
  7178.  
  7179.                document.activeElement.blur();
  7180.                this.lineItemStatusElement.setAttribute('aria-hidden', false);
  7181.            }
  7182.  
  7183.            disableLoading(line) {
  7184.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7185.                mainCartItems.classList.remove('cart__items--disabled');
  7186.  
  7187.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7188.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7189.  
  7190.                cartItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7191.                cartDrawerItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7192.            }
  7193.        }
  7194.  
  7195.        customElements.define('cart-items', CartItems);
  7196.  
  7197.        if (!customElements.get('cart-note')) {
  7198.            customElements.define(
  7199.                'cart-note',
  7200.                class CartNote extends HTMLElement {
  7201.                    constructor() {
  7202.                        super();
  7203.  
  7204.                        this.addEventListener(
  7205.                            'change',
  7206.                            debounce((event) => {
  7207.                                const body = JSON.stringify({ note: event.target.value });
  7208.                                fetch(`${routes.cart_update_url}`, { ...fetchConfig(), ...{ body } });
  7209.                            }, ON_CHANGE_DEBOUNCE_TIMER)
  7210.                        );
  7211.                    }
  7212.                }
  7213.            );
  7214.        }
  7215.    </script>
  7216.    <script>
  7217.        /** Shopify CDN: Minification failed
  7218.    
  7219.    Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  7220.    Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7221.    Line 53:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7222.    Line 61:8 Transforming const to the configured target environment ("es5") is not supported yet
  7223.    Line 62:8 Transforming const to the configured target environment ("es5") is not supported yet
  7224.    Line 68:8 Transforming const to the configured target environment ("es5") is not supported yet
  7225.    Line 77:18 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7226.    Line 79:8 Transforming const to the configured target environment ("es5") is not supported yet
  7227.    Line 81:8 Transforming const to the configured target environment ("es5") is not supported yet
  7228.    
  7229.    **/
  7230.        if (!customElements.get('quantity-popover')) {
  7231.            customElements.define(
  7232.                'quantity-popover',
  7233.                class QuantityPopover extends HTMLElement {
  7234.                    constructor() {
  7235.                        super();
  7236.                        this.mql = window.matchMedia('(min-width: 990px)');
  7237.                        this.mqlTablet = window.matchMedia('(min-width: 750px)');
  7238.                        this.infoButtonDesktop = this.querySelector('.quantity-popover__info-button--icon-only');
  7239.                        this.infoButtonMobile = this.querySelector('.quantity-popover__info-button--icon-with-label');
  7240.                        this.popoverInfo = this.querySelector('.quantity-popover__info');
  7241.                        this.closeButton = this.querySelector('.button-close');
  7242.                        this.variantInfo = this.querySelector('.quantity-popover-container');
  7243.                        this.eventMouseEnterHappened = false;
  7244.  
  7245.                        if (this.closeButton) {
  7246.                            this.closeButton.addEventListener('click', this.closePopover.bind(this));
  7247.                        }
  7248.  
  7249.                        if (this.popoverInfo && this.infoButtonDesktop && this.mql.matches) {
  7250.                            this.popoverInfo.addEventListener('mouseenter', this.closePopover.bind(this));
  7251.                        }
  7252.  
  7253.                        if (this.infoButtonDesktop) {
  7254.                            this.infoButtonDesktop.addEventListener('click', this.togglePopover.bind(this));
  7255.                            this.infoButtonDesktop.addEventListener('focusout', this.closePopover.bind(this));
  7256.                        }
  7257.  
  7258.                        if (this.infoButtonMobile) {
  7259.                            this.infoButtonMobile.addEventListener('click', this.togglePopover.bind(this));
  7260.                            this.infoButtonMobile.addEventListener('focusout', this.closePopover.bind(this));
  7261.                        }
  7262.  
  7263.                        if (this.infoButtonDesktop && this.mqlTablet.matches) {
  7264.                            this.variantInfo.addEventListener('mouseenter', this.togglePopover.bind(this));
  7265.                            this.variantInfo.addEventListener('mouseleave', this.closePopover.bind(this));
  7266.                        }
  7267.                    }
  7268.  
  7269.                    togglePopover(event) {
  7270.                        event.preventDefault();
  7271.                        if (event.type === 'mouseenter') {
  7272.                            this.eventMouseEnterHappened = true;
  7273.                        }
  7274.  
  7275.                        if (event.type === 'click' && this.eventMouseEnterHappened) return;
  7276.  
  7277.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7278.                        const isExpanded = button.getAttribute('aria-expanded') === 'true';
  7279.  
  7280.                        button.setAttribute('aria-expanded', !isExpanded);
  7281.  
  7282.                        this.popoverInfo.toggleAttribute('hidden');
  7283.  
  7284.                        const isOpen = button.getAttribute('aria-expanded') === 'true';
  7285.  
  7286.                        button.classList.toggle('quantity-popover__info-button--open');
  7287.  
  7288.                        if (isOpen && event.type !== 'mouseenter') {
  7289.                            button.focus();
  7290.                        }
  7291.                    }
  7292.  
  7293.                    closePopover(event) {
  7294.                        event.preventDefault();
  7295.                        const isChild = this.variantInfo.contains(event.relatedTarget);
  7296.  
  7297.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7298.  
  7299.                        if (!event.relatedTarget || !isChild) {
  7300.                            button.setAttribute('aria-expanded', 'false');
  7301.                            button.classList.remove('quantity-popover__info-button--open');
  7302.                            this.popoverInfo.setAttribute('hidden', '');
  7303.                        }
  7304.  
  7305.                        this.eventMouseEnterHappened = false;
  7306.                    }
  7307.                }
  7308.            );
  7309.        }
  7310.    </script>
  7311.  
  7312.    <style>
  7313.        .drawer {
  7314.            visibility: hidden;
  7315.        }
  7316.    </style>
  7317.  
  7318.    <cart-drawer class="drawer is-empty">
  7319.        <div id="CartDrawer" class="cart-drawer">
  7320.            <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
  7321.            <div class="drawer__inner gradient color-background-1" role="dialog" aria-modal="true"
  7322.                aria-label="Your cart" tabindex="-1">
  7323.                <div class="drawer__inner-empty">
  7324.                    <div class="cart-drawer__warnings center">
  7325.                        <div class="cart-drawer__empty-content">
  7326.                            <h2 class="cart__empty-text">LINK TOTO MACAU</h2>
  7327.                            <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7328.                                aria-label="Close">
  7329.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7330.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7331.                                    <path
  7332.                                        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"
  7333.                                        fill="currentColor">
  7334.                                </svg>
  7335.  
  7336.                            </button>
  7337.                            <a href="https://duwaynemotel.com/" class="button">
  7338.                                TOTO MACAU
  7339.                            </a>
  7340.                        </div>
  7341.                    </div>
  7342.                </div>
  7343.                <div class="drawer__header">
  7344.                    <h2 class="drawer__heading">Your cart</h2>
  7345.                    <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7346.                        aria-label="Close">
  7347.                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7348.                            class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7349.                            <path
  7350.                                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"
  7351.                                fill="currentColor">
  7352.                        </svg>
  7353.  
  7354.                    </button>
  7355.                </div>
  7356.                <cart-drawer-items class=" is-empty">
  7357.                    <form action="https://duwaynemotel.com/" id="CartDrawer-Form" class="cart__contents cart-drawer__form"
  7358.                        method="post">
  7359.                        <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
  7360.                            <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
  7361.                            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
  7362.                                Loading...
  7363.                            </p>
  7364.                        </div>
  7365.                        <div id="CartDrawer-CartErrors" role="alert"></div>
  7366.                    </form>
  7367.                </cart-drawer-items>
  7368.                <div class="drawer__footer"><!-- Start blocks -->
  7369.                    <!-- Subtotals -->
  7370.  
  7371.                    <div class="cart-drawer__footer">
  7372.                        <div></div>
  7373.  
  7374.                        <div class="totals" role="status">
  7375.                            <h2 class="totals__total">Estimated total</h2>
  7376.                            <p class="totals__total-value">Rp 0,00 IDR</p>
  7377.                        </div>
  7378.  
  7379.                        <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout
  7380.                        </small>
  7381.                    </div>
  7382.  
  7383.                    <!-- CTAs -->
  7384.  
  7385.                    <div class="cart__ctas">
  7386.                        <noscript>
  7387.                            <button type="submit" class="cart__update-button button button--secondary"
  7388.                                form="CartDrawer-Form">
  7389.                                Update
  7390.                            </button>
  7391.                        </noscript>
  7392.  
  7393.                        <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button"
  7394.                            name="checkout" form="CartDrawer-Form" disabled>
  7395.                            Check out
  7396.                        </button>
  7397.                    </div>
  7398.                </div>
  7399.            </div>
  7400.        </div>
  7401.    </cart-drawer>
  7402.  
  7403.    <script>
  7404.        document.addEventListener('DOMContentLoaded', function () {
  7405.            function isIE() {
  7406.                const ua = window.navigator.userAgent;
  7407.                const msie = ua.indexOf('MSIE ');
  7408.                const trident = ua.indexOf('Trident/https://duwaynemotel.com/');
  7409.  
  7410.                return msie > 0 || trident > 0;
  7411.            }
  7412.  
  7413.            if (!isIE()) return;
  7414.            const cartSubmitInput = document.createElement('input');
  7415.            cartSubmitInput.setAttribute('name', 'checkout');
  7416.            cartSubmitInput.setAttribute('type', 'hidden');
  7417.            document.querySelector('#cart').appendChild(cartSubmitInput);
  7418.            document.querySelector('#checkout').addEventListener('click', function (event) {
  7419.                document.querySelector('#cart').submit();
  7420.            });
  7421.        });
  7422.    </script>
  7423.    <!-- BEGIN sections: header-group -->
  7424.    <style>
  7425.        slideshow-component {
  7426.            position: relative;
  7427.            display: flex;
  7428.            flex-direction: column
  7429.        }
  7430.  
  7431.        @media screen and (max-width: 989px) {
  7432.            .no-js slideshow-component .slider {
  7433.                padding-bottom: 3rem
  7434.            }
  7435.        }
  7436.  
  7437.        slideshow-component .slideshow.banner {
  7438.            flex-direction: row;
  7439.            flex-wrap: nowrap;
  7440.            margin: 0;
  7441.            gap: 0
  7442.        }
  7443.  
  7444.        .slideshow__slide {
  7445.            padding: 0;
  7446.            position: relative;
  7447.            display: flex;
  7448.            flex-direction: column;
  7449.            visibility: visible
  7450.        }
  7451.  
  7452.        @media screen and (max-width: 749px) {
  7453.  
  7454.            .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  7455.            .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
  7456.                height: 28rem
  7457.            }
  7458.        }
  7459.  
  7460.        @media screen and (min-width: 750px) {
  7461.            .slideshow--placeholder.banner--adapt_image {
  7462.                height: 56rem
  7463.            }
  7464.        }
  7465.  
  7466.        .slideshow__text.banner__box {
  7467.            display: flex;
  7468.            flex-direction: column;
  7469.            justify-content: center;
  7470.            max-width: 54.5rem
  7471.        }
  7472.  
  7473.        .slideshow__text>* {
  7474.            max-width: 100%
  7475.        }
  7476.  
  7477.        @media screen and (max-width: 749px) {
  7478.            slideshow-component.page-width .slideshow__text {
  7479.                border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  7480.                border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity))
  7481.            }
  7482.  
  7483.            .banner--mobile-bottom .slideshow__text.banner__box {
  7484.                max-width: 100%
  7485.            }
  7486.  
  7487.            .banner--mobile-bottom .slideshow__text-wrapper {
  7488.                flex-grow: 1
  7489.            }
  7490.  
  7491.            .banner--mobile-bottom .slideshow__text.banner__box {
  7492.                height: 100%
  7493.            }
  7494.  
  7495.            .banner--mobile-bottom .slideshow__text .button {
  7496.                flex-grow: 0
  7497.            }
  7498.  
  7499.            .slideshow__text.slideshow__text-mobile--left {
  7500.                align-items: flex-start;
  7501.                text-align: left
  7502.            }
  7503.  
  7504.            .slideshow__text.slideshow__text-mobile--right {
  7505.                align-items: flex-end;
  7506.                text-align: right
  7507.            }
  7508.        }
  7509.  
  7510.        @media screen and (min-width: 750px) {
  7511.            .slideshow__text.slideshow__text--left {
  7512.                align-items: flex-start;
  7513.                text-align: left
  7514.            }
  7515.  
  7516.            .slideshow__text.slideshow__text--right {
  7517.                align-items: flex-end;
  7518.                text-align: right
  7519.            }
  7520.        }
  7521.  
  7522.        .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  7523.            height: 100%
  7524.        }
  7525.  
  7526.        @media screen and (min-width: 750px) {
  7527.            .slideshow__text-wrapper.banner__content {
  7528.                height: 100%;
  7529.                padding: 5rem
  7530.            }
  7531.        }
  7532.  
  7533.        .slideshow__controls {
  7534.            border: .1rem solid rgba(var(--color-foreground), .08)
  7535.        }
  7536.  
  7537.        .slideshow__controls--top {
  7538.            order: 2;
  7539.            z-index: 1
  7540.        }
  7541.  
  7542.        @media screen and (max-width: 749px) {
  7543.            .slideshow__controls--border-radius-mobile {
  7544.                border-bottom-right-radius: var(--text-boxes-radius);
  7545.                border-bottom-left-radius: var(--text-boxes-radius)
  7546.            }
  7547.        }
  7548.  
  7549.        .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  7550.            border-bottom: none
  7551.        }
  7552.  
  7553.        @media screen and (min-width: 750px) {
  7554.            .slideshow__controls {
  7555.                position: relative
  7556.            }
  7557.        }
  7558.  
  7559.        slideshow-component:not(.page-width) .slider-buttons {
  7560.            border-right: 0;
  7561.            border-left: 0
  7562.        }
  7563.  
  7564.        .slideshow__control-wrapper {
  7565.            display: flex
  7566.        }
  7567.  
  7568.        .slideshow__autoplay {
  7569.            position: absolute;
  7570.            right: 0;
  7571.            border-left: none;
  7572.            display: flex;
  7573.            justify-content: center;
  7574.            align-items: center
  7575.        }
  7576.  
  7577.        @media screen and (max-width: 749px) {
  7578.            slideshow-component.page-width .slideshow__autoplay {
  7579.                right: 1.5rem
  7580.            }
  7581.        }
  7582.  
  7583.        @media screen and (min-width: 750px) {
  7584.            .slideshow__autoplay.slider-button {
  7585.                position: inherit;
  7586.                margin-left: .6rem;
  7587.                padding: 0 0 0 .6rem;
  7588.                border-left: .1rem solid rgba(var(--color-foreground), .08)
  7589.            }
  7590.        }
  7591.  
  7592.        .slideshow__autoplay .icon.icon-play,
  7593.        .slideshow__autoplay .icon.icon-pause {
  7594.            display: block;
  7595.            position: absolute;
  7596.            opacity: 1;
  7597.            transform: scale(1);
  7598.            transition: transform .15s ease, opacity .15s ease;
  7599.            width: .8rem;
  7600.            height: 1.2rem
  7601.        }
  7602.  
  7603.        .slideshow__autoplay .icon.icon-play {
  7604.            height: 1rem
  7605.        }
  7606.  
  7607.        .slideshow__autoplay path {
  7608.            fill: rgba(var(--color-foreground), .75)
  7609.        }
  7610.  
  7611.        .slideshow__autoplay:hover path {
  7612.            fill: rgb(var(--color-foreground))
  7613.        }
  7614.  
  7615.        @media screen and (forced-colors: active) {
  7616.  
  7617.            .slideshow__autoplay path,
  7618.            .slideshow__autoplay:hover path {
  7619.                fill: CanvasText
  7620.            }
  7621.        }
  7622.  
  7623.        .slideshow__autoplay:hover svg {
  7624.            transform: scale(1.1)
  7625.        }
  7626.  
  7627.        .slideshow__autoplay--paused .icon-pause,
  7628.        .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  7629.            visibility: hidden;
  7630.            opacity: 0;
  7631.            transform: scale(.8)
  7632.        }
  7633.    </style>
  7634.    <style>
  7635.        slider-component {
  7636.            --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  7637.            position: relative;
  7638.            display: block
  7639.        }
  7640.  
  7641.        slider-component.slider-component-full-width {
  7642.            --desktop-margin-left-first-item: 1.5rem
  7643.        }
  7644.  
  7645.        @media screen and (max-width: 749px) {
  7646.            slider-component.page-width {
  7647.                padding: 0 1.5rem
  7648.            }
  7649.        }
  7650.  
  7651.        @media screen and (min-width: 749px) and (max-width: 990px) {
  7652.            slider-component.page-width {
  7653.                padding: 0 5rem
  7654.            }
  7655.        }
  7656.  
  7657.        @media screen and (max-width: 989px) {
  7658.            .no-js slider-component .slider {
  7659.                padding-bottom: 3rem
  7660.            }
  7661.        }
  7662.  
  7663.        .slider__slide {
  7664.            --focus-outline-padding: .5rem;
  7665.            --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  7666.            --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  7667.            scroll-snap-align: start;
  7668.            flex-shrink: 0;
  7669.            padding-bottom: 0
  7670.        }
  7671.  
  7672.        @media screen and (max-width: 749px) {
  7673.            .slider.slider--mobile {
  7674.                position: relative;
  7675.                flex-wrap: inherit;
  7676.                overflow-x: auto;
  7677.                scroll-snap-type: x mandatory;
  7678.                scroll-behavior: smooth;
  7679.                scroll-padding-left: 1.5rem;
  7680.                -webkit-overflow-scrolling: touch;
  7681.                margin-bottom: 1rem
  7682.            }
  7683.  
  7684.            .slider--mobile:after {
  7685.                content: "";
  7686.                width: 0;
  7687.                padding-left: 1.5rem
  7688.            }
  7689.  
  7690.            .slider.slider--mobile .slider__slide {
  7691.                margin-bottom: 0;
  7692.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7693.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7694.            }
  7695.  
  7696.            .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7697.                padding-bottom: var(--focus-outline-padding)
  7698.            }
  7699.  
  7700.            .slider.slider--mobile.contains-content-container .slider__slide {
  7701.                --focus-outline-padding: 0rem
  7702.            }
  7703.        }
  7704.  
  7705.        @media screen and (min-width: 750px) {
  7706.            .slider.slider--tablet-up {
  7707.                position: relative;
  7708.                flex-wrap: inherit;
  7709.                overflow-x: auto;
  7710.                scroll-snap-type: x mandatory;
  7711.                scroll-behavior: smooth;
  7712.                scroll-padding-left: 1rem;
  7713.                -webkit-overflow-scrolling: touch
  7714.            }
  7715.  
  7716.            .slider.slider--tablet-up .slider__slide {
  7717.                margin-bottom: 0
  7718.            }
  7719.        }
  7720.  
  7721.        @media screen and (max-width: 989px) {
  7722.            .slider.slider--tablet {
  7723.                position: relative;
  7724.                flex-wrap: inherit;
  7725.                overflow-x: auto;
  7726.                scroll-snap-type: x mandatory;
  7727.                scroll-behavior: smooth;
  7728.                scroll-padding-left: 1.5rem;
  7729.                -webkit-overflow-scrolling: touch;
  7730.                margin-bottom: 1rem
  7731.            }
  7732.  
  7733.            .slider--tablet:after {
  7734.                content: "";
  7735.                width: 0;
  7736.                padding-left: 1.5rem;
  7737.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7738.            }
  7739.  
  7740.            .slider.slider--tablet .slider__slide {
  7741.                margin-bottom: 0;
  7742.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7743.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7744.            }
  7745.  
  7746.            .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7747.                padding-bottom: var(--focus-outline-padding)
  7748.            }
  7749.  
  7750.            .slider.slider--tablet.contains-content-container .slider__slide {
  7751.                --focus-outline-padding: 0rem
  7752.            }
  7753.        }
  7754.  
  7755.        .slider--everywhere {
  7756.            position: relative;
  7757.            flex-wrap: inherit;
  7758.            overflow-x: auto;
  7759.            scroll-snap-type: x mandatory;
  7760.            scroll-behavior: smooth;
  7761.            -webkit-overflow-scrolling: touch;
  7762.            margin-bottom: 1rem
  7763.        }
  7764.  
  7765.        .slider.slider--everywhere .slider__slide {
  7766.            margin-bottom: 0;
  7767.            scroll-snap-align: center
  7768.        }
  7769.  
  7770.        @media screen and (min-width: 990px) {
  7771.            .slider-component-desktop.page-width {
  7772.                max-width: none
  7773.            }
  7774.  
  7775.            .slider--desktop {
  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.                scroll-padding-left: var(--desktop-margin-left-first-item)
  7784.            }
  7785.  
  7786.            .slider--desktop:after {
  7787.                content: "";
  7788.                width: 0;
  7789.                padding-left: 5rem;
  7790.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7791.            }
  7792.  
  7793.            .slider.slider--desktop .slider__slide {
  7794.                margin-bottom: 0;
  7795.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7796.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7797.            }
  7798.  
  7799.            .slider--desktop .slider__slide:first-child {
  7800.                margin-left: var(--desktop-margin-left-first-item);
  7801.                scroll-margin-left: var(--desktop-margin-left-first-item)
  7802.            }
  7803.  
  7804.            .slider-component-full-width .slider--desktop {
  7805.                scroll-padding-left: 1.5rem
  7806.            }
  7807.  
  7808.            .slider-component-full-width .slider--desktop .slider__slide:first-child {
  7809.                margin-left: 1.5rem;
  7810.                scroll-margin-left: 1.5rem
  7811.            }
  7812.  
  7813.            .slider-component-full-width .slider--desktop:after {
  7814.                padding-left: 1.5rem
  7815.            }
  7816.  
  7817.            .slider--desktop.grid--5-col-desktop .grid__item {
  7818.                width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  7819.            }
  7820.  
  7821.            .slider--desktop.grid--4-col-desktop .grid__item {
  7822.                width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  7823.            }
  7824.  
  7825.            .slider--desktop.grid--3-col-desktop .grid__item {
  7826.                width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  7827.            }
  7828.  
  7829.            .slider--desktop.grid--2-col-desktop .grid__item {
  7830.                width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  7831.            }
  7832.  
  7833.            .slider--desktop.grid--1-col-desktop .grid__item {
  7834.                width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  7835.            }
  7836.  
  7837.            .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7838.                padding-bottom: var(--focus-outline-padding)
  7839.            }
  7840.  
  7841.            .slider.slider--desktop.contains-content-container .slider__slide {
  7842.                --focus-outline-padding: 0rem
  7843.            }
  7844.        }
  7845.  
  7846.        @media (prefers-reduced-motion) {
  7847.            .slider {
  7848.                scroll-behavior: auto
  7849.            }
  7850.        }
  7851.  
  7852.        .slider {
  7853.            scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  7854.            -ms-overflow-style: none;
  7855.            scrollbar-width: none
  7856.        }
  7857.  
  7858.        .slider::-webkit-scrollbar {
  7859.            height: .4rem;
  7860.            width: .4rem;
  7861.            display: none
  7862.        }
  7863.  
  7864.        .no-js .slider {
  7865.            -ms-overflow-style: auto;
  7866.            scrollbar-width: auto
  7867.        }
  7868.  
  7869.        .no-js .slider::-webkit-scrollbar {
  7870.            display: initial
  7871.        }
  7872.  
  7873.        .slider::-webkit-scrollbar-thumb {
  7874.            background-color: rgb(var(--color-foreground));
  7875.            border-radius: .4rem;
  7876.            border: 0
  7877.        }
  7878.  
  7879.        .slider::-webkit-scrollbar-track {
  7880.            background: rgba(var(--color-foreground), .04);
  7881.            border-radius: .4rem
  7882.        }
  7883.  
  7884.        .slider-counter {
  7885.            display: flex;
  7886.            justify-content: center;
  7887.            min-width: 4.4rem
  7888.        }
  7889.  
  7890.        @media screen and (min-width: 750px) {
  7891.            .slider-counter--dots {
  7892.                margin: 0 1.2rem
  7893.            }
  7894.        }
  7895.  
  7896.        .slider-counter__link {
  7897.            padding: 1rem
  7898.        }
  7899.  
  7900.        @media screen and (max-width: 749px) {
  7901.            .slider-counter__link {
  7902.                padding: .7rem
  7903.            }
  7904.        }
  7905.  
  7906.        .slider-counter__link--dots .dot {
  7907.            width: 1rem;
  7908.            height: 1rem;
  7909.            border-radius: 50%;
  7910.            border: .1rem solid rgba(var(--color-foreground), .5);
  7911.            padding: 0;
  7912.            display: block
  7913.        }
  7914.  
  7915.        .slider-counter__link--active.slider-counter__link--dots .dot {
  7916.            background-color: rgb(var(--color-foreground))
  7917.        }
  7918.  
  7919.        @media screen and (forced-colors: active) {
  7920.            .slider-counter__link--active.slider-counter__link--dots .dot {
  7921.                background-color: CanvasText
  7922.            }
  7923.        }
  7924.  
  7925.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  7926.            border-color: rgb(var(--color-foreground))
  7927.        }
  7928.  
  7929.        .slider-counter__link--dots .dot,
  7930.        .slider-counter__link--numbers {
  7931.            transition: transform .2s ease-in-out
  7932.        }
  7933.  
  7934.        .slider-counter__link--active.slider-counter__link--numbers,
  7935.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  7936.        .slider-counter__link--numbers:hover {
  7937.            transform: scale(1.1)
  7938.        }
  7939.  
  7940.        .slider-counter__link--numbers {
  7941.            color: rgba(var(--color-foreground), .5);
  7942.            text-decoration: none
  7943.        }
  7944.  
  7945.        .slider-counter__link--numbers:hover {
  7946.            color: rgb(var(--color-foreground))
  7947.        }
  7948.  
  7949.        .slider-counter__link--active.slider-counter__link--numbers {
  7950.            text-decoration: underline;
  7951.            color: rgb(var(--color-foreground))
  7952.        }
  7953.  
  7954.        .slider-buttons {
  7955.            display: flex;
  7956.            align-items: center;
  7957.            justify-content: center
  7958.        }
  7959.  
  7960.        @media screen and (min-width: 990px) {
  7961.            .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  7962.                display: none
  7963.            }
  7964.        }
  7965.  
  7966.        @media screen and (max-width: 989px) {
  7967.            .slider--desktop:not(.slider--tablet)+.slider-buttons {
  7968.                display: none
  7969.            }
  7970.        }
  7971.  
  7972.        @media screen and (min-width: 750px) {
  7973.            .slider--mobile+.slider-buttons {
  7974.                display: none
  7975.            }
  7976.        }
  7977.  
  7978.        .slider-button {
  7979.            color: rgba(var(--color-foreground), .75);
  7980.            background: transparent;
  7981.            border: none;
  7982.            cursor: pointer;
  7983.            width: 44px;
  7984.            height: 44px;
  7985.            display: flex;
  7986.            align-items: center;
  7987.            justify-content: center
  7988.        }
  7989.  
  7990.        .slider-button:not([disabled]):hover {
  7991.            color: rgb(var(--color-foreground))
  7992.        }
  7993.  
  7994.        .slider-button .icon {
  7995.            height: .6rem
  7996.        }
  7997.  
  7998.        .slider-button[disabled] .icon {
  7999.            color: rgba(var(--color-foreground), .3);
  8000.            cursor: not-allowed
  8001.        }
  8002.  
  8003.        .slider-button--next .icon {
  8004.            transform: rotate(-90deg)
  8005.        }
  8006.  
  8007.        .slider-button--prev .icon {
  8008.            transform: rotate(90deg)
  8009.        }
  8010.  
  8011.        .slider-button--next:not([disabled]):hover .icon {
  8012.            transform: rotate(-90deg) scale(1.1)
  8013.        }
  8014.  
  8015.        .slider-button--prev:not([disabled]):hover .icon {
  8016.            transform: rotate(90deg) scale(1.1)
  8017.        }
  8018.    </style>
  8019.  
  8020.  
  8021.    <div class="utility-bar color-accent-1 gradient utility-bar--bottom-border">
  8022.        <div class="page-width utility-bar__grid">
  8023.            <div class="announcement-bar" role="region" aria-label="Announcement">
  8024.                <p class="announcement-bar__message h5">
  8025.                    <span>Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1</span>
  8026.                </p>
  8027.            </div>
  8028.            <div class="localization-wrapper">
  8029.            </div>
  8030.        </div>
  8031.    </div>
  8032.  
  8033.  
  8034.    </div>
  8035.    <div id="shopify-section-sections--17040648405205__header"
  8036.        class="shopify-section shopify-section-group-header-group section-header">
  8037.        <style>
  8038.            .list-menu--right {
  8039.                right: 0;
  8040.            }
  8041.  
  8042.            .list-menu--disclosure {
  8043.                position: absolute;
  8044.                min-width: 100%;
  8045.                width: 20rem;
  8046.                border: 1px solid rgba(var(--color-foreground), 0.2);
  8047.            }
  8048.  
  8049.            .list-menu--disclosure:focus {
  8050.                outline: none;
  8051.            }
  8052.  
  8053.            .list-menu__item--active {
  8054.                text-decoration: underline;
  8055.                text-underline-offset: 0.3rem;
  8056.            }
  8057.  
  8058.            .list-menu__item--active:hover {
  8059.                text-decoration-thickness: 0.2rem;
  8060.            }
  8061.  
  8062.            .list-menu--disclosure.localization-selector {
  8063.                max-height: 18rem;
  8064.                overflow: auto;
  8065.                width: 10rem;
  8066.                padding: 0.5rem;
  8067.            }
  8068.        </style>
  8069.        <style>
  8070.            .search__input.field__input {
  8071.                padding-right: 9.8rem
  8072.            }
  8073.  
  8074.            .search__button {
  8075.                right: var(--inputs-border-width);
  8076.                top: var(--inputs-border-width)
  8077.            }
  8078.  
  8079.            .reset__button {
  8080.                right: calc(var(--inputs-border-width) + 4.4rem);
  8081.                top: var(--inputs-border-width)
  8082.            }
  8083.  
  8084.            .reset__button:not(:focus-visible):after {
  8085.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8086.                display: block;
  8087.                height: calc(100% - 1.6rem);
  8088.                content: "";
  8089.                position: absolute;
  8090.                right: 0
  8091.            }
  8092.  
  8093.            .reset__button:not(:focus):after {
  8094.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8095.                display: block;
  8096.                height: calc(100% - 1.8rem);
  8097.                content: "";
  8098.                position: absolute;
  8099.                right: 0
  8100.            }
  8101.  
  8102.            .search__button:focus-visible,
  8103.            .reset__button:focus-visible {
  8104.                background-color: rgb(var(--color-background));
  8105.                z-index: 4
  8106.            }
  8107.  
  8108.            .search__button:focus,
  8109.            .reset__button:focus {
  8110.                background-color: rgb(var(--color-background));
  8111.                z-index: 4
  8112.            }
  8113.  
  8114.            .search__button:not(:focus-visible):not(.focused),
  8115.            .reset__button:not(:focus-visible):not(.focused) {
  8116.                box-shadow: inherit;
  8117.                background-color: inherit
  8118.            }
  8119.  
  8120.            .search__button:hover .icon,
  8121.            .reset__button:hover .icon {
  8122.                transform: scale(1.07)
  8123.            }
  8124.  
  8125.            .search__button .icon {
  8126.                height: 1.8rem;
  8127.                width: 1.8rem
  8128.            }
  8129.  
  8130.            .reset__button .icon.icon-close {
  8131.                height: 1.8rem;
  8132.                width: 1.8rem;
  8133.                stroke-width: .1rem
  8134.            }
  8135.  
  8136.            input::-webkit-search-decoration {
  8137.                -webkit-appearance: none
  8138.            }
  8139.  
  8140.            .template-search__results {
  8141.                position: relative
  8142.            }
  8143.        </style>
  8144.        <style>
  8145.            .header__icon--menu {
  8146.                position: initial
  8147.            }
  8148.  
  8149.            .js menu-drawer>details>summary:before,
  8150.            .js menu-drawer>details[open]:not(.menu-opening)>summary:before {
  8151.                content: "";
  8152.                position: absolute;
  8153.                cursor: default;
  8154.                width: 100%;
  8155.                height: calc(100vh - 100%);
  8156.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  8157.                top: 100%;
  8158.                left: 0;
  8159.                background: rgba(var(--color-foreground), .5);
  8160.                opacity: 0;
  8161.                visibility: hidden;
  8162.                z-index: 2;
  8163.                transition: opacity 0s, visibility 0s
  8164.            }
  8165.  
  8166.            menu-drawer>details[open]>summary:before {
  8167.                visibility: visible;
  8168.                opacity: 1;
  8169.                transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease
  8170.            }
  8171.  
  8172.            .menu-drawer {
  8173.                position: absolute;
  8174.                transform: translate(-100%);
  8175.                visibility: hidden;
  8176.                z-index: 3;
  8177.                left: 0;
  8178.                top: 100%;
  8179.                width: 100%;
  8180.                padding: 0;
  8181.                background-color: rgb(var(--color-background));
  8182.                overflow-x: hidden;
  8183.                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)))
  8184.            }
  8185.  
  8186.            .js .menu-drawer {
  8187.                height: calc(100vh - 100%);
  8188.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))
  8189.            }
  8190.  
  8191.            .js details[open]>.menu-drawer,
  8192.            .js details[open]>.menu-drawer__submenu {
  8193.                transition: transform var(--duration-default) ease, visibility var(--duration-default) ease
  8194.            }
  8195.  
  8196.            .no-js details[open]>.menu-drawer,
  8197.            .js details[open].menu-opening>.menu-drawer,
  8198.            details[open].menu-opening>.menu-drawer__submenu {
  8199.                transform: translate(0);
  8200.                visibility: visible
  8201.            }
  8202.  
  8203.            .js .menu-drawer__navigation .submenu-open {
  8204.                visibility: hidden
  8205.            }
  8206.  
  8207.            @media screen and (min-width: 750px) {
  8208.                .menu-drawer {
  8209.                    width: 40rem;
  8210.                    border-width: 0 var(--drawer-border-width) 0 0;
  8211.                    border-style: solid;
  8212.                    border-color: rgba(var(--color-foreground), var(--drawer-border-opacity))
  8213.                }
  8214.  
  8215.                .no-js .menu-drawer {
  8216.                    height: auto
  8217.                }
  8218.            }
  8219.  
  8220.            .menu-drawer__inner-container {
  8221.                position: relative;
  8222.                height: 100%
  8223.            }
  8224.  
  8225.            .menu-drawer__navigation-container {
  8226.                display: grid;
  8227.                grid-template-rows: 1fr auto;
  8228.                align-content: space-between;
  8229.                overflow-y: auto;
  8230.                height: 100%
  8231.            }
  8232.  
  8233.            .menu-drawer__navigation {
  8234.                padding: 3rem 0
  8235.            }
  8236.  
  8237.            .menu-drawer__inner-submenu {
  8238.                height: 100%;
  8239.                overflow-x: hidden;
  8240.                overflow-y: auto
  8241.            }
  8242.  
  8243.            .no-js .menu-drawer__navigation {
  8244.                padding: 0
  8245.            }
  8246.  
  8247.            .no-js .menu-drawer__navigation>ul>li {
  8248.                border-bottom: .1rem solid rgba(var(--color-foreground), .04)
  8249.            }
  8250.  
  8251.            .no-js .menu-drawer__submenu ul>li {
  8252.                border-top: .1rem solid rgba(var(--color-foreground), .04)
  8253.            }
  8254.  
  8255.            .js .menu-drawer__menu li {
  8256.                margin-bottom: .2rem
  8257.            }
  8258.  
  8259.            .menu-drawer__menu-item {
  8260.                padding: 1.1rem 3rem;
  8261.                text-decoration: none;
  8262.                font-size: 1.8rem
  8263.            }
  8264.  
  8265.            .no-js .menu-drawer__menu-item {
  8266.                font-size: 1.6rem
  8267.            }
  8268.  
  8269.            .no-js .menu-drawer__submenu .menu-drawer__menu-item {
  8270.                padding: 1.2rem 5.2rem 1.2rem 6rem
  8271.            }
  8272.  
  8273.            .no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  8274.                padding-left: 9rem
  8275.            }
  8276.  
  8277.            .menu-drawer summary.menu-drawer__menu-item {
  8278.                padding-right: 5.2rem
  8279.            }
  8280.  
  8281.            .no-js .menu-drawer__menu-item .icon-caret {
  8282.                right: 3rem
  8283.            }
  8284.  
  8285.            .menu-drawer__menu-item--active,
  8286.            .menu-drawer__menu-item:focus,
  8287.            .menu-drawer__close-button:focus,
  8288.            .menu-drawer__menu-item:hover,
  8289.            .menu-drawer__close-button:hover {
  8290.                color: rgb(var(--color-foreground));
  8291.                background-color: rgba(var(--color-foreground), .04)
  8292.            }
  8293.  
  8294.            .menu-drawer__menu-item--active:hover {
  8295.                background-color: rgba(var(--color-foreground), .08)
  8296.            }
  8297.  
  8298.            .js .menu-drawer__menu-item .icon-caret,
  8299.            .no-js .menu-drawer .icon-arrow {
  8300.                display: none
  8301.            }
  8302.  
  8303.            .menu-drawer__menu-item>.icon-arrow {
  8304.                position: absolute;
  8305.                right: 3rem;
  8306.                top: 50%;
  8307.                transform: translateY(-50%)
  8308.            }
  8309.  
  8310.            .js .menu-drawer__submenu {
  8311.                position: absolute;
  8312.                top: 0;
  8313.                width: 100%;
  8314.                bottom: 0;
  8315.                left: 0;
  8316.                background-color: rgb(var(--color-background));
  8317.                z-index: 1;
  8318.                transform: translate(100%);
  8319.                visibility: hidden
  8320.            }
  8321.  
  8322.            .js .menu-drawer__submenu .menu-drawer__submenu {
  8323.                overflow-y: auto
  8324.            }
  8325.  
  8326.            .menu-drawer__close-button {
  8327.                margin-top: 1.5rem;
  8328.                padding: 1.2rem 2.6rem 1.2rem 3rem;
  8329.                text-decoration: none;
  8330.                display: flex;
  8331.                align-items: center;
  8332.                font-size: 1.4rem;
  8333.                width: 100%;
  8334.                background-color: transparent;
  8335.                font-family: var(--font-body-family);
  8336.                font-style: var(--font-body-style);
  8337.                text-align: left
  8338.            }
  8339.  
  8340.            .no-js .menu-drawer__close-button {
  8341.                display: none
  8342.            }
  8343.  
  8344.            .menu-drawer__close-button .icon-arrow {
  8345.                transform: rotate(180deg);
  8346.                margin-right: 1rem
  8347.            }
  8348.  
  8349.            .menu-drawer__utility-links {
  8350.                padding: 0;
  8351.                background-color: rgba(var(--color-foreground), .03);
  8352.                position: relative
  8353.            }
  8354.  
  8355.            .header--has-social .menu-drawer__utility-links {
  8356.                padding: 2rem 3rem
  8357.            }
  8358.  
  8359.            @media screen and (max-width: 749px) {
  8360.                .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links {
  8361.                    padding: 2rem 3rem
  8362.                }
  8363.            }
  8364.  
  8365.            @media screen and (max-width: 989px) {
  8366.                .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links {
  8367.                    padding: 2rem 3rem
  8368.                }
  8369.            }
  8370.  
  8371.            .menu-drawer__account {
  8372.                display: inline-flex;
  8373.                align-items: center;
  8374.                text-decoration: none;
  8375.                padding: 1rem 0;
  8376.                font-size: 1.4rem;
  8377.                color: rgb(var(--color-foreground));
  8378.                margin-bottom: 0
  8379.            }
  8380.  
  8381.            .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account {
  8382.                margin: 0
  8383.            }
  8384.  
  8385.            .menu-drawer__account .icon-account {
  8386.                height: 2rem;
  8387.                width: 2rem;
  8388.                margin-right: 1rem
  8389.            }
  8390.  
  8391.            .menu-drawer__account:hover .icon-account {
  8392.                transform: scale(1.07)
  8393.            }
  8394.  
  8395.            .menu-drawer .list-social {
  8396.                justify-content: flex-start;
  8397.                margin-left: -1.25rem
  8398.            }
  8399.  
  8400.            .menu-drawer .list-social:empty {
  8401.                display: none
  8402.            }
  8403.  
  8404.            .menu-drawer .list-social__link {
  8405.                padding: 1.1rem
  8406.            }
  8407.        </style>
  8408.        <style>
  8409.            .cart-notification-wrapper {
  8410.                position: relative
  8411.            }
  8412.  
  8413.            .cart-notification-wrapper .cart-notification {
  8414.                display: block
  8415.            }
  8416.  
  8417.            .cart-notification {
  8418.                border-bottom-right-radius: var(--popup-corner-radius);
  8419.                border-bottom-left-radius: var(--popup-corner-radius);
  8420.                border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  8421.                border-style: solid;
  8422.                border-width: 0 0 var(--popup-border-width);
  8423.                padding: 2.5rem 3.5rem;
  8424.                position: absolute;
  8425.                right: 0;
  8426.                transform: translateY(-100%);
  8427.                visibility: hidden;
  8428.                width: 100%;
  8429.                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));
  8430.                z-index: -1
  8431.            }
  8432.  
  8433.            .cart-notification.focused {
  8434.                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))
  8435.            }
  8436.  
  8437.            .cart-notification:focus-visible {
  8438.                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))
  8439.            }
  8440.  
  8441.            @media screen and (min-width: 750px) {
  8442.                .header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification {
  8443.                    border-top-width: var(--popup-border-width)
  8444.                }
  8445.  
  8446.                .cart-notification {
  8447.                    border-width: 0 var(--popup-border-width) var(--popup-border-width);
  8448.                    max-width: 36.8rem;
  8449.                    right: 2.2rem
  8450.                }
  8451.            }
  8452.  
  8453.            @media screen and (min-width: 990px) {
  8454.                .cart-notification-wrapper:is(.page-width)>.cart-notification {
  8455.                    right: 4rem
  8456.                }
  8457.            }
  8458.  
  8459.            .cart-notification.animate {
  8460.                transition: transform var(--duration-short) ease, visibility 0s var(--duration-short) ease
  8461.            }
  8462.  
  8463.            .cart-notification.active {
  8464.                transform: translateY(0);
  8465.                transition: transform var(--duration-default) ease, visibility 0s;
  8466.                visibility: visible
  8467.            }
  8468.  
  8469.            .cart-notification__header {
  8470.                align-items: flex-start;
  8471.                display: flex
  8472.            }
  8473.  
  8474.            .cart-notification__heading {
  8475.                align-items: center;
  8476.                display: flex;
  8477.                flex-grow: 1;
  8478.                margin-bottom: 0;
  8479.                margin-top: 0
  8480.            }
  8481.  
  8482.            .cart-notification__heading .icon-checkmark {
  8483.                color: rgb(var(--color-foreground));
  8484.                margin-right: 1rem;
  8485.                width: 1.3rem
  8486.            }
  8487.  
  8488.            .cart-notification__close {
  8489.                margin-top: -2rem;
  8490.                margin-right: -3rem
  8491.            }
  8492.  
  8493.            .cart-notification__links {
  8494.                text-align: center
  8495.            }
  8496.  
  8497.            .cart-notification__links>* {
  8498.                margin-top: 1rem
  8499.            }
  8500.  
  8501.            .cart-notification-product {
  8502.                align-items: flex-start;
  8503.                display: flex;
  8504.                padding-bottom: 3rem;
  8505.                padding-top: 2rem
  8506.            }
  8507.  
  8508.            .cart-notification-product dl {
  8509.                margin-bottom: 0;
  8510.                margin-top: 0
  8511.            }
  8512.  
  8513.            .cart-notification-product__image {
  8514.                display: inline-flex;
  8515.                margin-right: 1.5rem;
  8516.                margin-top: .5rem
  8517.            }
  8518.  
  8519.            .cart-notification-product__image:after {
  8520.                content: none
  8521.            }
  8522.  
  8523.            .cart-notification-product__name {
  8524.                margin-bottom: .5rem;
  8525.                margin-top: 0
  8526.            }
  8527.        </style>
  8528.        <style>
  8529.            cart-items .title-wrapper-with-link {
  8530.                margin-top: 0
  8531.            }
  8532.  
  8533.            .cart-items td,
  8534.            .cart-items th {
  8535.                padding: 0;
  8536.                border: none
  8537.            }
  8538.  
  8539.            .cart-items th {
  8540.                text-align: left;
  8541.                padding-bottom: 1.8rem;
  8542.                opacity: .85;
  8543.                font-weight: 400
  8544.            }
  8545.  
  8546.            .cart-item__quantity-wrapper {
  8547.                display: flex
  8548.            }
  8549.  
  8550.            .cart-item__totals {
  8551.                position: relative
  8552.            }
  8553.  
  8554.            .cart-items *.right {
  8555.                text-align: right
  8556.            }
  8557.  
  8558.            .cart-item__image-container {
  8559.                display: inline-flex;
  8560.                align-items: flex-start
  8561.            }
  8562.  
  8563.            .cart-item__image-container:after {
  8564.                content: none
  8565.            }
  8566.  
  8567.            .cart-item__image {
  8568.                height: auto;
  8569.                max-width: calc(10rem / var(--font-body-scale))
  8570.            }
  8571.  
  8572.            @media screen and (min-width: 750px) {
  8573.                .cart-item__image {
  8574.                    max-width: 100%
  8575.                }
  8576.            }
  8577.  
  8578.            .cart-item__details {
  8579.                font-size: 1.6rem;
  8580.                line-height: calc(1 + .4 / var(--font-body-scale))
  8581.            }
  8582.  
  8583.            .cart-item__details>* {
  8584.                margin: 0;
  8585.                max-width: 30rem
  8586.            }
  8587.  
  8588.            .cart-item__details>*+* {
  8589.                margin-top: .6rem
  8590.            }
  8591.  
  8592.            .cart-item__media {
  8593.                position: relative
  8594.            }
  8595.  
  8596.            .cart-item__link {
  8597.                display: block;
  8598.                bottom: 0;
  8599.                left: 0;
  8600.                position: absolute;
  8601.                right: 0;
  8602.                top: 0;
  8603.                width: 100%;
  8604.                height: 100%
  8605.            }
  8606.  
  8607.            .cart-item__name {
  8608.                text-decoration: none;
  8609.                display: block
  8610.            }
  8611.  
  8612.            .cart-item__name:hover {
  8613.                text-decoration: underline;
  8614.                text-underline-offset: .3rem;
  8615.                text-decoration-thickness: .2rem
  8616.            }
  8617.  
  8618.            .cart-item__price-wrapper>* {
  8619.                display: block;
  8620.                margin: 0;
  8621.                padding: 0
  8622.            }
  8623.  
  8624.            .cart-item__discounted-prices dd {
  8625.                margin: 0
  8626.            }
  8627.  
  8628.            .cart-item__discounted-prices .cart-item__old-price {
  8629.                font-size: 1.4rem
  8630.            }
  8631.  
  8632.            .cart-item__old-price {
  8633.                opacity: .7
  8634.            }
  8635.  
  8636.            .cart-item__final-price {
  8637.                font-weight: 400
  8638.            }
  8639.  
  8640.            .product-option {
  8641.                font-size: 1.4rem;
  8642.                word-break: break-word;
  8643.                line-height: calc(1 + .5 / var(--font-body-scale))
  8644.            }
  8645.  
  8646.            .cart-item cart-remove-button {
  8647.                display: flex;
  8648.                margin-left: 1rem
  8649.            }
  8650.  
  8651.            @media screen and (min-width: 750px) and (max-width: 989px) {
  8652.                .cart-item cart-remove-button {
  8653.                    width: 4.5rem;
  8654.                    height: 4.5rem
  8655.                }
  8656.            }
  8657.  
  8658.            cart-remove-button .button {
  8659.                min-width: calc(4.5rem / var(--font-body-scale));
  8660.                min-height: 4.5rem;
  8661.                padding: 0;
  8662.                margin: 0 .1rem .1rem 0
  8663.            }
  8664.  
  8665.            cart-remove-button .button:before,
  8666.            cart-remove-button .button:after {
  8667.                content: none
  8668.            }
  8669.  
  8670.            cart-remove-button .button:not([disabled]):hover {
  8671.                color: rgb(var(--color-foreground))
  8672.            }
  8673.  
  8674.            @media screen and (min-width: 750px) {
  8675.                cart-remove-button .button {
  8676.                    min-width: 3.5rem;
  8677.                    min-height: 3.5rem
  8678.                }
  8679.            }
  8680.  
  8681.            cart-remove-button .icon-remove {
  8682.                height: 1.5rem;
  8683.                width: 1.5rem
  8684.            }
  8685.  
  8686.            .cart-item .loading__spinner {
  8687.                top: 0;
  8688.                left: auto;
  8689.                right: auto;
  8690.                bottom: 0;
  8691.                padding: 0
  8692.            }
  8693.  
  8694.            @media screen and (min-width: 750px) {
  8695.                .cart-item .loading__spinner {
  8696.                    right: 0;
  8697.                    padding-top: 4.5rem;
  8698.                    bottom: auto
  8699.                }
  8700.            }
  8701.  
  8702.            .cart-item .loading__spinner:not(.hidden)~* {
  8703.                visibility: hidden
  8704.            }
  8705.  
  8706.            .cart-item__error {
  8707.                display: flex;
  8708.                align-items: flex-start;
  8709.                margin-top: .2rem;
  8710.                width: min-content;
  8711.                min-width: 100%
  8712.            }
  8713.  
  8714.            .cart-item__error-text {
  8715.                font-size: 1.2rem;
  8716.                line-height: calc(1 + .2 / var(--font-body-scale));
  8717.                order: 1
  8718.            }
  8719.  
  8720.            .cart-item__error-text+svg {
  8721.                flex-shrink: 0;
  8722.                width: 1.2rem;
  8723.                margin-right: .5rem;
  8724.                margin-top: .1rem
  8725.            }
  8726.  
  8727.            .cart-item__error-text:empty+svg {
  8728.                display: none
  8729.            }
  8730.  
  8731.            .product-option+.product-option {
  8732.                margin-top: .4rem
  8733.            }
  8734.  
  8735.            .product-option * {
  8736.                display: inline;
  8737.                margin: 0
  8738.            }
  8739.  
  8740.            .cart-items thead th {
  8741.                text-transform: uppercase
  8742.            }
  8743.  
  8744.            @media screen and (max-width: 749px) {
  8745.  
  8746.                .cart-items,
  8747.                .cart-items thead,
  8748.                .cart-items tbody {
  8749.                    display: block;
  8750.                    width: 100%
  8751.                }
  8752.  
  8753.                .cart-items thead tr {
  8754.                    display: flex;
  8755.                    justify-content: space-between;
  8756.                    border-bottom: .1rem solid rgba(var(--color-foreground), .2);
  8757.                    margin-bottom: 4rem
  8758.                }
  8759.  
  8760.                .cart-item {
  8761.                    display: grid;
  8762.                    grid-template: repeat(2, auto) / repeat(4, 1fr);
  8763.                    gap: 1.5rem;
  8764.                    margin-bottom: 3.5rem
  8765.                }
  8766.  
  8767.                .cart-item:last-child {
  8768.                    margin-bottom: 0
  8769.                }
  8770.  
  8771.                .cart-item__media {
  8772.                    grid-row: 1 / 3
  8773.                }
  8774.  
  8775.                .cart-item__details {
  8776.                    grid-column: 2 / 4
  8777.                }
  8778.  
  8779.                .cart-item__quantity {
  8780.                    grid-column: 2 / 5
  8781.                }
  8782.  
  8783.                .cart-item__quantity-wrapper {
  8784.                    flex-wrap: wrap
  8785.                }
  8786.  
  8787.                .cart-item__totals {
  8788.                    display: flex;
  8789.                    align-items: flex-start;
  8790.                    justify-content: flex-end
  8791.                }
  8792.            }
  8793.  
  8794.            @media screen and (min-width: 750px) {
  8795.                .cart-items {
  8796.                    border-spacing: 0;
  8797.                    border-collapse: separate;
  8798.                    box-shadow: none;
  8799.                    width: 100%;
  8800.                    display: table
  8801.                }
  8802.  
  8803.                .cart-items th {
  8804.                    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  8805.                }
  8806.  
  8807.                .cart-items thead th:first-child {
  8808.                    width: 50%
  8809.                }
  8810.  
  8811.                .cart-items th+th {
  8812.                    padding-left: 4rem
  8813.                }
  8814.  
  8815.                .cart-items td {
  8816.                    vertical-align: top;
  8817.                    padding-top: 4rem
  8818.                }
  8819.  
  8820.                .cart-item {
  8821.                    display: table-row
  8822.                }
  8823.  
  8824.                .cart-item>td+td {
  8825.                    padding-left: 4rem
  8826.                }
  8827.  
  8828.                .cart-item__details {
  8829.                    width: 35rem
  8830.                }
  8831.  
  8832.                .cart-item__media {
  8833.                    width: 10rem
  8834.                }
  8835.  
  8836.                .cart-item cart-remove-button {
  8837.                    margin: .5rem 0 0 1.5rem
  8838.                }
  8839.  
  8840.                .cart-item__price-wrapper>*:only-child:not(.cart-item__discounted-prices) {
  8841.                    margin-top: 1rem
  8842.                }
  8843.  
  8844.                .cart-item__error {
  8845.                    margin-left: .3rem
  8846.                }
  8847.            }
  8848.  
  8849.            @media screen and (min-width: 990px) {
  8850.  
  8851.                .cart-item .cart-item__quantity,
  8852.                .cart-items .cart-items__heading--wide {
  8853.                    padding-left: 6rem
  8854.                }
  8855.  
  8856.                .cart-item__details {
  8857.                    width: 50rem
  8858.                }
  8859.  
  8860.                .cart-items thead th:first-child {
  8861.                    width: 60%
  8862.                }
  8863.            }
  8864.  
  8865.            @media screen and (min-width: 750px) {
  8866.  
  8867.                .cart-items .cart-items__heading--quantity,
  8868.                .cart-item .cart-item__quantity,
  8869.                .cart-item__quantity--info quantity-popover>*,
  8870.                .no-js .cart-item .cart-item__quantity--info {
  8871.                    padding-left: 5rem
  8872.                }
  8873.  
  8874.                .cart-item .cart-item__quantity--info,
  8875.                .cart-item__quantity--info .cart-item__quantity-wrapper,
  8876.                .cart-item__quantity--info .cart-items__info {
  8877.                    padding-left: 0
  8878.                }
  8879.            }
  8880.  
  8881.            @media screen and (min-width: 749px) and (max-width: 990px) {
  8882.                .cart-items .quantity-popover__info-button {
  8883.                    padding-left: 1.5rem
  8884.                }
  8885.            }
  8886.        </style>
  8887.        <style>
  8888.            .price {
  8889.                font-size: 1.6rem;
  8890.                letter-spacing: .1rem;
  8891.                line-height: calc(1 + .5 / var(--font-body-scale));
  8892.                color: rgb(var(--color-foreground))
  8893.            }
  8894.  
  8895.            .price>* {
  8896.                display: inline-block;
  8897.                vertical-align: top
  8898.            }
  8899.  
  8900.            .price.price--unavailable {
  8901.                visibility: hidden
  8902.            }
  8903.  
  8904.            .price--end {
  8905.                text-align: right
  8906.            }
  8907.  
  8908.            .price .price-item {
  8909.                display: inline-block;
  8910.                margin: 0 1rem 0 0
  8911.            }
  8912.  
  8913.            .price__regular .price-item--regular {
  8914.                margin-right: 0
  8915.            }
  8916.  
  8917.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  8918.                margin: 0
  8919.            }
  8920.  
  8921.            @media screen and (min-width: 750px) {
  8922.                .price {
  8923.                    margin-bottom: 0
  8924.                }
  8925.            }
  8926.  
  8927.            .price--large {
  8928.                font-size: 1.6rem;
  8929.                line-height: calc(1 + .5 / var(--font-body-scale));
  8930.                letter-spacing: .13rem
  8931.            }
  8932.  
  8933.            @media screen and (min-width: 750px) {
  8934.                .price--large {
  8935.                    font-size: 1.8rem
  8936.                }
  8937.            }
  8938.  
  8939.            .price--sold-out .price__availability,
  8940.            .price__regular {
  8941.                display: block
  8942.            }
  8943.  
  8944.            .price__sale,
  8945.            .price__availability,
  8946.            .price .price__badge-sale,
  8947.            .price .price__badge-sold-out,
  8948.            .price--on-sale .price__regular,
  8949.            .price--on-sale .price__availability {
  8950.                display: none
  8951.            }
  8952.  
  8953.            .price--sold-out .price__badge-sold-out,
  8954.            .price--on-sale .price__badge-sale,
  8955.            .volume-pricing--sale-badge .price__badge-sale {
  8956.                display: inline-block
  8957.            }
  8958.  
  8959.            .volume-pricing--sale-badge .price__badge-sale {
  8960.                margin-left: .5rem
  8961.            }
  8962.  
  8963.            .price--on-sale .price__sale {
  8964.                display: initial;
  8965.                flex-direction: row;
  8966.                flex-wrap: wrap
  8967.            }
  8968.  
  8969.            .price--center {
  8970.                display: initial;
  8971.                justify-content: center
  8972.            }
  8973.  
  8974.            .price--on-sale .price-item--regular {
  8975.                text-decoration: line-through;
  8976.                color: rgba(var(--color-foreground), .75);
  8977.                font-size: 1.3rem
  8978.            }
  8979.  
  8980.            .unit-price {
  8981.                display: block;
  8982.                font-size: 1.1rem;
  8983.                letter-spacing: .04rem;
  8984.                line-height: calc(1 + .2 / var(--font-body-scale));
  8985.                margin-top: .2rem;
  8986.                text-transform: uppercase;
  8987.                color: rgba(var(--color-foreground), .7)
  8988.            }
  8989.        </style>
  8990.        <style>
  8991.            .drawer {
  8992.                position: fixed;
  8993.                z-index: 1000;
  8994.                left: 0;
  8995.                top: 0;
  8996.                width: 100vw;
  8997.                height: 100%;
  8998.                display: flex;
  8999.                justify-content: flex-end;
  9000.                background-color: rgba(var(--color-foreground), .5);
  9001.                transition: visibility var(--duration-default) ease
  9002.            }
  9003.  
  9004.            .drawer.active {
  9005.                visibility: visible
  9006.            }
  9007.  
  9008.            .drawer__inner {
  9009.                height: 100%;
  9010.                width: 40rem;
  9011.                max-width: calc(100vw - 3rem);
  9012.                padding: 0 1.5rem;
  9013.                border: .1rem solid rgba(var(--color-foreground), .2);
  9014.                border-right: 0;
  9015.                overflow: hidden;
  9016.                display: flex;
  9017.                flex-direction: column;
  9018.                transform: translate(100%);
  9019.                transition: transform var(--duration-default) ease
  9020.            }
  9021.  
  9022.            .drawer__inner-empty {
  9023.                height: 100%;
  9024.                padding: 0 1.5rem;
  9025.                overflow: hidden;
  9026.                display: flex;
  9027.                flex-direction: column
  9028.            }
  9029.  
  9030.            .cart-drawer__warnings {
  9031.                display: flex;
  9032.                flex-direction: column;
  9033.                flex: 1;
  9034.                justify-content: center
  9035.            }
  9036.  
  9037.            cart-drawer.is-empty .drawer__inner {
  9038.                display: grid;
  9039.                grid-template-rows: 1fr;
  9040.                align-items: center;
  9041.                padding: 0
  9042.            }
  9043.  
  9044.            cart-drawer.is-empty .drawer__header {
  9045.                display: none
  9046.            }
  9047.  
  9048.            cart-drawer:not(.is-empty) .cart-drawer__warnings,
  9049.            cart-drawer:not(.is-empty) .cart-drawer__collection {
  9050.                display: none
  9051.            }
  9052.  
  9053.            .cart-drawer__warnings--has-collection .cart__login-title {
  9054.                margin-top: 2.5rem
  9055.            }
  9056.  
  9057.            .drawer.active .drawer__inner {
  9058.                transform: translate(0)
  9059.            }
  9060.  
  9061.            .drawer__header {
  9062.                position: relative;
  9063.                padding: 1.5rem 0;
  9064.                display: flex;
  9065.                justify-content: space-between;
  9066.                align-items: center
  9067.            }
  9068.  
  9069.            .drawer__heading {
  9070.                margin: 0 0 1rem
  9071.            }
  9072.  
  9073.            .drawer__close {
  9074.                display: inline-block;
  9075.                padding: 0;
  9076.                min-width: 4.4rem;
  9077.                min-height: 4.4rem;
  9078.                box-shadow: 0 0 0 .2rem rgba(var(--color-button), 0);
  9079.                position: absolute;
  9080.                top: 10px;
  9081.                right: -10px;
  9082.                color: rgb(var(--color-foreground));
  9083.                background-color: transparent;
  9084.                border: none;
  9085.                cursor: pointer
  9086.            }
  9087.  
  9088.            .cart-drawer__warnings .drawer__close {
  9089.                right: 5px
  9090.            }
  9091.  
  9092.            .drawer__close svg {
  9093.                height: 2.4rem;
  9094.                width: 2.4rem
  9095.            }
  9096.  
  9097.            .drawer__contents {
  9098.                flex-grow: 1;
  9099.                display: flex;
  9100.                flex-direction: column
  9101.            }
  9102.  
  9103.            .drawer__footer {
  9104.                border-top: .1rem solid rgba(var(--color-foreground), .2);
  9105.                padding: 1.5rem 0
  9106.            }
  9107.  
  9108.            cart-drawer-items.is-empty+.drawer__footer {
  9109.                display: none
  9110.            }
  9111.  
  9112.            .drawer__footer>details {
  9113.                margin-top: -1.5rem;
  9114.                border-bottom: .1rem solid rgba(var(--color-foreground), .2)
  9115.            }
  9116.  
  9117.            .drawer__footer>details[open] {
  9118.                padding-bottom: 1.5rem
  9119.            }
  9120.  
  9121.            .drawer__footer summary {
  9122.                display: flex;
  9123.                position: relative;
  9124.                line-height: 1;
  9125.                padding: 1.5rem 0
  9126.            }
  9127.  
  9128.            .drawer__footer>details+.cart-drawer__footer {
  9129.                padding-top: 1.5rem
  9130.            }
  9131.  
  9132.            cart-drawer {
  9133.                position: fixed;
  9134.                top: 0;
  9135.                left: 0;
  9136.                width: 100vw;
  9137.                height: 100%
  9138.            }
  9139.  
  9140.            .cart-drawer__overlay {
  9141.                position: fixed;
  9142.                top: 0;
  9143.                right: 0;
  9144.                bottom: 0;
  9145.                left: 0
  9146.            }
  9147.  
  9148.            .cart-drawer__overlay:empty {
  9149.                display: block
  9150.            }
  9151.  
  9152.            .cart-drawer__form {
  9153.                flex-grow: 1;
  9154.                display: flex;
  9155.                flex-wrap: wrap
  9156.            }
  9157.  
  9158.            .cart-drawer__collection {
  9159.                margin: 0 2.5rem 1.5rem
  9160.            }
  9161.  
  9162.            .cart-drawer .drawer__cart-items-wrapper {
  9163.                flex-grow: 1
  9164.            }
  9165.  
  9166.            .cart-drawer .cart-items,
  9167.            .cart-drawer tbody {
  9168.                display: block;
  9169.                width: 100%
  9170.            }
  9171.  
  9172.            .cart-drawer thead {
  9173.                display: inline-table;
  9174.                width: 100%;
  9175.                position: sticky;
  9176.                top: 0;
  9177.                z-index: 2
  9178.            }
  9179.  
  9180.            cart-drawer-items {
  9181.                overflow: auto;
  9182.                flex: 1
  9183.            }
  9184.  
  9185.            @media screen and (max-height: 650px) {
  9186.                cart-drawer-items {
  9187.                    overflow: visible
  9188.                }
  9189.  
  9190.                .drawer__inner {
  9191.                    overflow: scroll
  9192.                }
  9193.            }
  9194.  
  9195.            .cart-drawer .cart-item {
  9196.                display: grid;
  9197.                grid-template: repeat(2, auto) / repeat(4, 1fr);
  9198.                gap: 1.5rem;
  9199.                margin-bottom: 0
  9200.            }
  9201.  
  9202.            .cart-drawer .cart-item:last-child {
  9203.                margin-bottom: 1rem
  9204.            }
  9205.  
  9206.            .cart-drawer .cart-item__media {
  9207.                grid-row: 1 / 3
  9208.            }
  9209.  
  9210.            .cart-drawer .cart-item__image {
  9211.                max-width: 100%
  9212.            }
  9213.  
  9214.            .cart-drawer .cart-items thead {
  9215.                margin-bottom: .5rem
  9216.            }
  9217.  
  9218.            .cart-drawer .cart-items thead th:first-child,
  9219.            .cart-drawer .cart-items thead th:last-child {
  9220.                width: 0;
  9221.                padding: 0
  9222.            }
  9223.  
  9224.            .cart-drawer .cart-items thead th:nth-child(2) {
  9225.                width: 50%;
  9226.                padding-left: 0
  9227.            }
  9228.  
  9229.            .cart-drawer .cart-items thead tr {
  9230.                display: table-row;
  9231.                margin-bottom: 0
  9232.            }
  9233.  
  9234.            .cart-drawer .cart-items th {
  9235.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9236.            }
  9237.  
  9238.            .cart-drawer .cart-item:last-child {
  9239.                margin-bottom: 1.5rem
  9240.            }
  9241.  
  9242.            .cart-drawer .cart-item .loading__spinner {
  9243.                right: 5px;
  9244.                padding-top: 2.5rem
  9245.            }
  9246.  
  9247.            .cart-drawer .cart-items td {
  9248.                padding-top: 2rem
  9249.            }
  9250.  
  9251.            .cart-drawer .cart-item>td+td {
  9252.                padding-left: 1rem
  9253.            }
  9254.  
  9255.            .cart-drawer .cart-item__details {
  9256.                width: auto;
  9257.                grid-column: 2 / 4
  9258.            }
  9259.  
  9260.            .cart-drawer .cart-item__totals {
  9261.                pointer-events: none;
  9262.                display: flex;
  9263.                align-items: flex-start;
  9264.                justify-content: flex-end
  9265.            }
  9266.  
  9267.            .cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
  9268.                margin-top: 0
  9269.            }
  9270.  
  9271.            .cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  9272.                display: flex;
  9273.                flex-direction: column;
  9274.                gap: .6rem
  9275.            }
  9276.  
  9277.            .cart-drawer .unit-price {
  9278.                margin-top: .6rem
  9279.            }
  9280.  
  9281.            .cart-drawer .cart-items .cart-item__quantity {
  9282.                padding-top: 0;
  9283.                grid-column: 2 / 5
  9284.            }
  9285.  
  9286.            @media screen and (max-width: 749px) {
  9287.                .cart-drawer .cart-item cart-remove-button {
  9288.                    margin-left: 0
  9289.                }
  9290.            }
  9291.  
  9292.            .cart-drawer__footer>*+* {
  9293.                margin-top: 1rem
  9294.            }
  9295.  
  9296.            .cart-drawer .totals {
  9297.                justify-content: space-between
  9298.            }
  9299.  
  9300.            .cart-drawer .price {
  9301.                line-height: 1
  9302.            }
  9303.  
  9304.            .cart-drawer .tax-note {
  9305.                margin: 1.2rem 0 1rem auto;
  9306.                text-align: left
  9307.            }
  9308.  
  9309.            .cart-drawer .product-option dd {
  9310.                word-break: break-word
  9311.            }
  9312.  
  9313.            .cart-drawer details[open]>summary .icon-caret {
  9314.                transform: rotate(180deg)
  9315.            }
  9316.  
  9317.            .cart-drawer .cart__checkout-button {
  9318.                max-width: none
  9319.            }
  9320.  
  9321.            .drawer__footer .cart__dynamic-checkout-buttons {
  9322.                max-width: 100%
  9323.            }
  9324.  
  9325.            .drawer__footer #dynamic-checkout-cart ul {
  9326.                flex-wrap: wrap !important;
  9327.                flex-direction: row !important;
  9328.                margin: .5rem -.5rem 0 0 !important;
  9329.                gap: .5rem
  9330.            }
  9331.  
  9332.            .drawer__footer [data-shopify-buttoncontainer] {
  9333.                justify-content: flex-start
  9334.            }
  9335.  
  9336.            .drawer__footer #dynamic-checkout-cart ul>li {
  9337.                flex-basis: calc(50% - .5rem) !important;
  9338.                margin: 0 !important
  9339.            }
  9340.  
  9341.            .drawer__footer #dynamic-checkout-cart ul>li:only-child {
  9342.                flex-basis: 100% !important;
  9343.                margin-right: .5rem !important
  9344.            }
  9345.  
  9346.            @media screen and (min-width: 750px) {
  9347.                .drawer__footer #dynamic-checkout-cart ul>li {
  9348.                    flex-basis: calc(100% / 3 - .5rem) !important;
  9349.                    margin: 0 !important
  9350.                }
  9351.  
  9352.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),
  9353.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,
  9354.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),
  9355.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li {
  9356.                    flex-basis: calc(50% - .5rem) !important
  9357.                }
  9358.            }
  9359.  
  9360.            cart-drawer-items::-webkit-scrollbar {
  9361.                width: 3px
  9362.            }
  9363.  
  9364.            cart-drawer-items::-webkit-scrollbar-thumb {
  9365.                background-color: rgba(var(--color-foreground), .7);
  9366.                border-radius: 100px
  9367.            }
  9368.  
  9369.            cart-drawer-items::-webkit-scrollbar-track-piece {
  9370.                margin-top: 31px
  9371.            }
  9372.  
  9373.            .cart-drawer .quantity-popover-container {
  9374.                padding: 0
  9375.            }
  9376.  
  9377.            .cart-drawer .quantity-popover__info.global-settings-popup {
  9378.                transform: translateY(0);
  9379.                right: 0
  9380.            }
  9381.  
  9382.            .cart-drawer .cart-item__error {
  9383.                margin-top: .8rem
  9384.            }
  9385.  
  9386.            .cart-drawer .quantity-popover__info+.cart-item__error {
  9387.                margin-top: .2rem
  9388.            }
  9389.  
  9390.            @media screen and (min-width: 750px) {
  9391.                .cart-drawer .cart-item__quantity--info quantity-popover>* {
  9392.                    padding-left: 0
  9393.                }
  9394.  
  9395.                .cart-drawer .cart-item__error {
  9396.                    margin-left: 0
  9397.                }
  9398.            }
  9399.        </style>
  9400.        <style>
  9401.            .cart {
  9402.                position: relative;
  9403.                display: block
  9404.            }
  9405.  
  9406.            .cart__empty-text,
  9407.            .is-empty .cart__contents,
  9408.            cart-items.is-empty .title-wrapper-with-link,
  9409.            .is-empty .cart__footer {
  9410.                display: none
  9411.            }
  9412.  
  9413.            .is-empty .cart__empty-text,
  9414.            .is-empty .cart__warnings {
  9415.                display: block
  9416.            }
  9417.  
  9418.            .cart__warnings {
  9419.                display: none;
  9420.                text-align: center;
  9421.                padding: 3rem 0 1rem
  9422.            }
  9423.  
  9424.            .cart__empty-text {
  9425.                margin: 4.5rem 0 2rem
  9426.            }
  9427.  
  9428.            .cart__contents>*+* {
  9429.                margin-top: 2.5rem
  9430.            }
  9431.  
  9432.            .cart__login-title {
  9433.                margin: 5.5rem 0 .5rem
  9434.            }
  9435.  
  9436.            .cart__login-paragraph {
  9437.                margin-top: .8rem
  9438.            }
  9439.  
  9440.            .cart__login-paragraph a {
  9441.                font-size: inherit
  9442.            }
  9443.  
  9444.            @media screen and (min-width: 990px) {
  9445.                .cart__warnings {
  9446.                    padding: 7rem 0 1rem
  9447.                }
  9448.  
  9449.                .cart__empty-text {
  9450.                    margin: 0 0 3rem
  9451.                }
  9452.            }
  9453.  
  9454.            cart-items {
  9455.                display: block
  9456.            }
  9457.  
  9458.            .cart__items {
  9459.                position: relative;
  9460.                padding-bottom: 3rem;
  9461.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9462.            }
  9463.  
  9464.            .cart__items--disabled {
  9465.                pointer-events: none
  9466.            }
  9467.  
  9468.            .cart__footer-wrapper:last-child .cart__footer {
  9469.                padding-bottom: 5rem
  9470.            }
  9471.  
  9472.            .cart__footer>div:only-child {
  9473.                margin-left: auto
  9474.            }
  9475.  
  9476.            .cart__footer>*+* {
  9477.                margin-top: 6.5rem
  9478.            }
  9479.  
  9480.            .cart__footer .discounts {
  9481.                margin-bottom: 1rem
  9482.            }
  9483.  
  9484.            .cart__note {
  9485.                height: fit-content;
  9486.                top: 2.5rem
  9487.            }
  9488.  
  9489.            .cart__note label {
  9490.                display: flex;
  9491.                align-items: flex-end;
  9492.                position: absolute;
  9493.                line-height: 1;
  9494.                height: 1.8rem;
  9495.                top: -3rem;
  9496.                color: rgba(var(--color-foreground), .75)
  9497.            }
  9498.  
  9499.            .cart__note .field__input {
  9500.                height: 100%;
  9501.                position: relative;
  9502.                border-radius: var(--inputs-radius);
  9503.                padding: 1rem 2rem
  9504.            }
  9505.  
  9506.            .cart__note .text-area {
  9507.                resize: vertical
  9508.            }
  9509.  
  9510.            .cart__note:after,
  9511.            .cart__note:hover.cart__note:after,
  9512.            .cart__note:before,
  9513.            .cart__note:hover.cart__note:before,
  9514.            .cart__note .field__input:focus,
  9515.            .cart__note .field__input {
  9516.                border-bottom-right-radius: 0
  9517.            }
  9518.  
  9519.            @media screen and (min-width: 750px) {
  9520.                .cart__items {
  9521.                    grid-column-start: 1;
  9522.                    grid-column-end: 3;
  9523.                    padding-bottom: 4rem
  9524.                }
  9525.  
  9526.                .cart__contents>*+* {
  9527.                    margin-top: 0
  9528.                }
  9529.  
  9530.                .cart__items+.cart__footer {
  9531.                    grid-column: 2
  9532.                }
  9533.  
  9534.                .cart__footer {
  9535.                    display: flex;
  9536.                    justify-content: space-between;
  9537.                    border: 0
  9538.                }
  9539.  
  9540.                .cart__footer-wrapper:last-child {
  9541.                    padding-top: 0
  9542.                }
  9543.  
  9544.                .cart__footer>* {
  9545.                    width: 35rem
  9546.                }
  9547.  
  9548.                .cart__footer>*+* {
  9549.                    margin-left: 4rem;
  9550.                    margin-top: 0
  9551.                }
  9552.            }
  9553.  
  9554.            .cart__ctas button {
  9555.                width: 100%
  9556.            }
  9557.  
  9558.            .cart__ctas>*:not(noscript:first-child)+* {
  9559.                margin-top: 1rem
  9560.            }
  9561.  
  9562.            .cart__update-button {
  9563.                margin-bottom: 1rem
  9564.            }
  9565.  
  9566.            .cart__dynamic-checkout-buttons {
  9567.                max-width: 36rem;
  9568.                margin: 0 auto
  9569.            }
  9570.  
  9571.            .cart__dynamic-checkout-buttons:has(.dynamic-checkout__content:empty) {
  9572.                margin: 0
  9573.            }
  9574.  
  9575.            .cart__dynamic-checkout-buttons div[role=button] {
  9576.                border-radius: var(--buttons-radius-outset) !important
  9577.            }
  9578.  
  9579.            .cart__blocks>*+* {
  9580.                margin-top: 1rem
  9581.            }
  9582.  
  9583.            .cart-note__label {
  9584.                display: inline-block;
  9585.                margin-bottom: 1rem;
  9586.                line-height: calc(1 + 1 / var(--font-body-scale))
  9587.            }
  9588.  
  9589.            .tax-note {
  9590.                margin: 2.2rem 0 1.6rem auto;
  9591.                text-align: center;
  9592.                display: block
  9593.            }
  9594.  
  9595.            .cart__checkout-button {
  9596.                max-width: 36rem
  9597.            }
  9598.  
  9599.            .cart__ctas {
  9600.                text-align: center
  9601.            }
  9602.  
  9603.            @media screen and (min-width: 750px) {
  9604.                .cart-note {
  9605.                    max-width: 35rem
  9606.                }
  9607.  
  9608.                .cart__update-button {
  9609.                    margin-bottom: 0;
  9610.                    margin-right: .8rem
  9611.                }
  9612.  
  9613.                .tax-note {
  9614.                    margin-bottom: 2.2rem;
  9615.                    text-align: right
  9616.                }
  9617.  
  9618.                [data-shopify-buttoncontainer] {
  9619.                    justify-content: flex-end
  9620.                }
  9621.  
  9622.                .cart__ctas {
  9623.                    display: flex;
  9624.                    gap: 1rem
  9625.                }
  9626.            }
  9627.        </style>
  9628.        <style>
  9629.            .totals {
  9630.                display: flex;
  9631.                justify-content: center;
  9632.                align-items: flex-end
  9633.            }
  9634.  
  9635.            .totals>* {
  9636.                font-size: 1.6rem;
  9637.                margin: 0
  9638.            }
  9639.  
  9640.            .totals>h2 {
  9641.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  9642.            }
  9643.  
  9644.            .totals * {
  9645.                line-height: 1
  9646.            }
  9647.  
  9648.            .totals>*+* {
  9649.                margin-left: 2rem
  9650.            }
  9651.  
  9652.            .totals__total {
  9653.                margin-top: .5rem
  9654.            }
  9655.  
  9656.            .totals__total-value {
  9657.                font-size: 1.8rem
  9658.            }
  9659.  
  9660.            .cart__ctas+.totals {
  9661.                margin-top: 2rem
  9662.            }
  9663.  
  9664.            @media all and (min-width: 750px) {
  9665.                .totals {
  9666.                    justify-content: flex-end
  9667.                }
  9668.            }
  9669.        </style>
  9670.        <style>
  9671.            .price {
  9672.                font-size: 1.6rem;
  9673.                letter-spacing: .1rem;
  9674.                line-height: calc(1 + .5 / var(--font-body-scale));
  9675.                color: rgb(var(--color-foreground))
  9676.            }
  9677.  
  9678.            .price>* {
  9679.                display: inline-block;
  9680.                vertical-align: top
  9681.            }
  9682.  
  9683.            .price.price--unavailable {
  9684.                visibility: hidden
  9685.            }
  9686.  
  9687.            .price--end {
  9688.                text-align: right
  9689.            }
  9690.  
  9691.            .price .price-item {
  9692.                display: inline-block;
  9693.                margin: 0 1rem 0 0
  9694.            }
  9695.  
  9696.            .price__regular .price-item--regular {
  9697.                margin-right: 0
  9698.            }
  9699.  
  9700.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  9701.                margin: 0
  9702.            }
  9703.  
  9704.            @media screen and (min-width: 750px) {
  9705.                .price {
  9706.                    margin-bottom: 0
  9707.                }
  9708.            }
  9709.  
  9710.            .price--large {
  9711.                font-size: 1.6rem;
  9712.                line-height: calc(1 + .5 / var(--font-body-scale));
  9713.                letter-spacing: .13rem
  9714.            }
  9715.  
  9716.            @media screen and (min-width: 750px) {
  9717.                .price--large {
  9718.                    font-size: 1.8rem
  9719.                }
  9720.            }
  9721.  
  9722.            .price--sold-out .price__availability,
  9723.            .price__regular {
  9724.                display: block
  9725.            }
  9726.  
  9727.            .price__sale,
  9728.            .price__availability,
  9729.            .price .price__badge-sale,
  9730.            .price .price__badge-sold-out,
  9731.            .price--on-sale .price__regular,
  9732.            .price--on-sale .price__availability {
  9733.                display: none
  9734.            }
  9735.  
  9736.            .price--sold-out .price__badge-sold-out,
  9737.            .price--on-sale .price__badge-sale,
  9738.            .volume-pricing--sale-badge .price__badge-sale {
  9739.                display: inline-block
  9740.            }
  9741.  
  9742.            .volume-pricing--sale-badge .price__badge-sale {
  9743.                margin-left: .5rem
  9744.            }
  9745.  
  9746.            .price--on-sale .price__sale {
  9747.                display: initial;
  9748.                flex-direction: row;
  9749.                flex-wrap: wrap
  9750.            }
  9751.  
  9752.            .price--center {
  9753.                display: initial;
  9754.                justify-content: center
  9755.            }
  9756.  
  9757.            .price--on-sale .price-item--regular {
  9758.                text-decoration: line-through;
  9759.                color: rgba(var(--color-foreground), .75);
  9760.                font-size: 1.3rem
  9761.            }
  9762.  
  9763.            .unit-price {
  9764.                display: block;
  9765.                font-size: 1.1rem;
  9766.                letter-spacing: .04rem;
  9767.                line-height: calc(1 + .2 / var(--font-body-scale));
  9768.                margin-top: .2rem;
  9769.                text-transform: uppercase;
  9770.                color: rgba(var(--color-foreground), .7)
  9771.            }
  9772.        </style>
  9773.        <style>
  9774.            .discounts {
  9775.                font-size: 1.2rem;
  9776.            }
  9777.  
  9778.            .discounts__discount {
  9779.                display: flex;
  9780.                align-items: center;
  9781.                line-height: calc(1 + 0.5 / var(--font-body-scale));
  9782.            }
  9783.  
  9784.            .discounts__discount svg {
  9785.                color: rgba(var(--color-button), var(--alpha-button-background));
  9786.            }
  9787.  
  9788.            .discounts__discount--position {
  9789.                justify-content: center;
  9790.            }
  9791.  
  9792.            @media screen and (min-width: 750px) {
  9793.                .discounts__discount--position {
  9794.                    justify-content: flex-end;
  9795.                }
  9796.            }
  9797.  
  9798.            .discounts__discount>.icon {
  9799.                color: rgb(var(--color-foreground));
  9800.                width: 1.2rem;
  9801.                height: 1.2rem;
  9802.                margin-right: 0.7rem;
  9803.            }
  9804.        </style>
  9805.        <style>
  9806.            p img {
  9807.                width: 100%;
  9808.            }
  9809.  
  9810.            header-drawer {
  9811.                justify-self: start;
  9812.                margin-left: -1.2rem;
  9813.            }
  9814.  
  9815.            @media screen and (min-width: 990px) {
  9816.                header-drawer {
  9817.                    display: none;
  9818.                }
  9819.            }
  9820.  
  9821.            .menu-drawer-container {
  9822.                display: flex;
  9823.            }
  9824.  
  9825.            .list-menu {
  9826.                list-style: none;
  9827.                padding: 0;
  9828.                margin: 0;
  9829.            }
  9830.  
  9831.            .list-menu--inline {
  9832.                display: inline-flex;
  9833.                flex-wrap: wrap;
  9834.            }
  9835.  
  9836.            summary.list-menu__item {
  9837.                padding-right: 2.7rem;
  9838.            }
  9839.  
  9840.            .list-menu__item {
  9841.                display: flex;
  9842.                align-items: center;
  9843.                line-height: calc(1 + 0.3 / var(--font-body-scale));
  9844.            }
  9845.  
  9846.            .list-menu__item--link {
  9847.                text-decoration: none;
  9848.                padding-bottom: 1rem;
  9849.                padding-top: 1rem;
  9850.                line-height: calc(1 + 0.8 / var(--font-body-scale));
  9851.            }
  9852.  
  9853.            @media screen and (min-width: 750px) {
  9854.                .list-menu__item--link {
  9855.                    padding-bottom: 0.5rem;
  9856.                    padding-top: 0.5rem;
  9857.                }
  9858.            }
  9859.        </style>
  9860.        <style data-shopify>
  9861.            .header {
  9862.                padding: 10px 3rem 10px 3rem;
  9863.            }
  9864.  
  9865.            .section-header {
  9866.                position: sticky;
  9867.                /* This is for fixing a Safari z-index issue. PR #2147 */
  9868.                margin-bottom: 0px;
  9869.            }
  9870.  
  9871.            @media screen and (min-width: 750px) {
  9872.                .section-header {
  9873.                    margin-bottom: 0px;
  9874.                }
  9875.            }
  9876.  
  9877.            @media screen and (min-width: 990px) {
  9878.                .header {
  9879.                    padding-top: 20px;
  9880.                    padding-bottom: 20px;
  9881.                }
  9882.            }
  9883.        </style>
  9884.        <script>
  9885.            /** Shopify CDN: Minification failed
  9886.        
  9887.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9888.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9889.        Line 23:12 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9890.        Line 29:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9891.        Line 39:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9892.        Line 47:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9893.        Line 48:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9894.        Line 53:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9895.        
  9896.        **/
  9897.            class DetailsDisclosure extends HTMLElement {
  9898.                constructor() {
  9899.                    super();
  9900.                    this.mainDetailsToggle = this.querySelector('details');
  9901.                    this.content = this.mainDetailsToggle.querySelector('summary').nextElementSibling;
  9902.  
  9903.                    this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  9904.                    this.mainDetailsToggle.addEventListener('toggle', this.onToggle.bind(this));
  9905.                }
  9906.  
  9907.                onFocusOut() {
  9908.                    setTimeout(() => {
  9909.                        if (!this.contains(document.activeElement)) this.close();
  9910.                    });
  9911.                }
  9912.  
  9913.                onToggle() {
  9914.                    if (!this.animations) this.animations = this.content.getAnimations();
  9915.  
  9916.                    if (this.mainDetailsToggle.hasAttribute('open')) {
  9917.                        this.animations.forEach((animation) => animation.play());
  9918.                    } else {
  9919.                        this.animations.forEach((animation) => animation.cancel());
  9920.                    }
  9921.                }
  9922.  
  9923.                close() {
  9924.                    this.mainDetailsToggle.removeAttribute('open');
  9925.                    this.mainDetailsToggle.querySelector('summary').setAttribute('aria-expanded', false);
  9926.                }
  9927.            }
  9928.  
  9929.            customElements.define('details-disclosure', DetailsDisclosure);
  9930.  
  9931.            class HeaderMenu extends DetailsDisclosure {
  9932.                constructor() {
  9933.                    super();
  9934.                    this.header = document.querySelector('.header-wrapper');
  9935.                }
  9936.  
  9937.                onToggle() {
  9938.                    if (!this.header) return;
  9939.                    this.header.preventHide = this.mainDetailsToggle.open;
  9940.  
  9941.                    if (document.documentElement.style.getPropertyValue('--header-bottom-position-desktop') !== '') return;
  9942.                    document.documentElement.style.setProperty(
  9943.                        '--header-bottom-position-desktop',
  9944.                        `${Math.floor(this.header.getBoundingClientRect().bottom)}px`
  9945.                    );
  9946.                }
  9947.            }
  9948.  
  9949.            customElements.define('header-menu', HeaderMenu);
  9950.        </script>
  9951.        <script>
  9952.            /** Shopify CDN: Minification failed
  9953.        
  9954.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9955.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9956.        Line 26:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9957.        Line 30:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9958.        Line 35:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9959.        Line 39:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9960.        Line 51:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9961.        Line 51:20 Transforming default arguments to the configured target environment ("es5") is not supported yet
  9962.        
  9963.        **/
  9964.            class DetailsModal extends HTMLElement {
  9965.                constructor() {
  9966.                    super();
  9967.                    this.detailsContainer = this.querySelector('details');
  9968.                    this.summaryToggle = this.querySelector('summary');
  9969.  
  9970.                    this.detailsContainer.addEventListener('keyup', (event) => event.code.toUpperCase() === 'ESCAPE' && this.close());
  9971.                    this.summaryToggle.addEventListener('click', this.onSummaryClick.bind(this));
  9972.                    this.querySelector('button[type="button"]').addEventListener('click', this.close.bind(this));
  9973.  
  9974.                    this.summaryToggle.setAttribute('role', 'button');
  9975.                }
  9976.  
  9977.                isOpen() {
  9978.                    return this.detailsContainer.hasAttribute('open');
  9979.                }
  9980.  
  9981.                onSummaryClick(event) {
  9982.                    event.preventDefault();
  9983.                    event.target.closest('details').hasAttribute('open') ? this.close() : this.open(event);
  9984.                }
  9985.  
  9986.                onBodyClick(event) {
  9987.                    if (!this.contains(event.target) || event.target.classList.contains('modal-overlay')) this.close(false);
  9988.                }
  9989.  
  9990.                open(event) {
  9991.                    this.onBodyClickEvent = this.onBodyClickEvent || this.onBodyClick.bind(this);
  9992.                    event.target.closest('details').setAttribute('open', true);
  9993.                    document.body.addEventListener('click', this.onBodyClickEvent);
  9994.                    document.body.classList.add('overflow-hidden');
  9995.  
  9996.                    trapFocus(
  9997.                        this.detailsContainer.querySelector('[tabindex="-1"]'),
  9998.                        this.detailsContainer.querySelector('input:not([type="hidden"])')
  9999.                    );
  10000.                }
  10001.  
  10002.                close(focusToggle = true) {
  10003.                    removeTrapFocus(focusToggle ? this.summaryToggle : null);
  10004.                    this.detailsContainer.removeAttribute('open');
  10005.                    document.body.removeEventListener('click', this.onBodyClickEvent);
  10006.                    document.body.classList.remove('overflow-hidden');
  10007.                }
  10008.            }
  10009.  
  10010.            customElements.define('details-modal', DetailsModal);
  10011.        </script>
  10012.        <script>
  10013.            /** Shopify CDN: Minification failed
  10014.        
  10015.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10016.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10017.        Line 30:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10018.        Line 45:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10019.        Line 52:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10020.        Line 65:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10021.        Line 80:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10022.        Line 80:37 Transforming default arguments to the configured target environment ("es5") is not supported yet
  10023.        Line 84:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10024.        Line 85:4 Transforming const to the configured target environment ("es5") is not supported yet
  10025.        ... and 2 more hidden warnings
  10026.        
  10027.        **/
  10028.            class CartNotification extends HTMLElement {
  10029.                constructor() {
  10030.                    super();
  10031.  
  10032.                    this.notification = document.getElementById('cart-notification');
  10033.                    this.header = document.querySelector('sticky-header');
  10034.                    this.onBodyClick = this.handleBodyClick.bind(this);
  10035.  
  10036.                    this.notification.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10037.                    this.querySelectorAll('button[type="button"]').forEach((closeButton) =>
  10038.                        closeButton.addEventListener('click', this.close.bind(this))
  10039.                    );
  10040.                }
  10041.  
  10042.                open() {
  10043.                    this.notification.classList.add('animate', 'active');
  10044.  
  10045.                    this.notification.addEventListener(
  10046.                        'transitionend',
  10047.                        () => {
  10048.                            this.notification.focus();
  10049.                            trapFocus(this.notification);
  10050.                        },
  10051.                        { once: true }
  10052.                    );
  10053.  
  10054.                    document.body.addEventListener('click', this.onBodyClick);
  10055.                }
  10056.  
  10057.                close() {
  10058.                    this.notification.classList.remove('active');
  10059.                    document.body.removeEventListener('click', this.onBodyClick);
  10060.  
  10061.                    removeTrapFocus(this.activeElement);
  10062.                }
  10063.  
  10064.                renderContents(parsedState) {
  10065.                    this.cartItemKey = parsedState.key;
  10066.                    this.getSectionsToRender().forEach((section) => {
  10067.                        document.getElementById(section.id).innerHTML = this.getSectionInnerHTML(
  10068.                            parsedState.sections[section.id],
  10069.                            section.selector
  10070.                        );
  10071.                    });
  10072.  
  10073.                    if (this.header) this.header.reveal();
  10074.                    this.open();
  10075.                }
  10076.  
  10077.                getSectionsToRender() {
  10078.                    return [
  10079.                        {
  10080.                            id: 'cart-notification-product',
  10081.                            selector: `[id="cart-notification-product-${this.cartItemKey}"]`,
  10082.                        },
  10083.                        {
  10084.                            id: 'cart-notification-button',
  10085.                        },
  10086.                        {
  10087.                            id: 'cart-icon-bubble',
  10088.                        },
  10089.                    ];
  10090.                }
  10091.  
  10092.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10093.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10094.                }
  10095.  
  10096.                handleBodyClick(evt) {
  10097.                    const target = evt.target;
  10098.                    if (target !== this.notification && !target.closest('cart-notification')) {
  10099.                        const disclosure = target.closest('details-disclosure, header-menu');
  10100.                        this.activeElement = disclosure ? disclosure.querySelector('summary') : null;
  10101.                        this.close();
  10102.                    }
  10103.                }
  10104.  
  10105.                setActiveElement(element) {
  10106.                    this.activeElement = element;
  10107.                }
  10108.            }
  10109.  
  10110.            customElements.define('cart-notification', CartNotification);
  10111.        </script>
  10112.        <script>
  10113.            /** Shopify CDN: Minification failed
  10114.        
  10115.        Line 12:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10116.        Line 13:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10117.        Line 29:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10118.        Line 30:4 Transforming const to the configured target environment ("es5") is not supported yet
  10119.        Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10120.        Line 42:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10121.        Line 46:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10122.        
  10123.        **/
  10124.            class SearchForm extends HTMLElement {
  10125.                constructor() {
  10126.                    super();
  10127.                    this.input = this.querySelector('input[type="search"]');
  10128.                    this.resetButton = this.querySelector('button[type="reset"]');
  10129.  
  10130.                    if (this.input) {
  10131.                        this.input.form.addEventListener('reset', this.onFormReset.bind(this));
  10132.                        this.input.addEventListener(
  10133.                            'input',
  10134.                            debounce((event) => {
  10135.                                this.onChange(event);
  10136.                            }, 300).bind(this)
  10137.                        );
  10138.                    }
  10139.                }
  10140.  
  10141.                toggleResetButton() {
  10142.                    const resetIsHidden = this.resetButton.classList.contains('hidden');
  10143.                    if (this.input.value.length > 0 && resetIsHidden) {
  10144.                        this.resetButton.classList.remove('hidden');
  10145.                    } else if (this.input.value.length === 0 && !resetIsHidden) {
  10146.                        this.resetButton.classList.add('hidden');
  10147.                    }
  10148.                }
  10149.  
  10150.                onChange() {
  10151.                    this.toggleResetButton();
  10152.                }
  10153.  
  10154.                shouldResetForm() {
  10155.                    return !document.querySelector('[aria-selected="true"] a');
  10156.                }
  10157.  
  10158.                onFormReset(event) {
  10159.                    // Prevent default so the form reset doesn't set the value gotten from the url on page load
  10160.                    event.preventDefault();
  10161.                    // Don't reset if the user has selected an element on the predictive search dropdown
  10162.                    if (this.shouldResetForm()) {
  10163.                        this.input.value = '';
  10164.                        this.input.focus();
  10165.                        this.toggleResetButton();
  10166.                    }
  10167.                }
  10168.            }
  10169.  
  10170.            customElements.define('search-form', SearchForm);
  10171.        </script>
  10172.        <script>
  10173.            /** Shopify CDN: Minification failed
  10174.        
  10175.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10176.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10177.        Line 25:32 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10178.        Line 26:4 Transforming const to the configured target environment ("es5") is not supported yet
  10179.        Line 41:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10180.        Line 43:4 Transforming const to the configured target environment ("es5") is not supported yet
  10181.        Line 53:8 Transforming const to the configured target environment ("es5") is not supported yet
  10182.        Line 56:8 Transforming const to the configured target environment ("es5") is not supported yet
  10183.        Line 65:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10184.        Line 71:25 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10185.        ... and 10 more hidden warnings
  10186.        
  10187.        **/
  10188.            class CartDrawer extends HTMLElement {
  10189.                constructor() {
  10190.                    super();
  10191.  
  10192.                    this.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10193.                    this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10194.                    this.setHeaderCartIconAccessibility();
  10195.                }
  10196.  
  10197.                setHeaderCartIconAccessibility() {
  10198.                    const cartLink = document.querySelector('#cart-icon-bubble');
  10199.                    cartLink.setAttribute('role', 'button');
  10200.                    cartLink.setAttribute('aria-haspopup', 'dialog');
  10201.                    cartLink.addEventListener('click', (event) => {
  10202.                        event.preventDefault();
  10203.                        this.open(cartLink);
  10204.                    });
  10205.                    cartLink.addEventListener('keydown', (event) => {
  10206.                        if (event.code.toUpperCase() === 'SPACE') {
  10207.                            event.preventDefault();
  10208.                            this.open(cartLink);
  10209.                        }
  10210.                    });
  10211.                }
  10212.  
  10213.                open(triggeredBy) {
  10214.                    if (triggeredBy) this.setActiveElement(triggeredBy);
  10215.                    const cartDrawerNote = this.querySelector('[id^="Details-"] summary');
  10216.                    if (cartDrawerNote && !cartDrawerNote.hasAttribute('role')) this.setSummaryAccessibility(cartDrawerNote);
  10217.                    // here the animation doesn't seem to always get triggered. A timeout seem to help
  10218.                    setTimeout(() => {
  10219.                        this.classList.add('animate', 'active');
  10220.                    });
  10221.  
  10222.                    this.addEventListener(
  10223.                        'transitionend',
  10224.                        () => {
  10225.                            const containerToTrapFocusOn = this.classList.contains('is-empty')
  10226.                                ? this.querySelector('.drawer__inner-empty')
  10227.                                : document.getElementById('CartDrawer');
  10228.                            const focusElement = this.querySelector('.drawer__inner') || this.querySelector('.drawer__close');
  10229.                            trapFocus(containerToTrapFocusOn, focusElement);
  10230.                        },
  10231.                        { once: true }
  10232.                    );
  10233.  
  10234.                    document.body.classList.add('overflow-hidden');
  10235.                }
  10236.  
  10237.                close() {
  10238.                    this.classList.remove('active');
  10239.                    removeTrapFocus(this.activeElement);
  10240.                    document.body.classList.remove('overflow-hidden');
  10241.                }
  10242.  
  10243.                setSummaryAccessibility(cartDrawerNote) {
  10244.                    cartDrawerNote.setAttribute('role', 'button');
  10245.                    cartDrawerNote.setAttribute('aria-expanded', 'false');
  10246.  
  10247.                    if (cartDrawerNote.nextElementSibling.getAttribute('id')) {
  10248.                        cartDrawerNote.setAttribute('aria-controls', cartDrawerNote.nextElementSibling.id);
  10249.                    }
  10250.  
  10251.                    cartDrawerNote.addEventListener('click', (event) => {
  10252.                        event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  10253.                    });
  10254.  
  10255.                    cartDrawerNote.parentElement.addEventListener('keyup', onKeyUpEscape);
  10256.                }
  10257.  
  10258.                renderContents(parsedState) {
  10259.                    this.querySelector('.drawer__inner').classList.contains('is-empty') &&
  10260.                        this.querySelector('.drawer__inner').classList.remove('is-empty');
  10261.                    this.productId = parsedState.id;
  10262.                    this.getSectionsToRender().forEach((section) => {
  10263.                        const sectionElement = section.selector
  10264.                            ? document.querySelector(section.selector)
  10265.                            : document.getElementById(section.id);
  10266.                        sectionElement.innerHTML = this.getSectionInnerHTML(parsedState.sections[section.id], section.selector);
  10267.                    });
  10268.  
  10269.                    setTimeout(() => {
  10270.                        this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10271.                        this.open();
  10272.                    });
  10273.                }
  10274.  
  10275.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10276.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10277.                }
  10278.  
  10279.                getSectionsToRender() {
  10280.                    return [
  10281.                        {
  10282.                            id: 'cart-drawer',
  10283.                            selector: '#CartDrawer',
  10284.                        },
  10285.                        {
  10286.                            id: 'cart-icon-bubble',
  10287.                        },
  10288.                    ];
  10289.                }
  10290.  
  10291.                getSectionDOM(html, selector = '.shopify-section') {
  10292.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector);
  10293.                }
  10294.  
  10295.                setActiveElement(element) {
  10296.                    this.activeElement = element;
  10297.                }
  10298.            }
  10299.  
  10300.            customElements.define('cart-drawer', CartDrawer);
  10301.  
  10302.            class CartDrawerItems extends CartItems {
  10303.                getSectionsToRender() {
  10304.                    return [
  10305.                        {
  10306.                            id: 'CartDrawer',
  10307.                            section: 'cart-drawer',
  10308.                            selector: '.drawer__inner',
  10309.                        },
  10310.                        {
  10311.                            id: 'cart-icon-bubble',
  10312.                            section: 'cart-icon-bubble',
  10313.                            selector: '.shopify-section',
  10314.                        },
  10315.                    ];
  10316.                }
  10317.            }
  10318.  
  10319.            customElements.define('cart-drawer-items', CartDrawerItems);
  10320.        </script>
  10321.        <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  10322.            <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  10323.                <path fill-rule="evenodd" clip-rule="evenodd"
  10324.                    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"
  10325.                    fill="currentColor" />
  10326.            </symbol>
  10327.  
  10328.            <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
  10329.                <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2" />
  10330.                <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round"
  10331.                    transform="translate(5 5)" />
  10332.                <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round"
  10333.                    transform="translate(5 5)" />
  10334.            </symbol>
  10335.  
  10336.            <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10337.                <path
  10338.                    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"
  10339.                    fill="currentColor">
  10340.            </symbol>
  10341.        </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-inverse gradient">
  10342.            <header class="header header--top-center header--mobile-center page-width header--has-menu">
  10343.  
  10344.                <header-drawer data-breakpoint="tablet">
  10345.                    <details id="Details-menu-drawer-container" class="menu-drawer-container">
  10346.                        <summary class="header__icon header__icon--menu header__icon--summary link focus-inset"
  10347.                            aria-label="Menu">
  10348.                            <span>
  10349.  
  10350.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  10351.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10352.                                    <path
  10353.                                        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"
  10354.                                        fill="currentColor">
  10355.                                </svg>
  10356.  
  10357.                            </span>
  10358.                        </summary>
  10359.                        <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-inverse">
  10360.                            <div class="menu-drawer__inner-container">
  10361.                                <div class="menu-drawer__navigation-container">
  10362.                                    <nav class="menu-drawer__navigation">
  10363.                                        <ul class="menu-drawer__menu has-submenu list-menu" role="list">
  10364.                                            <li><b><a id="HeaderDrawer-home" href="https://duwaynemotel.com/"
  10365.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10366.                                                    SITUS TOTO MACAU
  10367.                                                </a></b></li>
  10368.                                            <li><b><a id="HeaderDrawer-catalog" href="https://duwaynemotel.com/"
  10369.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10370.                                                    SITUS TOTO TOGEL
  10371.                                                </a></b></li>
  10372.                                            <li><b><a id="HeaderDrawer-contact" href="https://duwaynemotel.com/"
  10373.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10374.                                                    LINK ALTERNATIF
  10375.                                                </a></b></li>
  10376.                                        </ul>
  10377.                                    </nav>
  10378.                                    <div class="menu-drawer__utility-links">
  10379.                                        <div class="menu-drawer__localization header-localization">
  10380.                                        </div>
  10381.                                        <ul class="list list-social list-unstyled" role="list"></ul>
  10382.                                    </div>
  10383.                                </div>
  10384.                            </div>
  10385.                        </div>
  10386.                    </details>
  10387.                </header-drawer>
  10388.  
  10389.  
  10390.                <details-modal class="header__search">
  10391.                    <details>
  10392.                        <summary
  10393.                            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10394.                            aria-haspopup="dialog" aria-label="Search">
  10395.  
  10396.                        </summary>
  10397.                        <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10398.                            aria-label="Search">
  10399.                            <div class="modal-overlay"></div>
  10400.                            <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10401.                                <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10402.                                    <form action="https://ophiuchus.club/Paito-Macau/amp/" method="get" role="search"
  10403.                                        class="search search-modal__form">
  10404.                                        <div class="field">
  10405.                                            <input class="search__input field__input" id="Search-In-Modal-1"
  10406.                                                type="search" name="q" value="" placeholder="Search" role="combobox"
  10407.                                                aria-expanded="false" aria-owns="predictive-search-results"
  10408.                                                aria-controls="predictive-search-results" aria-haspopup="listbox"
  10409.                                                aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10410.                                                autocapitalize="off" spellcheck="false">
  10411.                                            <label class="field__label" for="Search-In-Modal-1">Search</label>
  10412.                                            <input type="hidden" name="options[prefix]" value="last">
  10413.                                            <button type="reset" class="reset__button field__button hidden"
  10414.                                                aria-label="Clear search term">
  10415.                                                <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10416.                                                    <use xlink:href="#icon-reset">
  10417.                                                </svg>
  10418.                                            </button>
  10419.                                            <button class="search__button field__button" aria-label="Search">
  10420.                                                <a href="https://ophiuchus.club/Paito-Macau/amp/"><img
  10421.                                                        src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10422.                                                        width="30px" height="30px" /></a>
  10423.  
  10424.                                            </button>
  10425.                                        </div>
  10426.                                        <div class="predictive-search predictive-search--header" tabindex="-1"
  10427.                                            data-predictive-search>
  10428.  
  10429.                                            <style>
  10430.                                                .loading__spinner {
  10431.                                                    position: absolute;
  10432.                                                    z-index: 1;
  10433.                                                    width: 1.8rem
  10434.                                                }
  10435.  
  10436.                                                .loading__spinner {
  10437.                                                    width: 1.8rem;
  10438.                                                    display: inline-block
  10439.                                                }
  10440.  
  10441.                                                .spinner {
  10442.                                                    animation: rotator 1.4s linear infinite
  10443.                                                }
  10444.  
  10445.                                                @keyframes rotator {
  10446.                                                    0% {
  10447.                                                        transform: rotate(0)
  10448.                                                    }
  10449.  
  10450.                                                    to {
  10451.                                                        transform: rotate(270deg)
  10452.                                                    }
  10453.                                                }
  10454.  
  10455.                                                .path {
  10456.                                                    stroke-dasharray: 280;
  10457.                                                    stroke-dashoffset: 0;
  10458.                                                    transform-origin: center;
  10459.                                                    stroke: rgb(var(--color-foreground));
  10460.                                                    animation: dash 1.4s ease-in-out infinite
  10461.                                                }
  10462.  
  10463.                                                @media screen and (forced-colors: active) {
  10464.                                                    .path {
  10465.                                                        stroke: CanvasText
  10466.                                                    }
  10467.                                                }
  10468.  
  10469.                                                @keyframes dash {
  10470.                                                    0% {
  10471.                                                        stroke-dashoffset: 280
  10472.                                                    }
  10473.  
  10474.                                                    50% {
  10475.                                                        stroke-dashoffset: 75;
  10476.                                                        transform: rotate(135deg)
  10477.                                                    }
  10478.  
  10479.                                                    to {
  10480.                                                        stroke-dashoffset: 280;
  10481.                                                        transform: rotate(450deg)
  10482.                                                    }
  10483.                                                }
  10484.  
  10485.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10486.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10487.                                                    opacity: 50%
  10488.                                                }
  10489.  
  10490.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10491.                                                    pointer-events: none;
  10492.                                                    cursor: default
  10493.                                                }
  10494.                                            </style>
  10495.                                            <div class="predictive-search__loading-state">
  10496.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  10497.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10498.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  10499.                                                        r="30"></circle>
  10500.                                                </svg>
  10501.                                            </div>
  10502.                                        </div>
  10503.  
  10504.                                        <span class="predictive-search-status visually-hidden" role="status"
  10505.                                            aria-hidden="true"></span>
  10506.                                    </form>
  10507.                                </predictive-search><button type="button"
  10508.                                    class="search-modal__close-button modal__close-button link link--text focus-inset"
  10509.                                    aria-label="Close">
  10510.                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10511.                                        <use href="#icon-close">
  10512.                                    </svg>
  10513.                                </button>
  10514.                            </div>
  10515.                        </div>
  10516.                    </details>
  10517.                </details-modal>
  10518.                <a class="header__heading-link link link--text focus-inset"><img
  10519.                        src="https://ophiuchus.club/img/logo-prediksi-macau.webp"
  10520.                        alt="TOTO MACAU" width="110" height="36.666666666666664" loading="eager"
  10521.                        class="header__heading-logo" sizes="(min-width: 750px) 110px, 50vw"></a>
  10522.  
  10523.                <nav class="header__inline-menu">
  10524.                    <ul class="list-menu list-menu--inline" role="list">
  10525.                        <li><b><a id="HeaderMenu-home"
  10526.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10527.                                <span>Prediksi Macau</span>
  10528.                            </a></b></li>
  10529.                        <li><b><a id="HeaderMenu-catalog"
  10530.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10531.                                <span>DATA MACAU</span>
  10532.                            </a></b></li>
  10533.                        <li><b><a id="HeaderMenu-contact"
  10534.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10535.                                <span>TOTO MACAU 4D</span>
  10536.                            </a></b></li>
  10537.                    </ul>
  10538.                </nav>
  10539.  
  10540.                <div class="header__icons header__icons--localization header-localization">
  10541.                    <div class="desktop-localization-wrapper">
  10542.                    </div>
  10543.  
  10544.  
  10545.                    <details-modal class="header__search">
  10546.                        <details>
  10547.                            <summary
  10548.                                class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10549.                                aria-haspopup="dialog" aria-label="Search">
  10550.  
  10551.                            </summary>
  10552.                            <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10553.                                aria-label="Search">
  10554.                                <div class="modal-overlay"></div>
  10555.                                <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10556.                                    <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10557.                                        <form action="https://ophiuchus.club/Paito-Macau/amp/" method="get" role="search"
  10558.                                            class="search search-modal__form">
  10559.                                            <div class="field">
  10560.                                                <input class="search__input field__input" id="Search-In-Modal"
  10561.                                                    type="search" name="q" value="" placeholder="Search" role="combobox"
  10562.                                                    aria-expanded="false" aria-owns="predictive-search-results"
  10563.                                                    aria-controls="predictive-search-results" aria-haspopup="listbox"
  10564.                                                    aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10565.                                                    autocapitalize="off" spellcheck="false">
  10566.                                                <label class="field__label" for="Search-In-Modal">Search</label>
  10567.                                                <input type="hidden" name="options[prefix]" value="last">
  10568.                                                <button type="reset" class="reset__button field__button hidden"
  10569.                                                    aria-label="Clear search term">
  10570.                                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10571.                                                        <use xlink:href="#icon-reset">
  10572.                                                    </svg>
  10573.                                                </button>
  10574.                                                <button class="search__button field__button" aria-label="Search">
  10575.                                                    <a href="https://ophiuchus.club/Paito-Macau/amp/"><img
  10576.                                                            src="https://kilat.digital/images/2023/12/20/bd350c38cdf02a19edcb5022f4d46f19.png"
  10577.                                                            width="30px" height="30px" /></a>
  10578.                                                </button>
  10579.                                            </div>
  10580.                                            <div class="predictive-search predictive-search--header" tabindex="-1"
  10581.                                                data-predictive-search>
  10582.  
  10583.                                                <style>
  10584.                                                    .loading__spinner {
  10585.                                                        position: absolute;
  10586.                                                        z-index: 1;
  10587.                                                        width: 1.8rem
  10588.                                                    }
  10589.  
  10590.                                                    .loading__spinner {
  10591.                                                        width: 1.8rem;
  10592.                                                        display: inline-block
  10593.                                                    }
  10594.  
  10595.                                                    .spinner {
  10596.                                                        animation: rotator 1.4s linear infinite
  10597.                                                    }
  10598.  
  10599.                                                    @keyframes rotator {
  10600.                                                        0% {
  10601.                                                            transform: rotate(0)
  10602.                                                        }
  10603.  
  10604.                                                        to {
  10605.                                                            transform: rotate(270deg)
  10606.                                                        }
  10607.                                                    }
  10608.  
  10609.                                                    .path {
  10610.                                                        stroke-dasharray: 280;
  10611.                                                        stroke-dashoffset: 0;
  10612.                                                        transform-origin: center;
  10613.                                                        stroke: rgb(var(--color-foreground));
  10614.                                                        animation: dash 1.4s ease-in-out infinite
  10615.                                                    }
  10616.  
  10617.                                                    @media screen and (forced-colors: active) {
  10618.                                                        .path {
  10619.                                                            stroke: CanvasText
  10620.                                                        }
  10621.                                                    }
  10622.  
  10623.                                                    @keyframes dash {
  10624.                                                        0% {
  10625.                                                            stroke-dashoffset: 280
  10626.                                                        }
  10627.  
  10628.                                                        50% {
  10629.                                                            stroke-dashoffset: 75;
  10630.                                                            transform: rotate(135deg)
  10631.                                                        }
  10632.  
  10633.                                                        to {
  10634.                                                            stroke-dashoffset: 280;
  10635.                                                            transform: rotate(450deg)
  10636.                                                        }
  10637.                                                    }
  10638.  
  10639.                                                    .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10640.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10641.                                                        opacity: 50%
  10642.                                                    }
  10643.  
  10644.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10645.                                                        pointer-events: none;
  10646.                                                        cursor: default
  10647.                                                    }
  10648.                                                </style>
  10649.                                                <div class="predictive-search__loading-state">
  10650.                                                    <svg aria-hidden="true" focusable="false" class="spinner"
  10651.                                                        viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10652.                                                        <circle class="path" fill="none" stroke-width="6" cx="33"
  10653.                                                            cy="33" r="30"></circle>
  10654.                                                    </svg>
  10655.                                                </div>
  10656.                                            </div>
  10657.  
  10658.                                            <span class="predictive-search-status visually-hidden" role="status"
  10659.                                                aria-hidden="true"></span>
  10660.                                        </form>
  10661.                                    </predictive-search><button type="button"
  10662.                                        class="search-modal__close-button modal__close-button link link--text focus-inset"
  10663.                                        aria-label="Close">
  10664.                                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10665.                                            <use href="#icon-close">
  10666.                                        </svg>
  10667.                                    </button>
  10668.                                </div>
  10669.                            </div>
  10670.                        </details>
  10671.                    </details-modal>
  10672.  
  10673.                </div>
  10674.            </header>
  10675.        </sticky-header>
  10676.  
  10677.        <script type="application/ld+json">
  10678.  {
  10679.    "@context": "http://schema.org",
  10680.    "@type": "Organization",
  10681.    "name": "TOTO MACAU",
  10682.    "sameAs": ["", "", "", "", "", "", "", "", ""],
  10683.    "url": "https://duwaynemotel.com/"
  10684.  }
  10685. </script>
  10686.    </div>
  10687.    <!-- END sections: header-group -->
  10688.    <div class="n-columns-2">
  10689.        <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noreferrer" class="login">LOGIN</a>
  10690.        <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noreferrer" class="register">DAFTAR</a>
  10691.    </div>
  10692.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  10693.        <section id="shopify-section-template--17040648077525__main" class="shopify-section section">
  10694.            <section id="MainProduct-template--17040648077525__main"
  10695.                class="section-template--17040648077525__main-padding gradient color-background-1"
  10696.                data-section="template--17040648077525__main">
  10697.                <style>
  10698.                    .product {
  10699.                        margin: 0
  10700.                    }
  10701.  
  10702.                    .product.grid {
  10703.                        gap: 0
  10704.                    }
  10705.  
  10706.                    .product--no-media {
  10707.                        max-width: 57rem;
  10708.                        margin: 0 auto
  10709.                    }
  10710.  
  10711.                    .product__media-wrapper {
  10712.                        padding-left: 0
  10713.                    }
  10714.  
  10715.                    @media screen and (min-width: 750px) {
  10716.                        .product__column-sticky {
  10717.                            display: block;
  10718.                            position: sticky;
  10719.                            top: 3rem;
  10720.                            z-index: 2
  10721.                        }
  10722.  
  10723.                        .product--thumbnail .thumbnail-list {
  10724.                            padding-right: var(--media-shadow-horizontal-offset)
  10725.                        }
  10726.  
  10727.                        .product__info-wrapper {
  10728.                            padding: 0 0 0 5rem
  10729.                        }
  10730.  
  10731.                        .product__info-wrapper--extra-padding {
  10732.                            padding: 0 0 0 8rem
  10733.                        }
  10734.  
  10735.                        .product--right .product__info-wrapper {
  10736.                            padding: 0 5rem 0 0
  10737.                        }
  10738.  
  10739.                        .product--right .product__info-wrapper--extra-padding {
  10740.                            padding: 0 8rem 0 0
  10741.                        }
  10742.  
  10743.                        .product--right .product__media-list {
  10744.                            margin-bottom: 2rem
  10745.                        }
  10746.  
  10747.                        .product__media-container .slider-buttons {
  10748.                            display: none
  10749.                        }
  10750.                    }
  10751.  
  10752.                    @media screen and (min-width: 990px) {
  10753.                        .product--large:not(.product--no-media) .product__media-wrapper {
  10754.                            max-width: 65%;
  10755.                            width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2)
  10756.                        }
  10757.  
  10758.                        .product--large:not(.product--no-media) .product__info-wrapper {
  10759.                            padding: 0 0 0 4rem;
  10760.                            max-width: 35%;
  10761.                            width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2)
  10762.                        }
  10763.  
  10764.                        .product--large:not(.product--no-media).product--right .product__info-wrapper {
  10765.                            padding: 0 4rem 0 0
  10766.                        }
  10767.  
  10768.                        .product--medium:not(.product--no-media) .product__media-wrapper,
  10769.                        .product--small:not(.product--no-media) .product__info-wrapper {
  10770.                            max-width: 55%;
  10771.                            width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2)
  10772.                        }
  10773.  
  10774.                        .product--medium:not(.product--no-media) .product__info-wrapper,
  10775.                        .product--small:not(.product--no-media) .product__media-wrapper {
  10776.                            max-width: 45%;
  10777.                            width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2)
  10778.                        }
  10779.                    }
  10780.  
  10781.                    .shopify-payment-button__button {
  10782.                        font-family: inherit;
  10783.                        min-height: 4.6rem
  10784.                    }
  10785.  
  10786.                    .shopify-payment-button__button [role=button].focused,
  10787.                    .no-js .shopify-payment-button__button [role=button]:focus {
  10788.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10789.                        outline-offset: .3rem;
  10790.                        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
  10791.                    }
  10792.  
  10793.                    .shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
  10794.                        outline: 0;
  10795.                        box-shadow: none !important
  10796.                    }
  10797.  
  10798.                    .shopify-payment-button__button [role=button]:focus-visible {
  10799.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10800.                        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
  10801.                    }
  10802.  
  10803.                    .shopify-payment-button__button--unbranded {
  10804.                        background-color: rgba(var(--color-button), var(--alpha-button-background));
  10805.                        color: rgb(var(--color-button-text));
  10806.                        font-size: 1.4rem;
  10807.                        line-height: calc(1 + .2 / var(--font-body-scale));
  10808.                        letter-spacing: .07rem
  10809.                    }
  10810.  
  10811.                    .shopify-payment-button__button--unbranded::selection {
  10812.                        background-color: rgba(var(--color-button-text), .3)
  10813.                    }
  10814.  
  10815.                    .shopify-payment-button__button--unbranded:hover,
  10816.                    .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  10817.                        background-color: rgba(var(--color-button), var(--alpha-button-background))
  10818.                    }
  10819.  
  10820.                    .shopify-payment-button__more-options {
  10821.                        margin: 1.6rem 0 1rem;
  10822.                        font-size: 1.2rem;
  10823.                        line-height: calc(1 + .5 / var(--font-body-scale));
  10824.                        letter-spacing: .05rem;
  10825.                        text-decoration: underline;
  10826.                        text-underline-offset: .3rem
  10827.                    }
  10828.  
  10829.                    .shopify-payment-button__button+.shopify-payment-button__button--hidden {
  10830.                        display: none
  10831.                    }
  10832.  
  10833.                    .product-form {
  10834.                        display: block
  10835.                    }
  10836.  
  10837.                    .product-form__error-message-wrapper:not([hidden]) {
  10838.                        display: flex;
  10839.                        align-items: flex-start;
  10840.                        font-size: 1.2rem;
  10841.                        margin-bottom: 1.5rem
  10842.                    }
  10843.  
  10844.                    .product-form__error-message-wrapper svg {
  10845.                        flex-shrink: 0;
  10846.                        width: 1.2rem;
  10847.                        height: 1.2rem;
  10848.                        margin-right: .7rem;
  10849.                        margin-top: .5rem
  10850.                    }
  10851.  
  10852.                    .product-form__input {
  10853.                        flex: 0 0 100%;
  10854.                        padding: 0;
  10855.                        margin: 0 0 1.2rem;
  10856.                        max-width: 44rem;
  10857.                        min-width: fit-content;
  10858.                        border: none
  10859.                    }
  10860.  
  10861.                    variant-radios,
  10862.                    variant-selects {
  10863.                        display: block
  10864.                    }
  10865.  
  10866.                    .product-form__input--dropdown {
  10867.                        margin-bottom: 1.6rem
  10868.                    }
  10869.  
  10870.                    .product-form__input .form__label {
  10871.                        padding-left: 0
  10872.                    }
  10873.  
  10874.                    fieldset.product-form__input .form__label {
  10875.                        margin-bottom: .2rem
  10876.                    }
  10877.  
  10878.                    .product-form__input input[type=radio] {
  10879.                        clip: rect(0, 0, 0, 0);
  10880.                        overflow: hidden;
  10881.                        position: absolute;
  10882.                        height: 1px;
  10883.                        width: 1px
  10884.                    }
  10885.  
  10886.                    .product-form__input input[type=radio]+label {
  10887.                        border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  10888.                        background-color: rgb(var(--color-background));
  10889.                        color: rgba(var(--color-foreground));
  10890.                        border-radius: var(--variant-pills-radius);
  10891.                        color: rgb(var(--color-foreground));
  10892.                        display: inline-block;
  10893.                        margin: .7rem .5rem .2rem 0;
  10894.                        padding: 1rem 2rem;
  10895.                        font-size: 1.4rem;
  10896.                        letter-spacing: .1rem;
  10897.                        line-height: 1;
  10898.                        text-align: center;
  10899.                        transition: border var(--duration-short) ease;
  10900.                        cursor: pointer;
  10901.                        position: relative
  10902.                    }
  10903.  
  10904.                    .product-form__input input[type=radio]+label:before {
  10905.                        content: "";
  10906.                        position: absolute;
  10907.                        top: calc(var(--variant-pills-border-width) * -1);
  10908.                        right: calc(var(--variant-pills-border-width) * -1);
  10909.                        bottom: calc(var(--variant-pills-border-width) * -1);
  10910.                        left: calc(var(--variant-pills-border-width) * -1);
  10911.                        z-index: -1;
  10912.                        border-radius: var(--variant-pills-radius);
  10913.                        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))
  10914.                    }
  10915.  
  10916.                    .product-form__input input[type=radio]+label:hover {
  10917.                        border-color: rgb(var(--color-foreground))
  10918.                    }
  10919.  
  10920.                    .product-form__input input[type=radio]:checked+label {
  10921.                        background-color: rgb(var(--color-foreground));
  10922.                        color: rgb(var(--color-background))
  10923.                    }
  10924.  
  10925.                    .product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden {
  10926.                        display: none
  10927.                    }
  10928.  
  10929.                    @media screen and (forced-colors: active) {
  10930.                        .product-form__input input[type=radio]:checked+label {
  10931.                            text-decoration: underline
  10932.                        }
  10933.                    }
  10934.  
  10935.                    .product-form__input input[type=radio]:checked+label::selection {
  10936.                        background-color: rgba(var(--color-background), .3)
  10937.                    }
  10938.  
  10939.                    .product-form__input input[type=radio]:disabled+label,
  10940.                    .product-form__input input[type=radio].disabled+label {
  10941.                        border-color: rgba(var(--color-foreground), .1);
  10942.                        color: rgba(var(--color-foreground), .6);
  10943.                        text-decoration: line-through
  10944.                    }
  10945.  
  10946.                    .product-form__input input[type=radio].disabled:checked+label,
  10947.                    .product-form__input input[type=radio]:disabled:checked+label {
  10948.                        color: rgba(var(--color-background), .6)
  10949.                    }
  10950.  
  10951.                    .product-form__input input[type=radio]:focus-visible+label {
  10952.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10953.                    }
  10954.  
  10955.                    .product-form__input input[type=radio].focused+label,
  10956.                    .no-js .shopify-payment-button__button [role=button]:focus+label {
  10957.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10958.                    }
  10959.  
  10960.                    .no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {
  10961.                        box-shadow: none
  10962.                    }
  10963.  
  10964.                    .product-form__input .select {
  10965.                        max-width: 25rem
  10966.                    }
  10967.  
  10968.                    .product-form__submit {
  10969.                        margin-bottom: 1rem
  10970.                    }
  10971.  
  10972.                    .no-js .product-form__submit.button--secondary {
  10973.                        --color-button: inherit;
  10974.                        --color-button-text: inherit;
  10975.                        --alpha-button-background: 1
  10976.                    }
  10977.  
  10978.                    .product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled],
  10979.                    .product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {
  10980.                        cursor: not-allowed;
  10981.                        opacity: .5
  10982.                    }
  10983.  
  10984.                    @media screen and (forced-colors: active) {
  10985.                        .product-form__submit[aria-disabled=true] {
  10986.                            color: Window
  10987.                        }
  10988.                    }
  10989.  
  10990.                    .shopify-payment-button__more-options {
  10991.                        color: rgb(var(--color-foreground))
  10992.                    }
  10993.  
  10994.                    .shopify-payment-button__button {
  10995.                        font-size: 1.5rem;
  10996.                        letter-spacing: .1rem
  10997.                    }
  10998.  
  10999.                    .product__info-container>*+* {
  11000.                        margin: 1.5rem 0
  11001.                    }
  11002.  
  11003.                    .product__info-container iframe {
  11004.                        max-width: 100%
  11005.                    }
  11006.  
  11007.                    .product__info-container .product-form,
  11008.                    .product__info-container .product__description,
  11009.                    .product__info-container .icon-with-text {
  11010.                        margin: 2.5rem 0
  11011.                    }
  11012.  
  11013.                    .product__text {
  11014.                        margin-bottom: 0
  11015.                    }
  11016.  
  11017.                    a.product__text {
  11018.                        display: block;
  11019.                        text-decoration: none;
  11020.                        color: rgba(var(--color-foreground), .75)
  11021.                    }
  11022.  
  11023.                    .product__text.caption-with-letter-spacing {
  11024.                        text-transform: uppercase
  11025.                    }
  11026.  
  11027.                    .product__title {
  11028.                        word-break: break-word;
  11029.                        margin-bottom: 1.5rem
  11030.                    }
  11031.  
  11032.                    .product__title>* {
  11033.                        margin: 0
  11034.                    }
  11035.  
  11036.                    .product__title>a {
  11037.                        display: none
  11038.                    }
  11039.  
  11040.                    .product__title+.product__text.caption-with-letter-spacing {
  11041.                        margin-top: -1.5rem
  11042.                    }
  11043.  
  11044.                    .product__text.caption-with-letter-spacing+.product__title {
  11045.                        margin-top: 0
  11046.                    }
  11047.  
  11048.                    .product__accordion .accordion__content {
  11049.                        padding: 0 1rem
  11050.                    }
  11051.  
  11052.                    .product .price .badge,
  11053.                    .product .price__container {
  11054.                        margin-bottom: .5rem
  11055.                    }
  11056.  
  11057.                    .product .price dl {
  11058.                        margin-top: .5rem;
  11059.                        margin-bottom: .5rem
  11060.                    }
  11061.  
  11062.                    .product .price--sold-out .price__badge-sale {
  11063.                        display: none
  11064.                    }
  11065.  
  11066.                    @media screen and (min-width: 750px) {
  11067.                        .product__info-container {
  11068.                            max-width: 60rem
  11069.                        }
  11070.  
  11071.                        .product__info-container .price--on-sale .price-item--regular {
  11072.                            font-size: 1.6rem
  11073.                        }
  11074.  
  11075.                        .product__info-container>*:first-child {
  11076.                            margin-top: 0
  11077.                        }
  11078.                    }
  11079.  
  11080.                    .product__description-title {
  11081.                        font-weight: 600
  11082.                    }
  11083.  
  11084.                    .product--no-media .product__title,
  11085.                    .product--no-media .product__text,
  11086.                    .product--no-media noscript .product-form__input,
  11087.                    .product--no-media .product__tax,
  11088.                    .product--no-media .product__sku,
  11089.                    .product--no-media shopify-payment-terms {
  11090.                        text-align: center
  11091.                    }
  11092.  
  11093.                    .product--no-media .product__media-wrapper,
  11094.                    .product--no-media .product__info-wrapper {
  11095.                        padding: 0
  11096.                    }
  11097.  
  11098.                    .product__tax {
  11099.                        margin-top: -1.4rem
  11100.                    }
  11101.  
  11102.                    .product--no-media noscript .product-form__input,
  11103.                    .product--no-media .share-button {
  11104.                        max-width: 100%
  11105.                    }
  11106.  
  11107.                    .product--no-media fieldset.product-form__input,
  11108.                    .product--no-media .product-form__quantity,
  11109.                    .product--no-media .product-form__input--dropdown,
  11110.                    .product--no-media .share-button,
  11111.                    .product--no-media .product__view-details,
  11112.                    .product--no-media .product__pickup-availabilities,
  11113.                    .product--no-media .product-form {
  11114.                        display: flex;
  11115.                        align-items: center;
  11116.                        justify-content: center;
  11117.                        text-align: center
  11118.                    }
  11119.  
  11120.                    .product--no-media .product-form {
  11121.                        flex-direction: column
  11122.                    }
  11123.  
  11124.                    .product--no-media .product-form>.form {
  11125.                        max-width: 30rem;
  11126.                        width: 100%
  11127.                    }
  11128.  
  11129.                    .product--no-media .product-form__quantity,
  11130.                    .product--no-media .product-form__input--dropdown {
  11131.                        flex-direction: column;
  11132.                        max-width: 100%
  11133.                    }
  11134.  
  11135.                    .product-form__quantity .form__label {
  11136.                        margin-bottom: .6rem
  11137.                    }
  11138.  
  11139.                    .price-per-item__label.form__label {
  11140.                        margin-bottom: 0rem
  11141.                    }
  11142.  
  11143.                    .product-form__quantity-top .form__label {
  11144.                        margin-bottom: 1.2rem
  11145.                    }
  11146.  
  11147.                    .product--no-media fieldset.product-form__input {
  11148.                        flex-wrap: wrap;
  11149.                        margin: 0 auto 1.2rem
  11150.                    }
  11151.  
  11152.                    .product-form__buttons {
  11153.                        max-width: 44rem
  11154.                    }
  11155.  
  11156.                    .product--no-media .product__info-container>modal-opener {
  11157.                        display: block;
  11158.                        text-align: center
  11159.                    }
  11160.  
  11161.                    .product--no-media .product-popup-modal__button {
  11162.                        padding-right: 0
  11163.                    }
  11164.  
  11165.                    .product--no-media .price {
  11166.                        text-align: center
  11167.                    }
  11168.  
  11169.                    .product__media-list video {
  11170.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11171.                    }
  11172.  
  11173.                    @media screen and (max-width: 749px) {
  11174.                        .product__media-list {
  11175.                            margin-left: -2.5rem;
  11176.                            margin-bottom: 3rem;
  11177.                            width: calc(100% + 4rem)
  11178.                        }
  11179.  
  11180.                        .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
  11181.                            margin-left: -1.5rem;
  11182.                            margin-right: -1.5rem
  11183.                        }
  11184.  
  11185.                        .slider.product__media-list::-webkit-scrollbar {
  11186.                            height: .2rem;
  11187.                            width: .2rem
  11188.                        }
  11189.  
  11190.                        .product__media-list::-webkit-scrollbar-thumb {
  11191.                            background-color: rgb(var(--color-foreground))
  11192.                        }
  11193.  
  11194.                        .product__media-list::-webkit-scrollbar-track {
  11195.                            background-color: rgba(var(--color-foreground), .2)
  11196.                        }
  11197.  
  11198.                        .product__media-list .product__media-item {
  11199.                            width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))
  11200.                        }
  11201.  
  11202.                        .product--mobile-columns .product__media-item {
  11203.                            width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))
  11204.                        }
  11205.                    }
  11206.  
  11207.                    @media screen and (min-width: 750px) {
  11208.  
  11209.                        .product--thumbnail .product__media-list,
  11210.                        .product--thumbnail_slider .product__media-list {
  11211.                            padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))
  11212.                        }
  11213.  
  11214.                        .product__media-list {
  11215.                            padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))
  11216.                        }
  11217.  
  11218.                        .product--thumbnail .product__media-item:not(.is-active),
  11219.                        .product--thumbnail_slider .product__media-item:not(.is-active) {
  11220.                            display: none
  11221.                        }
  11222.  
  11223.                        .product-media-modal__content>.product__media-item--variant.product__media-item--variant {
  11224.                            display: none
  11225.                        }
  11226.  
  11227.                        .product-media-modal__content>.product__media-item--variant:first-child {
  11228.                            display: block
  11229.                        }
  11230.                    }
  11231.  
  11232.                    .product__media-item.product__media-item--variant {
  11233.                        display: none
  11234.                    }
  11235.  
  11236.                    .product__media-item--variant:first-child {
  11237.                        display: block
  11238.                    }
  11239.  
  11240.                    @media screen and (min-width: 750px) and (max-width: 989px) {
  11241.                        .product__media-list .product__media-item:first-child {
  11242.                            padding-left: 0
  11243.                        }
  11244.  
  11245.                        .product--thumbnail_slider .product__media-list {
  11246.                            margin-left: 0
  11247.                        }
  11248.  
  11249.                        .product__media-list .product__media-item {
  11250.                            width: 100%
  11251.                        }
  11252.                    }
  11253.  
  11254.                    .product__media-icon .icon {
  11255.                        width: 1.2rem;
  11256.                        height: 1.4rem
  11257.                    }
  11258.  
  11259.                    .product__media-icon,
  11260.                    .thumbnail__badge {
  11261.                        background-color: rgb(var(--color-background));
  11262.                        border-radius: 50%;
  11263.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11264.                        color: rgb(var(--color-foreground));
  11265.                        display: flex;
  11266.                        align-items: center;
  11267.                        justify-content: center;
  11268.                        height: 3rem;
  11269.                        width: 3rem;
  11270.                        position: absolute;
  11271.                        left: 1.2rem;
  11272.                        top: 1.2rem;
  11273.                        z-index: 1;
  11274.                        transition: color var(--duration-short) ease, opacity var(--duration-short) ease
  11275.                    }
  11276.  
  11277.                    .product__media-video .product__media-icon {
  11278.                        opacity: 1
  11279.                    }
  11280.  
  11281.                    .product__modal-opener--image .product__media-toggle:hover {
  11282.                        cursor: zoom-in
  11283.                    }
  11284.  
  11285.                    .product__modal-opener:hover .product__media-icon {
  11286.                        border: .1rem solid rgba(var(--color-foreground), .1)
  11287.                    }
  11288.  
  11289.                    @media screen and (min-width: 750px) {
  11290.                        .grid__item.product__media-item--full {
  11291.                            width: 100%
  11292.                        }
  11293.  
  11294.                        .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
  11295.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11296.                        }
  11297.  
  11298.                        .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
  11299.                            height: 5rem;
  11300.                            width: 5rem
  11301.                        }
  11302.  
  11303.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
  11304.                            height: 4.2rem;
  11305.                            width: 4.2rem
  11306.                        }
  11307.  
  11308.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11309.                            width: 1.8rem;
  11310.                            height: 1.8rem
  11311.                        }
  11312.  
  11313.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
  11314.                            height: 3.6rem;
  11315.                            width: 3.6rem
  11316.                        }
  11317.  
  11318.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11319.                            width: 1.6rem;
  11320.                            height: 1.6rem
  11321.                        }
  11322.                    }
  11323.  
  11324.                    @media screen and (min-width: 990px) {
  11325.                        .product--stacked .product__media-item {
  11326.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11327.                        }
  11328.  
  11329.                        .product:not(.product--columns) .product__media-list .product__media-item:first-child,
  11330.                        .product:not(.product--columns) .product__media-list .product__media-item--full {
  11331.                            width: 100%;
  11332.                            max-width: 100%
  11333.                        }
  11334.  
  11335.                        .product__modal-opener .product__media-icon {
  11336.                            opacity: 0
  11337.                        }
  11338.  
  11339.                        .product__modal-opener:hover .product__media-icon,
  11340.                        .product__modal-opener:focus .product__media-icon {
  11341.                            opacity: 1
  11342.                        }
  11343.                    }
  11344.  
  11345.                    .product__media-item>* {
  11346.                        display: block;
  11347.                        position: relative
  11348.                    }
  11349.  
  11350.                    .product__media-toggle {
  11351.                        display: flex;
  11352.                        border: none;
  11353.                        background-color: transparent;
  11354.                        color: currentColor;
  11355.                        padding: 0
  11356.                    }
  11357.  
  11358.                    .product__media-toggle:after {
  11359.                        content: "";
  11360.                        cursor: pointer;
  11361.                        display: block;
  11362.                        margin: 0;
  11363.                        padding: 0;
  11364.                        position: absolute;
  11365.                        top: calc(var(--border-width) * -1);
  11366.                        right: calc(var(--border-width) * -1);
  11367.                        bottom: calc(var(--border-width) * -1);
  11368.                        left: calc(var(--border-width) * -1);
  11369.                        z-index: 2
  11370.                    }
  11371.  
  11372.                    .product__media-toggle:focus-visible {
  11373.                        outline: 0;
  11374.                        box-shadow: none
  11375.                    }
  11376.  
  11377.                    @media (forced-colors: active) {
  11378.  
  11379.                        .product__media-toggle:focus-visible,
  11380.                        .product__media-toggle:focus-visible:after,
  11381.                        .product-form__input input[type=radio]:focus-visible+label {
  11382.                            outline: transparent solid 1px;
  11383.                            outline-offset: 2px
  11384.                        }
  11385.                    }
  11386.  
  11387.                    .product__media-toggle.focused {
  11388.                        outline: 0;
  11389.                        box-shadow: none
  11390.                    }
  11391.  
  11392.                    .product__media-toggle:focus-visible:after {
  11393.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11394.                        border-radius: var(--media-radius)
  11395.                    }
  11396.  
  11397.                    .product__media-toggle.focused:after {
  11398.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11399.                        border-radius: var(--media-radius)
  11400.                    }
  11401.  
  11402.                    .product-media-modal {
  11403.                        background-color: rgb(var(--color-background));
  11404.                        height: 100%;
  11405.                        position: fixed;
  11406.                        top: 0;
  11407.                        left: 0;
  11408.                        width: 100%;
  11409.                        visibility: hidden;
  11410.                        opacity: 0;
  11411.                        z-index: -1
  11412.                    }
  11413.  
  11414.                    .product-media-modal[open] {
  11415.                        visibility: visible;
  11416.                        opacity: 1;
  11417.                        z-index: 101
  11418.                    }
  11419.  
  11420.                    .product-media-modal__dialog {
  11421.                        display: flex;
  11422.                        align-items: center;
  11423.                        height: 100vh
  11424.                    }
  11425.  
  11426.                    .product-media-modal__content {
  11427.                        max-height: 100vh;
  11428.                        width: 100%;
  11429.                        overflow: auto
  11430.                    }
  11431.  
  11432.                    .product-media-modal__content>*:not(.active),
  11433.                    .product__media-list .deferred-media {
  11434.                        display: none
  11435.                    }
  11436.  
  11437.                    @media screen and (min-width: 750px) {
  11438.                        .product-media-modal__content {
  11439.                            padding-bottom: 2rem
  11440.                        }
  11441.  
  11442.                        .product-media-modal__content>*:not(.active) {
  11443.                            display: block
  11444.                        }
  11445.  
  11446.                        .product__modal-opener:not(.product__modal-opener--image) {
  11447.                            display: none
  11448.                        }
  11449.  
  11450.                        .product__media-list .deferred-media {
  11451.                            display: block
  11452.                        }
  11453.                    }
  11454.  
  11455.                    @media screen and (max-width: 749px) {
  11456.  
  11457.                        .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),
  11458.                        .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
  11459.                            display: none
  11460.                        }
  11461.  
  11462.                        .product--thumbnail .is-active .deferred-media,
  11463.                        .product--thumbnail_slider .is-active .deferred-media {
  11464.                            display: block;
  11465.                            width: 100%
  11466.                        }
  11467.                    }
  11468.  
  11469.                    .product-media-modal__content>* {
  11470.                        display: block;
  11471.                        height: auto;
  11472.                        margin: auto
  11473.                    }
  11474.  
  11475.                    .product-media-modal__content .media {
  11476.                        background: none
  11477.                    }
  11478.  
  11479.                    .product-media-modal__model {
  11480.                        width: 100%
  11481.                    }
  11482.  
  11483.                    .product-media-modal__toggle {
  11484.                        background-color: rgb(var(--color-background));
  11485.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11486.                        border-radius: 50%;
  11487.                        color: rgba(var(--color-foreground), .55);
  11488.                        display: flex;
  11489.                        align-items: center;
  11490.                        justify-content: center;
  11491.                        cursor: pointer;
  11492.                        right: 2rem;
  11493.                        padding: 1.2rem;
  11494.                        position: fixed;
  11495.                        z-index: 2;
  11496.                        top: 2rem;
  11497.                        width: 4rem
  11498.                    }
  11499.  
  11500.                    .product-media-modal__content .deferred-media {
  11501.                        width: 100%
  11502.                    }
  11503.  
  11504.                    @media screen and (min-width: 750px) {
  11505.                        .product-media-modal__content {
  11506.                            padding: 2rem 11rem
  11507.                        }
  11508.  
  11509.                        .product-media-modal__content>* {
  11510.                            width: 100%
  11511.                        }
  11512.  
  11513.                        .product-media-modal__content>*+* {
  11514.                            margin-top: 2rem
  11515.                        }
  11516.  
  11517.                        .product-media-modal__toggle {
  11518.                            right: 5rem;
  11519.                            top: 2.2rem
  11520.                        }
  11521.                    }
  11522.  
  11523.                    @media screen and (min-width: 990px) {
  11524.                        .product-media-modal__content {
  11525.                            padding: 2rem 11rem
  11526.                        }
  11527.  
  11528.                        .product-media-modal__content>*+* {
  11529.                            margin-top: 1.5rem
  11530.                        }
  11531.  
  11532.                        .product-media-modal__content {
  11533.                            padding-bottom: 1.5rem
  11534.                        }
  11535.  
  11536.                        .product-media-modal__toggle {
  11537.                            right: 5rem
  11538.                        }
  11539.                    }
  11540.  
  11541.                    .product-media-modal__toggle:hover {
  11542.                        color: rgba(var(--color-foreground), .75)
  11543.                    }
  11544.  
  11545.                    .product-media-modal__toggle .icon {
  11546.                        height: auto;
  11547.                        margin: 0;
  11548.                        width: 2.2rem
  11549.                    }
  11550.  
  11551.                    .product-popup-modal {
  11552.                        box-sizing: border-box;
  11553.                        opacity: 0;
  11554.                        position: fixed;
  11555.                        visibility: hidden;
  11556.                        z-index: -1;
  11557.                        margin: 0 auto;
  11558.                        top: 0;
  11559.                        left: 0;
  11560.                        overflow: auto;
  11561.                        width: 100%;
  11562.                        background: rgba(var(--color-foreground), .2);
  11563.                        height: 100%
  11564.                    }
  11565.  
  11566.                    .product-popup-modal[open] {
  11567.                        opacity: 1;
  11568.                        visibility: visible;
  11569.                        z-index: 101
  11570.                    }
  11571.  
  11572.                    .product-popup-modal__content {
  11573.                        border-radius: var(--popup-corner-radius);
  11574.                        background-color: rgb(var(--color-background));
  11575.                        overflow: auto;
  11576.                        height: 80%;
  11577.                        margin: 0 auto;
  11578.                        left: 50%;
  11579.                        transform: translate(-50%);
  11580.                        margin-top: 5rem;
  11581.                        width: 92%;
  11582.                        position: absolute;
  11583.                        top: 0;
  11584.                        padding: 0 1.5rem 0 3rem;
  11585.                        border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  11586.                        border-style: solid;
  11587.                        border-width: var(--popup-border-width);
  11588.                        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))
  11589.                    }
  11590.  
  11591.                    .product-popup-modal__content.focused {
  11592.                        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))
  11593.                    }
  11594.  
  11595.                    .product-popup-modal__content:focus-visible {
  11596.                        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))
  11597.                    }
  11598.  
  11599.                    @media screen and (min-width: 750px) {
  11600.                        .product-popup-modal__content {
  11601.                            padding-right: 1.5rem;
  11602.                            margin-top: 10rem;
  11603.                            width: 70%;
  11604.                            padding: 0 3rem
  11605.                        }
  11606.  
  11607.                        .product-media-modal__dialog .global-media-settings--no-shadow {
  11608.                            overflow: visible !important
  11609.                        }
  11610.                    }
  11611.  
  11612.                    .product-popup-modal__content img {
  11613.                        max-width: 100%
  11614.                    }
  11615.  
  11616.                    @media screen and (max-width: 749px) {
  11617.                        .product-popup-modal__content table {
  11618.                            display: block;
  11619.                            max-width: fit-content;
  11620.                            overflow-x: auto;
  11621.                            white-space: nowrap;
  11622.                            margin: 0
  11623.                        }
  11624.  
  11625.                        .product-media-modal__dialog .global-media-settings,
  11626.                        .product-media-modal__dialog .global-media-settings video,
  11627.                        .product-media-modal__dialog .global-media-settings model-viewer,
  11628.                        .product-media-modal__dialog .global-media-settings iframe,
  11629.                        .product-media-modal__dialog .global-media-settings img {
  11630.                            border: none;
  11631.                            border-radius: 0
  11632.                        }
  11633.                    }
  11634.  
  11635.                    .product-popup-modal__opener {
  11636.                        display: inline-block
  11637.                    }
  11638.  
  11639.                    .product-popup-modal__button {
  11640.                        font-size: 1.6rem;
  11641.                        padding-right: 1.3rem;
  11642.                        padding-left: 0;
  11643.                        min-height: 4.4rem;
  11644.                        text-underline-offset: .3rem;
  11645.                        text-decoration-thickness: .1rem;
  11646.                        transition: text-decoration-thickness var(--duration-short) ease
  11647.                    }
  11648.  
  11649.                    .product-popup-modal__button:hover {
  11650.                        text-decoration-thickness: .2rem
  11651.                    }
  11652.  
  11653.                    .product-popup-modal__content-info {
  11654.                        padding-right: 4.4rem
  11655.                    }
  11656.  
  11657.                    .product-popup-modal__content-info>* {
  11658.                        height: auto;
  11659.                        margin: 0 auto;
  11660.                        max-width: 100%;
  11661.                        width: 100%
  11662.                    }
  11663.  
  11664.                    @media screen and (max-width: 749px) {
  11665.                        .product-popup-modal__content-info>* {
  11666.                            max-height: 100%
  11667.                        }
  11668.                    }
  11669.  
  11670.                    .product-popup-modal__toggle {
  11671.                        background-color: rgb(var(--color-background));
  11672.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11673.                        border-radius: 50%;
  11674.                        color: rgba(var(--color-foreground), .55);
  11675.                        display: flex;
  11676.                        align-items: center;
  11677.                        justify-content: center;
  11678.                        cursor: pointer;
  11679.                        position: sticky;
  11680.                        padding: 1.2rem;
  11681.                        z-index: 2;
  11682.                        top: 1.5rem;
  11683.                        width: 4rem;
  11684.                        margin: 0 0 0 auto
  11685.                    }
  11686.  
  11687.                    .product-popup-modal__toggle:hover {
  11688.                        color: rgba(var(--color-foreground), .75)
  11689.                    }
  11690.  
  11691.                    .product-popup-modal__toggle .icon {
  11692.                        height: auto;
  11693.                        margin: 0;
  11694.                        width: 2.2rem
  11695.                    }
  11696.  
  11697.                    .product__media-list .media>* {
  11698.                        overflow: hidden
  11699.                    }
  11700.  
  11701.                    .thumbnail-list {
  11702.                        flex-wrap: wrap;
  11703.                        grid-gap: 1rem
  11704.                    }
  11705.  
  11706.                    .slider--mobile.thumbnail-list:after {
  11707.                        content: none
  11708.                    }
  11709.  
  11710.                    @media screen and (min-width: 750px) {
  11711.                        .product--stacked .thumbnail-list {
  11712.                            display: none
  11713.                        }
  11714.  
  11715.                        .thumbnail-list {
  11716.                            display: grid;
  11717.                            grid-template-columns: repeat(4, 1fr)
  11718.                        }
  11719.                    }
  11720.  
  11721.                    .thumbnail-list_item--variant:not(:first-child) {
  11722.                        display: none
  11723.                    }
  11724.  
  11725.                    @media screen and (min-width: 990px) {
  11726.                        .thumbnail-list {
  11727.                            grid-template-columns: repeat(4, 1fr)
  11728.                        }
  11729.  
  11730.                        .product--medium .thumbnail-list {
  11731.                            grid-template-columns: repeat(5, 1fr)
  11732.                        }
  11733.  
  11734.                        .product--large .thumbnail-list {
  11735.                            grid-template-columns: repeat(6, 1fr)
  11736.                        }
  11737.                    }
  11738.  
  11739.                    @media screen and (max-width: 749px) {
  11740.                        .product__media-item {
  11741.                            display: flex;
  11742.                            align-items: center
  11743.                        }
  11744.  
  11745.                        .product__modal-opener {
  11746.                            width: 100%
  11747.                        }
  11748.  
  11749.                        .thumbnail-slider {
  11750.                            display: flex;
  11751.                            align-items: center
  11752.                        }
  11753.  
  11754.                        .thumbnail-slider .thumbnail-list.slider {
  11755.                            display: flex;
  11756.                            padding: .5rem;
  11757.                            flex: 1;
  11758.                            scroll-padding-left: .5rem
  11759.                        }
  11760.  
  11761.                        .thumbnail-list__item.slider__slide {
  11762.                            width: calc(33% - .6rem)
  11763.                        }
  11764.                    }
  11765.  
  11766.                    @media screen and (min-width: 750px) {
  11767.                        .product--thumbnail_slider .thumbnail-slider {
  11768.                            display: flex;
  11769.                            align-items: center
  11770.                        }
  11771.  
  11772.                        .thumbnail-slider .thumbnail-list.slider--tablet-up {
  11773.                            display: flex;
  11774.                            padding: .5rem;
  11775.                            flex: 1;
  11776.                            scroll-padding-left: .5rem
  11777.                        }
  11778.  
  11779.                        .product__media-wrapper .slider-mobile-gutter .slider-button {
  11780.                            display: none
  11781.                        }
  11782.  
  11783.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11784.                            width: calc(25% - .8rem)
  11785.                        }
  11786.  
  11787.                        .product--thumbnail_slider .slider-mobile-gutter .slider-button {
  11788.                            display: flex
  11789.                        }
  11790.                    }
  11791.  
  11792.                    @media screen and (min-width: 900px) {
  11793.                        .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11794.                            width: calc(25% - .8rem)
  11795.                        }
  11796.  
  11797.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11798.                            width: calc(20% - .8rem)
  11799.                        }
  11800.                    }
  11801.  
  11802.                    .thumbnail {
  11803.                        position: absolute;
  11804.                        top: 0;
  11805.                        left: 0;
  11806.                        display: block;
  11807.                        height: 100%;
  11808.                        width: 100%;
  11809.                        padding: 0;
  11810.                        color: rgb(var(--color-foreground));
  11811.                        cursor: pointer;
  11812.                        background-color: transparent
  11813.                    }
  11814.  
  11815.                    .thumbnail:hover {
  11816.                        opacity: .7
  11817.                    }
  11818.  
  11819.                    .thumbnail.global-media-settings img {
  11820.                        border-radius: 0
  11821.                    }
  11822.  
  11823.                    .thumbnail[aria-current] {
  11824.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
  11825.                        border-color: rgb(var(--color-foreground))
  11826.                    }
  11827.  
  11828.                    .image-magnify-full-size {
  11829.                        cursor: zoom-out;
  11830.                        z-index: 1;
  11831.                        margin: 0;
  11832.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11833.                    }
  11834.  
  11835.                    .image-magnify-hover {
  11836.                        cursor: zoom-in
  11837.                    }
  11838.  
  11839.                    .product__modal-opener--image .product__media-zoom-none,
  11840.                    .product__media-icon--none {
  11841.                        display: none
  11842.                    }
  11843.  
  11844.                    .product__modal-opener>.loading__spinner {
  11845.                        top: 50%;
  11846.                        left: 50%;
  11847.                        transform: translate(-50%, -50%);
  11848.                        position: absolute;
  11849.                        display: flex;
  11850.                        align-items: center;
  11851.                        height: 48px;
  11852.                        width: 48px
  11853.                    }
  11854.  
  11855.                    .product__modal-opener .path {
  11856.                        stroke: rgb(var(--color-button));
  11857.                        opacity: .75
  11858.                    }
  11859.  
  11860.                    @media (hover: hover) {
  11861.  
  11862.                        .product__media-zoom-hover,
  11863.                        .product__media-icon--hover {
  11864.                            display: none
  11865.                        }
  11866.                    }
  11867.  
  11868.                    @media screen and (max-width: 749px) {
  11869.  
  11870.                        .product__media-zoom-hover,
  11871.                        .product__media-icon--hover {
  11872.                            display: flex
  11873.                        }
  11874.                    }
  11875.  
  11876.                    .js .product__media {
  11877.                        overflow: hidden !important
  11878.                    }
  11879.  
  11880.                    .thumbnail[aria-current]:focus-visible {
  11881.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11882.                    }
  11883.  
  11884.                    .thumbnail[aria-current]:focus,
  11885.                    .thumbnail.focused {
  11886.                        outline: 0;
  11887.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11888.                    }
  11889.  
  11890.                    @media (forced-colors: active) {
  11891.  
  11892.                        .thumbnail[aria-current]:focus,
  11893.                        .thumbnail.focused {
  11894.                            outline: transparent solid 1px
  11895.                        }
  11896.                    }
  11897.  
  11898.                    .thumbnail[aria-current]:focus:not(:focus-visible) {
  11899.                        outline: 0;
  11900.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground))
  11901.                    }
  11902.  
  11903.                    .thumbnail img {
  11904.                        object-fit: cover;
  11905.                        width: 100%;
  11906.                        height: 100%;
  11907.                        pointer-events: none
  11908.                    }
  11909.  
  11910.                    .thumbnail__badge .icon {
  11911.                        width: 1rem;
  11912.                        height: 1rem
  11913.                    }
  11914.  
  11915.                    .thumbnail__badge .icon-3d-model {
  11916.                        width: 1.2rem;
  11917.                        height: 1.2rem
  11918.                    }
  11919.  
  11920.                    .thumbnail__badge {
  11921.                        color: rgb(var(--color-foreground), .6);
  11922.                        height: 2rem;
  11923.                        width: 2rem;
  11924.                        left: auto;
  11925.                        right: calc(.4rem + var(--media-border-width));
  11926.                        top: calc(.4rem + var(--media-border-width))
  11927.                    }
  11928.  
  11929.                    @media screen and (min-width: 750px) {
  11930.                        .product:not(.product--small) .thumbnail__badge {
  11931.                            height: 3rem;
  11932.                            width: 3rem
  11933.                        }
  11934.  
  11935.                        .product:not(.product--small) .thumbnail__badge .icon {
  11936.                            width: 1.2rem;
  11937.                            height: 1.2rem
  11938.                        }
  11939.  
  11940.                        .product:not(.product--small) .thumbnail__badge .icon-3d-model {
  11941.                            width: 1.4rem;
  11942.                            height: 1.4rem
  11943.                        }
  11944.                    }
  11945.  
  11946.                    .thumbnail-list__item {
  11947.                        position: relative
  11948.                    }
  11949.  
  11950.                    .thumbnail-list__item:before {
  11951.                        content: "";
  11952.                        display: block;
  11953.                        padding-bottom: 100%
  11954.                    }
  11955.  
  11956.                    .product:not(.featured-product) .product__view-details {
  11957.                        display: none
  11958.                    }
  11959.  
  11960.                    .product__view-details {
  11961.                        display: block;
  11962.                        text-decoration: none
  11963.                    }
  11964.  
  11965.                    .product__view-details:hover {
  11966.                        text-decoration: underline;
  11967.                        text-underline-offset: .3rem
  11968.                    }
  11969.  
  11970.                    .product__view-details .icon {
  11971.                        width: 1.2rem;
  11972.                        margin-left: 1.2rem;
  11973.                        flex-shrink: 0
  11974.                    }
  11975.  
  11976.                    .product__inventory {
  11977.                        display: flex;
  11978.                        align-items: center;
  11979.                        gap: .5rem
  11980.                    }
  11981.  
  11982.                    .product--no-media .product__inventory {
  11983.                        justify-content: center
  11984.                    }
  11985.  
  11986.                    .product__inventory.visibility-hidden:empty {
  11987.                        display: block
  11988.                    }
  11989.  
  11990.                    .product__inventory.visibility-hidden:empty:after {
  11991.                        content: "#"
  11992.                    }
  11993.  
  11994.                    .icon-with-text {
  11995.                        --icon-size: calc(var(--font-heading-scale) * 3rem);
  11996.                        --icon-spacing: calc(var(--font-heading-scale) * 1rem)
  11997.                    }
  11998.  
  11999.                    .icon-with-text--horizontal {
  12000.                        display: flex;
  12001.                        justify-content: center;
  12002.                        column-gap: 3rem;
  12003.                        flex-direction: row
  12004.                    }
  12005.  
  12006.                    .icon-with-text--vertical {
  12007.                        --icon-size: calc(var(--font-heading-scale) * 2rem)
  12008.                    }
  12009.  
  12010.                    .icon-with-text .icon {
  12011.                        fill: rgb(var(--color-foreground));
  12012.                        height: var(--icon-size);
  12013.                        width: var(--icon-size)
  12014.                    }
  12015.  
  12016.                    .icon-with-text--horizontal .icon,
  12017.                    .icon-with-text--horizontal img {
  12018.                        margin-bottom: var(--icon-spacing)
  12019.                    }
  12020.  
  12021.                    .icon-with-text--vertical .icon {
  12022.                        min-height: var(--icon-size);
  12023.                        min-width: var(--icon-size);
  12024.                        margin-right: var(--icon-spacing)
  12025.                    }
  12026.  
  12027.                    .icon-with-text img {
  12028.                        height: var(--icon-size);
  12029.                        width: var(--icon-size);
  12030.                        object-fit: contain
  12031.                    }
  12032.  
  12033.                    .icon-with-text--vertical img {
  12034.                        margin-right: var(--icon-spacing)
  12035.                    }
  12036.  
  12037.                    .icon-with-text--horizontal .h4 {
  12038.                        padding-top: calc(var(--icon-size) + var(--icon-spacing));
  12039.                        text-align: center
  12040.                    }
  12041.  
  12042.                    .icon-with-text--horizontal svg+.h4,
  12043.                    .icon-with-text--horizontal img+.h4,
  12044.                    .icon-with-text--horizontal.icon-with-text--text-only .h4 {
  12045.                        padding-top: 0
  12046.                    }
  12047.  
  12048.                    .icon-with-text__item {
  12049.                        display: flex;
  12050.                        align-items: center
  12051.                    }
  12052.  
  12053.                    .icon-with-text--horizontal .icon-with-text__item {
  12054.                        flex-direction: column;
  12055.                        width: 33%
  12056.                    }
  12057.  
  12058.                    .icon-with-text--vertical .icon-with-text__item {
  12059.                        margin-bottom: var(--icon-size)
  12060.                    }
  12061.  
  12062.                    .product__sku.visibility-hidden:after {
  12063.                        content: "#"
  12064.                    }
  12065.  
  12066.                    .product-media-container {
  12067.                        --aspect-ratio: var(--preview-ratio);
  12068.                        --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  12069.                        position: relative;
  12070.                        width: 100%;
  12071.                        max-width: calc(100% - calc(var(--media-border-width) * 2))
  12072.                    }
  12073.  
  12074.                    .product-media-container.constrain-height {
  12075.                        --viewport-offset: 400px;
  12076.                        --constrained-min-height: 300px;
  12077.                        --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));
  12078.                        margin-right: auto;
  12079.                        margin-left: auto
  12080.                    }
  12081.  
  12082.                    .product-media-container.constrain-height.media-fit-contain {
  12083.                        --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  12084.                        width: min(var(--contained-width), 100%)
  12085.                    }
  12086.  
  12087.                    .product-media-container .media {
  12088.                        padding-top: var(--ratio-percent)
  12089.                    }
  12090.  
  12091.                    .product-media-container.constrain-height .media {
  12092.                        padding-top: min(var(--constrained-height), var(--ratio-percent))
  12093.                    }
  12094.  
  12095.                    @media screen and (max-width: 749px) {
  12096.                        .product-media-container.media-fit-cover {
  12097.                            display: flex;
  12098.                            align-self: stretch
  12099.                        }
  12100.  
  12101.                        .product-media-container.media-fit-cover .media {
  12102.                            position: initial
  12103.                        }
  12104.                    }
  12105.  
  12106.                    @media screen and (min-width: 750px) {
  12107.                        .product-media-container {
  12108.                            max-width: 100%
  12109.                        }
  12110.  
  12111.                        .product-media-container:not(.media-type-image) {
  12112.                            --aspect-ratio: var(--ratio)
  12113.                        }
  12114.  
  12115.                        .product-media-container.constrain-height {
  12116.                            --viewport-offset: 170px;
  12117.                            --constrained-min-height: 500px
  12118.                        }
  12119.  
  12120.                        .product-media-container.media-fit-cover,
  12121.                        .product-media-container.media-fit-cover .product__modal-opener,
  12122.                        .product-media-container.media-fit-cover .media {
  12123.                            height: 100%
  12124.                        }
  12125.  
  12126.                        .product-media-container.media-fit-cover .deferred-media__poster img {
  12127.                            object-fit: cover;
  12128.                            width: 100%
  12129.                        }
  12130.                    }
  12131.  
  12132.                    .product-media-container .product__modal-opener {
  12133.                        display: block;
  12134.                        position: relative
  12135.                    }
  12136.  
  12137.                    @media screen and (min-width: 750px) {
  12138.                        .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
  12139.                            display: none
  12140.                        }
  12141.                    }
  12142.  
  12143.                    .recipient-form {
  12144.                        --recipient-checkbox-margin-top: .64rem;
  12145.                        display: block;
  12146.                        position: relative;
  12147.                        max-width: 44rem;
  12148.                        margin-bottom: 2.5rem
  12149.                    }
  12150.  
  12151.                    .recipient-form-field-label {
  12152.                        margin: .6rem 0
  12153.                    }
  12154.  
  12155.                    .recipient-form-field-label--space-between {
  12156.                        display: flex;
  12157.                        justify-content: space-between
  12158.                    }
  12159.  
  12160.                    .recipient-checkbox {
  12161.                        flex-grow: 1;
  12162.                        font-size: 1.6rem;
  12163.                        display: flex;
  12164.                        word-break: break-word;
  12165.                        align-items: flex-start;
  12166.                        max-width: inherit;
  12167.                        position: relative;
  12168.                        cursor: pointer
  12169.                    }
  12170.  
  12171.                    .no-js .recipient-checkbox {
  12172.                        display: none
  12173.                    }
  12174.  
  12175.                    .recipient-form>input[type=checkbox] {
  12176.                        position: absolute;
  12177.                        width: 1.6rem;
  12178.                        height: 1.6rem;
  12179.                        margin: var(--recipient-checkbox-margin-top) 0;
  12180.                        top: 0;
  12181.                        left: 0;
  12182.                        z-index: -1;
  12183.                        appearance: none;
  12184.                        -webkit-appearance: none
  12185.                    }
  12186.  
  12187.                    .recipient-fields__field {
  12188.                        margin: 0 0 2rem
  12189.                    }
  12190.  
  12191.                    .recipient-fields .field__label {
  12192.                        white-space: nowrap;
  12193.                        text-overflow: ellipsis;
  12194.                        max-width: calc(100% - 3.5rem);
  12195.                        overflow: hidden
  12196.                    }
  12197.  
  12198.                    .recipient-checkbox>svg {
  12199.                        margin-top: var(--recipient-checkbox-margin-top);
  12200.                        margin-right: 1.2rem;
  12201.                        flex-shrink: 0
  12202.                    }
  12203.  
  12204.                    .recipient-form .icon-checkmark {
  12205.                        visibility: hidden;
  12206.                        position: absolute;
  12207.                        left: .28rem;
  12208.                        z-index: 5;
  12209.                        top: .4rem
  12210.                    }
  12211.  
  12212.                    .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12213.                        visibility: visible
  12214.                    }
  12215.  
  12216.                    .js .recipient-fields {
  12217.                        display: none
  12218.                    }
  12219.  
  12220.                    .recipient-fields hr {
  12221.                        margin: 1.6rem auto
  12222.                    }
  12223.  
  12224.                    .recipient-form>input[type=checkbox]:checked~.recipient-fields {
  12225.                        display: block;
  12226.                        animation: animateMenuOpen var(--duration-default) ease
  12227.                    }
  12228.  
  12229.                    .recipient-form>input[type=checkbox]:not(:checked, :disabled)~.recipient-fields,
  12230.                    .recipient-email-label {
  12231.                        display: none
  12232.                    }
  12233.  
  12234.                    .js .recipient-email-label.required,
  12235.                    .no-js .recipient-email-label.optional {
  12236.                        display: inline
  12237.                    }
  12238.  
  12239.                    .recipient-form ul {
  12240.                        line-height: calc(1 + .6 / var(--font-body-scale));
  12241.                        padding-left: 4.4rem;
  12242.                        text-align: left
  12243.                    }
  12244.  
  12245.                    .recipient-form ul a {
  12246.                        display: inline
  12247.                    }
  12248.  
  12249.                    .recipient-form .error-message:first-letter {
  12250.                        text-transform: capitalize
  12251.                    }
  12252.  
  12253.                    @media screen and (forced-colors: active) {
  12254.                        .recipient-fields>hr {
  12255.                            border-top: .1rem solid rgb(var(--color-background))
  12256.                        }
  12257.  
  12258.                        .recipient-checkbox>svg {
  12259.                            background-color: inherit;
  12260.                            border: .1rem solid rgb(var(--color-background))
  12261.                        }
  12262.  
  12263.                        .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12264.                            border: none
  12265.                        }
  12266.                    }
  12267.                </style>
  12268.                <style>
  12269.                    .accordion summary {
  12270.                        display: flex;
  12271.                        position: relative;
  12272.                        line-height: 1;
  12273.                        padding: 1.5rem 0
  12274.                    }
  12275.  
  12276.                    .accordion .summary__title {
  12277.                        display: flex;
  12278.                        flex: 1
  12279.                    }
  12280.  
  12281.                    .accordion .summary__title+.icon-caret {
  12282.                        height: calc(var(--font-heading-scale) * .6rem)
  12283.                    }
  12284.  
  12285.                    .accordion+.accordion {
  12286.                        margin-top: 0;
  12287.                        border-top: none
  12288.                    }
  12289.  
  12290.                    .accordion {
  12291.                        margin-top: 2.5rem;
  12292.                        margin-bottom: 0;
  12293.                        border-top: .1rem solid rgba(var(--color-foreground), .08);
  12294.                        border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  12295.                    }
  12296.  
  12297.                    .accordion__title {
  12298.                        display: inline-block;
  12299.                        max-width: calc(100% - 6rem);
  12300.                        min-height: 1.6rem;
  12301.                        margin: 0;
  12302.                        word-break: break-word
  12303.                    }
  12304.  
  12305.                    .accordion .icon-accordion {
  12306.                        align-self: center;
  12307.                        fill: rgb(var(--color-foreground));
  12308.                        height: calc(var(--font-heading-scale) * 2rem);
  12309.                        margin-right: calc(var(--font-heading-scale) * 1rem);
  12310.                        width: calc(var(--font-heading-scale) * 2rem)
  12311.                    }
  12312.  
  12313.                    .accordion details[open]>summary .icon-caret {
  12314.                        transform: rotate(180deg)
  12315.                    }
  12316.  
  12317.                    .accordion__content {
  12318.                        margin-bottom: 1.5rem;
  12319.                        word-break: break-word;
  12320.                        overflow-x: auto;
  12321.                        padding: 0 .6rem
  12322.                    }
  12323.  
  12324.                    .accordion__content img {
  12325.                        max-width: 100%
  12326.                    }
  12327.                </style>
  12328.                <style>
  12329.                    .price {
  12330.                        font-size: 1.6rem;
  12331.                        letter-spacing: .1rem;
  12332.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12333.                        color: rgb(var(--color-foreground))
  12334.                    }
  12335.  
  12336.                    .price>* {
  12337.                        display: inline-block;
  12338.                        vertical-align: top
  12339.                    }
  12340.  
  12341.                    .price.price--unavailable {
  12342.                        visibility: hidden
  12343.                    }
  12344.  
  12345.                    .price--end {
  12346.                        text-align: right
  12347.                    }
  12348.  
  12349.                    .price .price-item {
  12350.                        display: inline-block;
  12351.                        margin: 0 1rem 0 0
  12352.                    }
  12353.  
  12354.                    .price__regular .price-item--regular {
  12355.                        margin-right: 0
  12356.                    }
  12357.  
  12358.                    .price:not(.price--show-badge) .price-item--last:last-of-type {
  12359.                        margin: 0
  12360.                    }
  12361.  
  12362.                    @media screen and (min-width: 750px) {
  12363.                        .price {
  12364.                            margin-bottom: 0
  12365.                        }
  12366.                    }
  12367.  
  12368.                    .price--large {
  12369.                        font-size: 1.6rem;
  12370.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12371.                        letter-spacing: .13rem
  12372.                    }
  12373.  
  12374.                    @media screen and (min-width: 750px) {
  12375.                        .price--large {
  12376.                            font-size: 1.8rem
  12377.                        }
  12378.                    }
  12379.  
  12380.                    .price--sold-out .price__availability,
  12381.                    .price__regular {
  12382.                        display: block
  12383.                    }
  12384.  
  12385.                    .price__sale,
  12386.                    .price__availability,
  12387.                    .price .price__badge-sale,
  12388.                    .price .price__badge-sold-out,
  12389.                    .price--on-sale .price__regular,
  12390.                    .price--on-sale .price__availability {
  12391.                        display: none
  12392.                    }
  12393.  
  12394.                    .price--sold-out .price__badge-sold-out,
  12395.                    .price--on-sale .price__badge-sale,
  12396.                    .volume-pricing--sale-badge .price__badge-sale {
  12397.                        display: inline-block
  12398.                    }
  12399.  
  12400.                    .volume-pricing--sale-badge .price__badge-sale {
  12401.                        margin-left: .5rem
  12402.                    }
  12403.  
  12404.                    .price--on-sale .price__sale {
  12405.                        display: initial;
  12406.                        flex-direction: row;
  12407.                        flex-wrap: wrap
  12408.                    }
  12409.  
  12410.                    .price--center {
  12411.                        display: initial;
  12412.                        justify-content: center
  12413.                    }
  12414.  
  12415.                    .price--on-sale .price-item--regular {
  12416.                        text-decoration: line-through;
  12417.                        color: rgba(var(--color-foreground), .75);
  12418.                        font-size: 1.3rem
  12419.                    }
  12420.  
  12421.                    .unit-price {
  12422.                        display: block;
  12423.                        font-size: 1.1rem;
  12424.                        letter-spacing: .04rem;
  12425.                        line-height: calc(1 + .2 / var(--font-body-scale));
  12426.                        margin-top: .2rem;
  12427.                        text-transform: uppercase;
  12428.                        color: rgba(var(--color-foreground), .7)
  12429.                    }
  12430.                </style>
  12431.                <style>
  12432.                    slider-component {
  12433.                        --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  12434.                        position: relative;
  12435.                        display: block
  12436.                    }
  12437.  
  12438.                    slider-component.slider-component-full-width {
  12439.                        --desktop-margin-left-first-item: 1.5rem
  12440.                    }
  12441.  
  12442.                    @media screen and (max-width: 749px) {
  12443.                        slider-component.page-width {
  12444.                            padding: 0 1.5rem
  12445.                        }
  12446.                    }
  12447.  
  12448.                    @media screen and (min-width: 749px) and (max-width: 990px) {
  12449.                        slider-component.page-width {
  12450.                            padding: 0 5rem
  12451.                        }
  12452.                    }
  12453.  
  12454.                    @media screen and (max-width: 989px) {
  12455.                        .no-js slider-component .slider {
  12456.                            padding-bottom: 3rem
  12457.                        }
  12458.                    }
  12459.  
  12460.                    .slider__slide {
  12461.                        --focus-outline-padding: .5rem;
  12462.                        --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  12463.                        --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  12464.                        scroll-snap-align: start;
  12465.                        flex-shrink: 0;
  12466.                        padding-bottom: 0
  12467.                    }
  12468.  
  12469.                    @media screen and (max-width: 749px) {
  12470.                        .slider.slider--mobile {
  12471.                            position: relative;
  12472.                            flex-wrap: inherit;
  12473.                            overflow-x: auto;
  12474.                            scroll-snap-type: x mandatory;
  12475.                            scroll-behavior: smooth;
  12476.                            scroll-padding-left: 1.5rem;
  12477.                            -webkit-overflow-scrolling: touch;
  12478.                            margin-bottom: 1rem
  12479.                        }
  12480.  
  12481.                        .slider--mobile:after {
  12482.                            content: "";
  12483.                            width: 0;
  12484.                            padding-left: 1.5rem
  12485.                        }
  12486.  
  12487.                        .slider.slider--mobile .slider__slide {
  12488.                            margin-bottom: 0;
  12489.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12490.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12491.                        }
  12492.  
  12493.                        .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12494.                            padding-bottom: var(--focus-outline-padding)
  12495.                        }
  12496.  
  12497.                        .slider.slider--mobile.contains-content-container .slider__slide {
  12498.                            --focus-outline-padding: 0rem
  12499.                        }
  12500.                    }
  12501.  
  12502.                    @media screen and (min-width: 750px) {
  12503.                        .slider.slider--tablet-up {
  12504.                            position: relative;
  12505.                            flex-wrap: inherit;
  12506.                            overflow-x: auto;
  12507.                            scroll-snap-type: x mandatory;
  12508.                            scroll-behavior: smooth;
  12509.                            scroll-padding-left: 1rem;
  12510.                            -webkit-overflow-scrolling: touch
  12511.                        }
  12512.  
  12513.                        .slider.slider--tablet-up .slider__slide {
  12514.                            margin-bottom: 0
  12515.                        }
  12516.                    }
  12517.  
  12518.                    @media screen and (max-width: 989px) {
  12519.                        .slider.slider--tablet {
  12520.                            position: relative;
  12521.                            flex-wrap: inherit;
  12522.                            overflow-x: auto;
  12523.                            scroll-snap-type: x mandatory;
  12524.                            scroll-behavior: smooth;
  12525.                            scroll-padding-left: 1.5rem;
  12526.                            -webkit-overflow-scrolling: touch;
  12527.                            margin-bottom: 1rem
  12528.                        }
  12529.  
  12530.                        .slider--tablet:after {
  12531.                            content: "";
  12532.                            width: 0;
  12533.                            padding-left: 1.5rem;
  12534.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12535.                        }
  12536.  
  12537.                        .slider.slider--tablet .slider__slide {
  12538.                            margin-bottom: 0;
  12539.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12540.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12541.                        }
  12542.  
  12543.                        .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12544.                            padding-bottom: var(--focus-outline-padding)
  12545.                        }
  12546.  
  12547.                        .slider.slider--tablet.contains-content-container .slider__slide {
  12548.                            --focus-outline-padding: 0rem
  12549.                        }
  12550.                    }
  12551.  
  12552.                    .slider--everywhere {
  12553.                        position: relative;
  12554.                        flex-wrap: inherit;
  12555.                        overflow-x: auto;
  12556.                        scroll-snap-type: x mandatory;
  12557.                        scroll-behavior: smooth;
  12558.                        -webkit-overflow-scrolling: touch;
  12559.                        margin-bottom: 1rem
  12560.                    }
  12561.  
  12562.                    .slider.slider--everywhere .slider__slide {
  12563.                        margin-bottom: 0;
  12564.                        scroll-snap-align: center
  12565.                    }
  12566.  
  12567.                    @media screen and (min-width: 990px) {
  12568.                        .slider-component-desktop.page-width {
  12569.                            max-width: none
  12570.                        }
  12571.  
  12572.                        .slider--desktop {
  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.                            scroll-padding-left: var(--desktop-margin-left-first-item)
  12581.                        }
  12582.  
  12583.                        .slider--desktop:after {
  12584.                            content: "";
  12585.                            width: 0;
  12586.                            padding-left: 5rem;
  12587.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12588.                        }
  12589.  
  12590.                        .slider.slider--desktop .slider__slide {
  12591.                            margin-bottom: 0;
  12592.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12593.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12594.                        }
  12595.  
  12596.                        .slider--desktop .slider__slide:first-child {
  12597.                            margin-left: var(--desktop-margin-left-first-item);
  12598.                            scroll-margin-left: var(--desktop-margin-left-first-item)
  12599.                        }
  12600.  
  12601.                        .slider-component-full-width .slider--desktop {
  12602.                            scroll-padding-left: 1.5rem
  12603.                        }
  12604.  
  12605.                        .slider-component-full-width .slider--desktop .slider__slide:first-child {
  12606.                            margin-left: 1.5rem;
  12607.                            scroll-margin-left: 1.5rem
  12608.                        }
  12609.  
  12610.                        .slider-component-full-width .slider--desktop:after {
  12611.                            padding-left: 1.5rem
  12612.                        }
  12613.  
  12614.                        .slider--desktop.grid--5-col-desktop .grid__item {
  12615.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  12616.                        }
  12617.  
  12618.                        .slider--desktop.grid--4-col-desktop .grid__item {
  12619.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  12620.                        }
  12621.  
  12622.                        .slider--desktop.grid--3-col-desktop .grid__item {
  12623.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  12624.                        }
  12625.  
  12626.                        .slider--desktop.grid--2-col-desktop .grid__item {
  12627.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  12628.                        }
  12629.  
  12630.                        .slider--desktop.grid--1-col-desktop .grid__item {
  12631.                            width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  12632.                        }
  12633.  
  12634.                        .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12635.                            padding-bottom: var(--focus-outline-padding)
  12636.                        }
  12637.  
  12638.                        .slider.slider--desktop.contains-content-container .slider__slide {
  12639.                            --focus-outline-padding: 0rem
  12640.                        }
  12641.                    }
  12642.  
  12643.                    @media (prefers-reduced-motion) {
  12644.                        .slider {
  12645.                            scroll-behavior: auto
  12646.                        }
  12647.                    }
  12648.  
  12649.                    .slider {
  12650.                        scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  12651.                        -ms-overflow-style: none;
  12652.                        scrollbar-width: none
  12653.                    }
  12654.  
  12655.                    .slider::-webkit-scrollbar {
  12656.                        height: .4rem;
  12657.                        width: .4rem;
  12658.                        display: none
  12659.                    }
  12660.  
  12661.                    .no-js .slider {
  12662.                        -ms-overflow-style: auto;
  12663.                        scrollbar-width: auto
  12664.                    }
  12665.  
  12666.                    .no-js .slider::-webkit-scrollbar {
  12667.                        display: initial
  12668.                    }
  12669.  
  12670.                    .slider::-webkit-scrollbar-thumb {
  12671.                        background-color: rgb(var(--color-foreground));
  12672.                        border-radius: .4rem;
  12673.                        border: 0
  12674.                    }
  12675.  
  12676.                    .slider::-webkit-scrollbar-track {
  12677.                        background: rgba(var(--color-foreground), .04);
  12678.                        border-radius: .4rem
  12679.                    }
  12680.  
  12681.                    .slider-counter {
  12682.                        display: flex;
  12683.                        justify-content: center;
  12684.                        min-width: 4.4rem
  12685.                    }
  12686.  
  12687.                    @media screen and (min-width: 750px) {
  12688.                        .slider-counter--dots {
  12689.                            margin: 0 1.2rem
  12690.                        }
  12691.                    }
  12692.  
  12693.                    .slider-counter__link {
  12694.                        padding: 1rem
  12695.                    }
  12696.  
  12697.                    @media screen and (max-width: 749px) {
  12698.                        .slider-counter__link {
  12699.                            padding: .7rem
  12700.                        }
  12701.                    }
  12702.  
  12703.                    .slider-counter__link--dots .dot {
  12704.                        width: 1rem;
  12705.                        height: 1rem;
  12706.                        border-radius: 50%;
  12707.                        border: .1rem solid rgba(var(--color-foreground), .5);
  12708.                        padding: 0;
  12709.                        display: block
  12710.                    }
  12711.  
  12712.                    .slider-counter__link--active.slider-counter__link--dots .dot {
  12713.                        background-color: rgb(var(--color-foreground))
  12714.                    }
  12715.  
  12716.                    @media screen and (forced-colors: active) {
  12717.                        .slider-counter__link--active.slider-counter__link--dots .dot {
  12718.                            background-color: CanvasText
  12719.                        }
  12720.                    }
  12721.  
  12722.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  12723.                        border-color: rgb(var(--color-foreground))
  12724.                    }
  12725.  
  12726.                    .slider-counter__link--dots .dot,
  12727.                    .slider-counter__link--numbers {
  12728.                        transition: transform .2s ease-in-out
  12729.                    }
  12730.  
  12731.                    .slider-counter__link--active.slider-counter__link--numbers,
  12732.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  12733.                    .slider-counter__link--numbers:hover {
  12734.                        transform: scale(1.1)
  12735.                    }
  12736.  
  12737.                    .slider-counter__link--numbers {
  12738.                        color: rgba(var(--color-foreground), .5);
  12739.                        text-decoration: none
  12740.                    }
  12741.  
  12742.                    .slider-counter__link--numbers:hover {
  12743.                        color: rgb(var(--color-foreground))
  12744.                    }
  12745.  
  12746.                    .slider-counter__link--active.slider-counter__link--numbers {
  12747.                        text-decoration: underline;
  12748.                        color: rgb(var(--color-foreground))
  12749.                    }
  12750.  
  12751.                    .slider-buttons {
  12752.                        display: flex;
  12753.                        align-items: center;
  12754.                        justify-content: center
  12755.                    }
  12756.  
  12757.                    @media screen and (min-width: 990px) {
  12758.                        .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  12759.                            display: none
  12760.                        }
  12761.                    }
  12762.  
  12763.                    @media screen and (max-width: 989px) {
  12764.                        .slider--desktop:not(.slider--tablet)+.slider-buttons {
  12765.                            display: none
  12766.                        }
  12767.                    }
  12768.  
  12769.                    @media screen and (min-width: 750px) {
  12770.                        .slider--mobile+.slider-buttons {
  12771.                            display: none
  12772.                        }
  12773.                    }
  12774.  
  12775.                    .slider-button {
  12776.                        color: rgba(var(--color-foreground), .75);
  12777.                        background: transparent;
  12778.                        border: none;
  12779.                        cursor: pointer;
  12780.                        width: 44px;
  12781.                        height: 44px;
  12782.                        display: flex;
  12783.                        align-items: center;
  12784.                        justify-content: center
  12785.                    }
  12786.  
  12787.                    .slider-button:not([disabled]):hover {
  12788.                        color: rgb(var(--color-foreground))
  12789.                    }
  12790.  
  12791.                    .slider-button .icon {
  12792.                        height: .6rem
  12793.                    }
  12794.  
  12795.                    .slider-button[disabled] .icon {
  12796.                        color: rgba(var(--color-foreground), .3);
  12797.                        cursor: not-allowed
  12798.                    }
  12799.  
  12800.                    .slider-button--next .icon {
  12801.                        transform: rotate(-90deg)
  12802.                    }
  12803.  
  12804.                    .slider-button--prev .icon {
  12805.                        transform: rotate(90deg)
  12806.                    }
  12807.  
  12808.                    .slider-button--next:not([disabled]):hover .icon {
  12809.                        transform: rotate(-90deg) scale(1.1)
  12810.                    }
  12811.  
  12812.                    .slider-button--prev:not([disabled]):hover .icon {
  12813.                        transform: rotate(90deg) scale(1.1)
  12814.                    }
  12815.                </style>
  12816.                <style>
  12817.                    .rating {
  12818.                        display: inline-block;
  12819.                        margin: 0
  12820.                    }
  12821.  
  12822.                    .product .rating-star {
  12823.                        --letter-spacing: .8;
  12824.                        --font-size: 1.7
  12825.                    }
  12826.  
  12827.                    .card-wrapper .rating-star {
  12828.                        --letter-spacing: .7;
  12829.                        --font-size: 1.4
  12830.                    }
  12831.  
  12832.                    .rating-star {
  12833.                        --color-rating-star: rgb(var(--color-foreground));
  12834.                        --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  12835.                        letter-spacing: calc(var(--letter-spacing) * 1rem);
  12836.                        font-size: calc(var(--font-size) * 1rem);
  12837.                        line-height: 1;
  12838.                        display: inline-block;
  12839.                        font-family: Times;
  12840.                        margin: 0
  12841.                    }
  12842.  
  12843.                    .rating-star:before {
  12844.                        content: "\2605\2605\2605\2605\2605";
  12845.                        background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
  12846.                        -webkit-background-clip: text;
  12847.                        -webkit-text-fill-color: transparent
  12848.                    }
  12849.  
  12850.                    .rating-text {
  12851.                        display: none
  12852.                    }
  12853.  
  12854.                    .rating-count {
  12855.                        display: inline-block;
  12856.                        margin: 0
  12857.                    }
  12858.  
  12859.                    @media (forced-colors: active) {
  12860.                        .rating {
  12861.                            display: none
  12862.                        }
  12863.  
  12864.                        .rating-text {
  12865.                            display: block
  12866.                        }
  12867.                    }
  12868.                </style>
  12869.                <style>
  12870.                    .deferred-media__poster {
  12871.                        background-color: transparent;
  12872.                        border: none;
  12873.                        cursor: pointer;
  12874.                        margin: 0;
  12875.                        padding: 0;
  12876.                        height: 100%;
  12877.                        width: 100%;
  12878.                        overflow: hidden;
  12879.                        border-radius: calc(var(--border-radius) - var(--border-width))
  12880.                    }
  12881.  
  12882.                    .media>.deferred-media__poster {
  12883.                        display: flex;
  12884.                        align-items: center;
  12885.                        justify-content: center
  12886.                    }
  12887.  
  12888.                    .deferred-media__poster img {
  12889.                        width: auto;
  12890.                        max-width: 100%;
  12891.                        height: 100%
  12892.                    }
  12893.  
  12894.                    .deferred-media {
  12895.                        overflow: hidden
  12896.                    }
  12897.  
  12898.                    .deferred-media:not([loaded]) template {
  12899.                        z-index: -1
  12900.                    }
  12901.  
  12902.                    .deferred-media[loaded]>.deferred-media__poster {
  12903.                        display: none
  12904.                    }
  12905.  
  12906.                    .deferred-media__poster:focus-visible {
  12907.                        outline: none;
  12908.                        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);
  12909.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12910.                    }
  12911.  
  12912.                    .deferred-media__poster:focus {
  12913.                        outline: none;
  12914.                        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);
  12915.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12916.                    }
  12917.  
  12918.                    .global-media-settings--full-width .deferred-media__poster,
  12919.                    .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
  12920.                        border-radius: 0
  12921.                    }
  12922.  
  12923.                    @media (forced-colors: active) {
  12924.                        .deferred-media__poster:focus {
  12925.                            outline: transparent solid 1px
  12926.                        }
  12927.                    }
  12928.  
  12929.                    .deferred-media__poster:focus:not(:focus-visible) {
  12930.                        outline: 0;
  12931.                        box-shadow: none
  12932.                    }
  12933.  
  12934.                    .deferred-media__poster-button {
  12935.                        background-color: rgb(var(--color-background));
  12936.                        border: .1rem solid rgba(var(--color-foreground), .1);
  12937.                        border-radius: 50%;
  12938.                        color: rgb(var(--color-foreground));
  12939.                        display: flex;
  12940.                        align-items: center;
  12941.                        justify-content: center;
  12942.                        height: 6.2rem;
  12943.                        width: 6.2rem;
  12944.                        position: absolute;
  12945.                        left: 50%;
  12946.                        top: 50%;
  12947.                        transform: translate(-50%, -50%) scale(1);
  12948.                        transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  12949.                        z-index: 1
  12950.                    }
  12951.  
  12952.                    .deferred-media__poster-button:hover {
  12953.                        transform: translate(-50%, -50%) scale(1.1)
  12954.                    }
  12955.  
  12956.                    .deferred-media__poster-button .icon {
  12957.                        width: 2rem;
  12958.                        height: 2rem
  12959.                    }
  12960.  
  12961.                    .deferred-media__poster-button .icon-play {
  12962.                        margin-left: .2rem
  12963.                    }
  12964.                </style>
  12965.                <style data-shopify>
  12966.                    .section-template--17040648077525__main-padding {
  12967.                        padding-top: 45px;
  12968.                        padding-bottom: 45px;
  12969.                    }
  12970.  
  12971.                    @media screen and (min-width: 750px) {
  12972.                        .section-template--17040648077525__main-padding {
  12973.                            padding-top: 60px;
  12974.                            padding-bottom: 60px;
  12975.                        }
  12976.                    }
  12977.                </style>
  12978.                <script src="cdn/shop/t/4/assets/product-infob121.js?v=81873523020508815201701676179"
  12979.                    defer="defer"></script>
  12980.                <script src="cdn/shop/t/4/assets/product-form5df2.js?v=133081758708377679181701676179"
  12981.                    defer="defer"></script>
  12982.  
  12983.                <div class="page-width">
  12984.                    <div
  12985.                        class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">
  12986.                        <div class="grid__item product__media-wrapper">
  12987.  
  12988.                            <media-gallery id="MediaGallery-template--17040648077525__main" role="region"
  12989.                                class="product__column-sticky" aria-label="Gallery Viewer"
  12990.                                data-desktop-layout="thumbnail_slider">
  12991.                                <div id="GalleryStatus-template--17040648077525__main" class="visually-hidden"
  12992.                                    role="status"></div>
  12993.                                <slider-component id="GalleryViewer-template--17040648077525__main"
  12994.                                    class="slider-mobile-gutter"><a
  12995.                                        class="skip-to-content-link button visually-hidden quick-add-hidden"
  12996.                                        href="#ProductInfo-template--17040648077525__main">
  12997.                                        Ürün bilgilerini ekleyin
  12998.                                    </a>
  12999.                                    <ul id="Slider-Gallery-template--17040648077525__main"
  13000.                                        class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
  13001.                                        role="list">
  13002.                                        <li id="Slide-template--17040648077525__main-33478743672119"
  13003.                                            class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in"
  13004.                                            data-media-id="template--17040648077525__main-33478743672119">
  13005.  
  13006.                                            <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
  13007.                                                style="--ratio: 1.0; --preview-ratio: 1.0;">
  13008.                                                <noscript>
  13009.                                                    <div class="product__media media">
  13010.                                                        <img src="https://ophiuchus.club/img/PTM.webp"
  13011.                                                            alt="TOTO MACAU TOGEL"
  13012.                                                            srcset="https://ophiuchus.club/img/PTM.webp 246w, https://ophiuchus.club/img/PTM.webp 493w, https://ophiuchus.club/img/PTM.webp 600w, https://ophiuchus.club/img/PTM.webp 713w, https://ophiuchus.club/img/PTM.webp3 823w, https://ophiuchus.club/img/PTM.webp 990w, https://ophiuchus.club/img/PTM.webp 1100w, https://ophiuchus.club/img/PTM.webp 1206w, https://ophiuchus.club/img/PTM.webp 1346w, https://ophiuchus.club/img/PTM.webp 1426w, https://ophiuchus.club/img/PTM.webp 1646w, https://ophiuchus.club/img/PTM.webp 1946w"
  13013.                                                            width="1946" height="1946"
  13014.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13015.                                                    </div>
  13016.                                                </noscript>
  13017.  
  13018.                                                <modal-opener
  13019.                                                    class="product__modal-opener product__modal-opener--image no-js-hidden"
  13020.                                                    data-modal="#ProductModal-template--17040648077525__main">
  13021.                                                    <span
  13022.                                                        class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox"
  13023.                                                        aria-hidden="true"><svg aria-hidden="true" focusable="false"
  13024.                                                            class="icon icon-plus" width="19" height="19"
  13025.                                                            viewBox="0 0 19 19" fill="none"
  13026.                                                            xmlns="http://www.w3.org/2000/svg">
  13027.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13028.                                                                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"
  13029.                                                                fill="currentColor" />
  13030.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13031.                                                                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"
  13032.                                                                fill="currentColor" />
  13033.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13034.                                                                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"
  13035.                                                                fill="currentColor" />
  13036.                                                        </svg>
  13037.                                                    </span>
  13038.  
  13039.                                                    <style>
  13040.                                                        .loading__spinner {
  13041.                                                            position: absolute;
  13042.                                                            z-index: 1;
  13043.                                                            width: 1.8rem
  13044.                                                        }
  13045.  
  13046.                                                        .loading__spinner {
  13047.                                                            width: 1.8rem;
  13048.                                                            display: inline-block
  13049.                                                        }
  13050.  
  13051.                                                        .spinner {
  13052.                                                            animation: rotator 1.4s linear infinite
  13053.                                                        }
  13054.  
  13055.                                                        @keyframes rotator {
  13056.                                                            0% {
  13057.                                                                transform: rotate(0)
  13058.                                                            }
  13059.  
  13060.                                                            to {
  13061.                                                                transform: rotate(270deg)
  13062.                                                            }
  13063.                                                        }
  13064.  
  13065.                                                        .path {
  13066.                                                            stroke-dasharray: 280;
  13067.                                                            stroke-dashoffset: 0;
  13068.                                                            transform-origin: center;
  13069.                                                            stroke: rgb(var(--color-foreground));
  13070.                                                            animation: dash 1.4s ease-in-out infinite
  13071.                                                        }
  13072.  
  13073.                                                        @media screen and (forced-colors: active) {
  13074.                                                            .path {
  13075.                                                                stroke: CanvasText
  13076.                                                            }
  13077.                                                        }
  13078.  
  13079.                                                        @keyframes dash {
  13080.                                                            0% {
  13081.                                                                stroke-dashoffset: 280
  13082.                                                            }
  13083.  
  13084.                                                            50% {
  13085.                                                                stroke-dashoffset: 75;
  13086.                                                                transform: rotate(135deg)
  13087.                                                            }
  13088.  
  13089.                                                            to {
  13090.                                                                stroke-dashoffset: 280;
  13091.                                                                transform: rotate(450deg)
  13092.                                                            }
  13093.                                                        }
  13094.  
  13095.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13096.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13097.                                                            opacity: 50%
  13098.                                                        }
  13099.  
  13100.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13101.                                                            pointer-events: none;
  13102.                                                            cursor: default
  13103.                                                        }
  13104.                                                    </style>
  13105.                                                    <div class="loading__spinner hidden">
  13106.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13107.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13108.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13109.                                                                cy="33" r="30"></circle>
  13110.                                                        </svg>
  13111.                                                    </div>
  13112.                                                    <div class="product__media media media--transparent">
  13113.                                                        <img src="https://ophiuchus.club/img/PTM.webp"
  13114.                                                            alt="TOTO MACAU" width="1000" height="1000"
  13115.                                                            class="image-magnify-lightbox"
  13116.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13117.                                                    </div>
  13118.                                                    <button
  13119.                                                        class="product__media-toggle quick-add-hidden product__media-zoom-lightbox"
  13120.                                                        type="button" aria-haspopup="dialog"
  13121.                                                        data-media-id="33478743672119">
  13122.                                                        <span class="visually-hidden">
  13123.                                                            Medyayı 1 modal olarak aç
  13124.                                                        </span>
  13125.                                                    </button>
  13126.                                                </modal-opener>
  13127.                                            </div>
  13128.  
  13129.                                        </b></li>
  13130.                                    </ul>
  13131.                                    <div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
  13132.                                        <button type="button" class="slider-button slider-button--prev" name="previous"
  13133.                                            aria-label="Slide left">
  13134.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13135.                                                viewBox="0 0 10 6">
  13136.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13137.                                                    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"
  13138.                                                    fill="currentColor">
  13139.                                            </svg>
  13140.  
  13141.                                        </button>
  13142.                                        <div class="slider-counter caption">
  13143.                                            <span class="slider-counter--current">1</span>
  13144.                                            <span aria-hidden="true"> / </span>
  13145.                                            <span class="visually-hidden">of</span>
  13146.                                            <span class="slider-counter--total">1</span>
  13147.                                        </div>
  13148.                                        <button type="button" class="slider-button slider-button--next" name="next"
  13149.                                            aria-label="Slide right">
  13150.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13151.                                                viewBox="0 0 10 6">
  13152.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13153.                                                    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"
  13154.                                                    fill="currentColor">
  13155.                                            </svg>
  13156.  
  13157.                                        </button>
  13158.                                    </div>
  13159.                                </slider-component>
  13160.                            </media-gallery>
  13161.  
  13162.                        </div>
  13163.                        <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
  13164.                            <product-info id="ProductInfo-template--17040648077525__main"
  13165.                                data-section="template--17040648077525__main" data-url="https://duwaynemotel.com/"
  13166.                                class="product__info-container product__column-sticky">
  13167.                                <p class="product__text inline-richtext">TOTO MACAU</p>
  13168.                                <div class="product__title">
  13169.                                    <h1>Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1</h1>
  13170.                                    <a href="https://duwaynemotel.com/" class="product__title">
  13171.                                        <h2 class="h1">
  13172.                                            Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1
  13173.                                        </h2>
  13174.                                    </a>
  13175.                                </div>
  13176.                                <div class="no-js-hidden" id="price-template--17040648077525__main" role="status">
  13177.                                    <div class="
  13178.    price price--large price--on-sale price--show-badge">
  13179.                                        <div class="price__container">
  13180.                                            <div class="price__regular"><span
  13181.                                                    class="visually-hidden visually-hidden--inline">Regular
  13182.                                                    price</span>
  13183.                                                <span class="price-item price-item--regular">
  13184.                                                    Rp 10.000,00
  13185.                                                </span>
  13186.                                            </div>
  13187.                                            <div class="price__sale">
  13188.                                                <span class="visually-hidden visually-hidden--inline">Regular
  13189.                                                    price</span>
  13190.                                                <span>
  13191.                                                    <s class="price-item price-item--regular">
  13192.  
  13193.                                                        Rp 100.000,00
  13194.  
  13195.                                                    </s>
  13196.                                                </span><span class="visually-hidden visually-hidden--inline">Sale
  13197.                                                    price</span>
  13198.                                                <span class="price-item price-item--sale price-item--last">
  13199.                                                    Rp 10.000,00
  13200.                                                </span>
  13201.                                            </div>
  13202.                                            <small class="unit-price caption hidden">
  13203.                                                <span class="visually-hidden">Unit price</span>
  13204.                                                <span class="price-item price-item--last">
  13205.                                                    <span></span>
  13206.                                                    <span aria-hidden="true">/</span>
  13207.                                                    <span class="visually-hidden">&nbsp;per&nbsp;</span>
  13208.                                                    <span>
  13209.                                                    </span>
  13210.                                                </span>
  13211.                                            </small>
  13212.                                        </div><span class="badge price__badge-sale color-accent-1">
  13213.                                            TOTO MACAU
  13214.                                        </span>
  13215.  
  13216.                                        <span class="badge price__badge-sold-out color-background-1">
  13217.                                            Sold out
  13218.                                        </span>
  13219.                                    </div>
  13220.                                </div>
  13221.                                <div class="product__tax caption rte"></div>
  13222.                                <div>
  13223.                                    <form method="post" action="https://duwaynemotel.com/"
  13224.                                        id="product-form-installment-template--17040648077525__main"
  13225.                                        accept-charset="UTF-8" class="installment caption-large"
  13226.                                        enctype="multipart/form-data"><input type="hidden" name="form_type"
  13227.                                            value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13228.                                            type="hidden" name="id" value="43114192093653">
  13229.  
  13230.                                        <input type="hidden" name="product-id" value="8226828321669" />
  13231.                                    </form>
  13232.                                </div>
  13233.                                <noscript class="product-form__noscript-wrapper-template--17040648077525__main">
  13234.                                    <div class="product-form__input hidden">
  13235.                                        <label class="form__label" for="Variants-template--17040648077525__main">Product
  13236.                                            variants</label>
  13237.                                        <div class="select">
  13238.                                            <select name="id" id="Variants-template--17040648077525__main"
  13239.                                                class="select__select"
  13240.                                                form="product-form-template--17040648077525__main">
  13241.                                                <option selected="selected" value="43114192093653">Default Title - Rp
  13242.                                                    5.000,00</option>
  13243.                                            </select>
  13244.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13245.                                                viewBox="0 0 10 6">
  13246.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13247.                                                    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"
  13248.                                                    fill="currentColor">
  13249.                                            </svg>
  13250.  
  13251.                                        </div>
  13252.                                    </div>
  13253.                                </noscript>
  13254.  
  13255.                                <div id="Quantity-Form-template--17040648077525__main"
  13256.                                    class="product-form__input product-form__quantity">
  13257.  
  13258.  
  13259.  
  13260.                                    <label class="quantity__label form__label"
  13261.                                        for="Quantity-template--17040648077525__main">
  13262.                                        Quantity
  13263.                                        <span class="quantity__rules-cart no-js-hidden hidden">
  13264.                                            <style>
  13265.                                                .loading__spinner {
  13266.                                                    position: absolute;
  13267.                                                    z-index: 1;
  13268.                                                    width: 1.8rem
  13269.                                                }
  13270.  
  13271.                                                .loading__spinner {
  13272.                                                    width: 1.8rem;
  13273.                                                    display: inline-block
  13274.                                                }
  13275.  
  13276.                                                .spinner {
  13277.                                                    animation: rotator 1.4s linear infinite
  13278.                                                }
  13279.  
  13280.                                                @keyframes rotator {
  13281.                                                    0% {
  13282.                                                        transform: rotate(0)
  13283.                                                    }
  13284.  
  13285.                                                    to {
  13286.                                                        transform: rotate(270deg)
  13287.                                                    }
  13288.                                                }
  13289.  
  13290.                                                .path {
  13291.                                                    stroke-dasharray: 280;
  13292.                                                    stroke-dashoffset: 0;
  13293.                                                    transform-origin: center;
  13294.                                                    stroke: rgb(var(--color-foreground));
  13295.                                                    animation: dash 1.4s ease-in-out infinite
  13296.                                                }
  13297.  
  13298.                                                @media screen and (forced-colors: active) {
  13299.                                                    .path {
  13300.                                                        stroke: CanvasText
  13301.                                                    }
  13302.                                                }
  13303.  
  13304.                                                @keyframes dash {
  13305.                                                    0% {
  13306.                                                        stroke-dashoffset: 280
  13307.                                                    }
  13308.  
  13309.                                                    50% {
  13310.                                                        stroke-dashoffset: 75;
  13311.                                                        transform: rotate(135deg)
  13312.                                                    }
  13313.  
  13314.                                                    to {
  13315.                                                        stroke-dashoffset: 280;
  13316.                                                        transform: rotate(450deg)
  13317.                                                    }
  13318.                                                }
  13319.  
  13320.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13321.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13322.                                                    opacity: 50%
  13323.                                                }
  13324.  
  13325.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13326.                                                    pointer-events: none;
  13327.                                                    cursor: default
  13328.                                                }
  13329.                                            </style>
  13330.  
  13331.                                            <div class="loading__spinner hidden">
  13332.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  13333.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13334.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  13335.                                                        r="30"></circle>
  13336.                                                </svg>
  13337.                                            </div>
  13338.                                            <span>(<span class="quantity-cart">0</span> in cart)</span>
  13339.                                        </span>
  13340.                                    </label>
  13341.                                    <div class="price-per-item__container">
  13342.                                        <quantity-input class="quantity" data-url="https://duwaynemotel.com/"
  13343.                                            data-section="template--17040648077525__main">
  13344.                                            <button class="quantity__button no-js-hidden" name="minus" type="button">
  13345.                                                <span class="visually-hidden">Decrease quantity for Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1</span>
  13346.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13347.                                                    focusable="false" class="icon icon-minus" fill="none"
  13348.                                                    viewBox="0 0 10 2">
  13349.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13350.                                                        d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
  13351.                                                        fill="currentColor">
  13352.                                                </svg>
  13353.  
  13354.                                            </button>
  13355.                                            <input class="quantity__input" type="number" name="quantity"
  13356.                                                id="Quantity-template--17040648077525__main" data-cart-quantity="0"
  13357.                                                data-min="1" min="1" step="1" value="1"
  13358.                                                form="product-form-template--17040648077525__main" />
  13359.                                            <button class="quantity__button no-js-hidden" name="plus" type="button">
  13360.                                                <span class="visually-hidden">Increase quantity for Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1</span>
  13361.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13362.                                                    focusable="false" class="icon icon-plus" fill="none"
  13363.                                                    viewBox="0 0 10 10">
  13364.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13365.                                                        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"
  13366.                                                        fill="currentColor">
  13367.                                                </svg>
  13368.  
  13369.                                            </button>
  13370.                                        </quantity-input>
  13371.                                    </div>
  13372.                                    <div class="quantity__rules caption no-js-hidden"
  13373.                                        id="Quantity-Rules-template--17040648077525__main">
  13374.                                    </div>
  13375.                                </div>
  13376.                                <div><product-form class="product-form" data-hide-errors="false"
  13377.                                        data-section-id="template--17040648077525__main">
  13378.                                        <div class="product-form__error-message-wrapper" role="alert" hidden>
  13379.                                            <svg aria-hidden="true" focusable="false" class="icon icon-error"
  13380.                                                viewBox="0 0 13 13">
  13381.                                                <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2" />
  13382.                                                <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B"
  13383.                                                    stroke-width="0.7" />
  13384.                                                <path
  13385.                                                    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"
  13386.                                                    fill="white" />
  13387.                                                <path
  13388.                                                    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"
  13389.                                                    fill="white" stroke="#EB001B" stroke-width="0.7">
  13390.                                            </svg>
  13391.                                            <span class="product-form__error-message"></span>
  13392.                                        </div>
  13393.                                        <form method="post" action="https://ophiuchus.club/Paito-Macau/amp/"
  13394.                                            id="product-form-template--17040648077525__main" accept-charset="UTF-8"
  13395.                                            class="form" enctype="multipart/form-data" novalidate="novalidate"
  13396.                                            data-type="add-to-cart-form"><input type="hidden" name="form_type"
  13397.                                                value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13398.                                                type="hidden" name="id" value="43114192093653"
  13399.                                                class="product-variant-id">
  13400.                                            <div class="product-form__buttons"><button
  13401.                                                    id="ProductSubmitButton-template--17040648077525__main"
  13402.                                                    type="submit" name="add"
  13403.                                                    class="product-form__submit button button--full-width button--secondary">
  13404.                                                    <span>Daftar TOTO MACAU
  13405.                                                    </span>
  13406.  
  13407.                                                    <style>
  13408.                                                        .loading__spinner {
  13409.                                                            position: absolute;
  13410.                                                            z-index: 1;
  13411.                                                            width: 1.8rem
  13412.                                                        }
  13413.  
  13414.                                                        .loading__spinner {
  13415.                                                            width: 1.8rem;
  13416.                                                            display: inline-block
  13417.                                                        }
  13418.  
  13419.                                                        .spinner {
  13420.                                                            animation: rotator 1.4s linear infinite
  13421.                                                        }
  13422.  
  13423.                                                        @keyframes rotator {
  13424.                                                            0% {
  13425.                                                                transform: rotate(0)
  13426.                                                            }
  13427.  
  13428.                                                            to {
  13429.                                                                transform: rotate(270deg)
  13430.                                                            }
  13431.                                                        }
  13432.  
  13433.                                                        .path {
  13434.                                                            stroke-dasharray: 280;
  13435.                                                            stroke-dashoffset: 0;
  13436.                                                            transform-origin: center;
  13437.                                                            stroke: rgb(var(--color-foreground));
  13438.                                                            animation: dash 1.4s ease-in-out infinite
  13439.                                                        }
  13440.  
  13441.                                                        @media screen and (forced-colors: active) {
  13442.                                                            .path {
  13443.                                                                stroke: CanvasText
  13444.                                                            }
  13445.                                                        }
  13446.  
  13447.                                                        @keyframes dash {
  13448.                                                            0% {
  13449.                                                                stroke-dashoffset: 280
  13450.                                                            }
  13451.  
  13452.                                                            50% {
  13453.                                                                stroke-dashoffset: 75;
  13454.                                                                transform: rotate(135deg)
  13455.                                                            }
  13456.  
  13457.                                                            to {
  13458.                                                                stroke-dashoffset: 280;
  13459.                                                                transform: rotate(450deg)
  13460.                                                            }
  13461.                                                        }
  13462.  
  13463.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13464.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13465.                                                            opacity: 50%
  13466.                                                        }
  13467.  
  13468.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13469.                                                            pointer-events: none;
  13470.                                                            cursor: default
  13471.                                                        }
  13472.                                                    </style>
  13473.                                                    <div class="loading__spinner hidden">
  13474.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13475.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13476.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13477.                                                                cy="33" r="30"></circle>
  13478.                                                        </svg>
  13479.                                                    </div>
  13480.                                                </button>
  13481.                                                <div data-shopify="payment-button" data-has-selling-plan="false"
  13482.                                                    data-has-fixed-selling-plan="false" class="shopify-payment-button">
  13483.                                                    <button
  13484.                                                        class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden"
  13485.                                                        disabled="disabled" aria-hidden="true"> </button><button
  13486.                                                        class="shopify-payment-button__more-options shopify-payment-button__button--hidden"
  13487.                                                        disabled="disabled" aria-hidden="true"> </button>
  13488.                                                </div>
  13489.                                            </div><input type="hidden" name="product-id" value="8226828321669" />
  13490.                                        </form>
  13491.                                    </product-form>
  13492.                                    <style>
  13493.                                        pickup-availability {
  13494.                                            display: block
  13495.                                        }
  13496.  
  13497.                                        pickup-availability[available] {
  13498.                                            min-height: 8rem
  13499.                                        }
  13500.  
  13501.                                        .pickup-availability-preview {
  13502.                                            align-items: flex-start;
  13503.                                            display: flex;
  13504.                                            gap: .2rem;
  13505.                                            padding: 1rem 2rem 0 0
  13506.                                        }
  13507.  
  13508.                                        .pickup-availability-preview .icon {
  13509.                                            flex-shrink: 0;
  13510.                                            height: 1.8rem
  13511.                                        }
  13512.  
  13513.                                        .pickup-availability-preview .icon-unavailable {
  13514.                                            height: 1.6rem;
  13515.                                            margin-top: .1rem
  13516.                                        }
  13517.  
  13518.                                        .pickup-availability-button {
  13519.                                            background-color: transparent;
  13520.                                            color: rgba(var(--color-foreground), .75);
  13521.                                            letter-spacing: .06rem;
  13522.                                            padding: 0 0 .2rem;
  13523.                                            text-align: left;
  13524.                                            text-decoration: underline
  13525.                                        }
  13526.  
  13527.                                        .pickup-availability-button:hover {
  13528.                                            color: rgb(var(--color-foreground))
  13529.                                        }
  13530.  
  13531.                                        .pickup-availability-info * {
  13532.                                            margin: 0 0 .6rem
  13533.                                        }
  13534.  
  13535.                                        pickup-availability-drawer {
  13536.                                            background-color: rgb(var(--color-background));
  13537.                                            height: 100%;
  13538.                                            opacity: 0;
  13539.                                            overflow-y: auto;
  13540.                                            padding: 2rem;
  13541.                                            position: fixed;
  13542.                                            top: 0;
  13543.                                            right: 0;
  13544.                                            z-index: 4;
  13545.                                            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
  13546.                                            transform: translate(100%);
  13547.                                            width: 100%;
  13548.                                            border-width: 0 0 0 var(--drawer-border-width);
  13549.                                            border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  13550.                                            border-style: solid;
  13551.                                            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)))
  13552.                                        }
  13553.  
  13554.                                        pickup-availability-drawer[open] {
  13555.                                            transform: translate(0);
  13556.                                            opacity: 1
  13557.                                        }
  13558.  
  13559.                                        @media screen and (min-width: 750px) {
  13560.                                            pickup-availability-drawer {
  13561.                                                transform: translate(100%);
  13562.                                                width: 37.5rem
  13563.                                            }
  13564.  
  13565.                                            pickup-availability-drawer[open] {
  13566.                                                opacity: 1;
  13567.                                                transform: translate(0);
  13568.                                                animation: animateDrawerOpen var(--duration-default) ease
  13569.                                            }
  13570.                                        }
  13571.  
  13572.                                        .pickup-availability-header {
  13573.                                            align-items: flex-start;
  13574.                                            display: flex;
  13575.                                            justify-content: space-between;
  13576.                                            margin-bottom: 1.2rem
  13577.                                        }
  13578.  
  13579.                                        .pickup-availability-drawer-title {
  13580.                                            margin: .5rem 0 0
  13581.                                        }
  13582.  
  13583.                                        .pickup-availability-header .icon {
  13584.                                            width: 2rem
  13585.                                        }
  13586.  
  13587.                                        .pickup-availability-drawer-button {
  13588.                                            background-color: transparent;
  13589.                                            border: none;
  13590.                                            color: rgb(var(--color-foreground));
  13591.                                            cursor: pointer;
  13592.                                            display: block;
  13593.                                            height: 4.4rem;
  13594.                                            padding: 1.2rem;
  13595.                                            width: 4.4rem
  13596.                                        }
  13597.  
  13598.                                        .pickup-availability-drawer-button:hover {
  13599.                                            color: rgba(var(--color-foreground), .75)
  13600.                                        }
  13601.  
  13602.                                        .pickup-availability-variant {
  13603.                                            font-size: 1.3rem;
  13604.                                            line-height: calc(1 + .2 / var(--font-body-scale));
  13605.                                            margin: 0 0 1.2rem;
  13606.                                            text-transform: capitalize
  13607.                                        }
  13608.  
  13609.                                        .pickup-availability-variant>*+strong {
  13610.                                            margin-left: 1rem
  13611.                                        }
  13612.  
  13613.                                        .pickup-availability-list__item {
  13614.                                            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  13615.                                            padding: 2rem 0
  13616.                                        }
  13617.  
  13618.                                        .pickup-availability-list__item:first-child {
  13619.                                            border-top: .1rem solid rgba(var(--color-foreground), .08)
  13620.                                        }
  13621.  
  13622.                                        .pickup-availability-list__item>* {
  13623.                                            margin: 0
  13624.                                        }
  13625.  
  13626.                                        .pickup-availability-list__item>*+* {
  13627.                                            margin-top: 1rem
  13628.                                        }
  13629.  
  13630.                                        .pickup-availability-address {
  13631.                                            font-style: normal;
  13632.                                            font-size: 1.2rem;
  13633.                                            line-height: calc(1 + .5 / var(--font-body-scale))
  13634.                                        }
  13635.  
  13636.                                        .pickup-availability-address p {
  13637.                                            margin: 0
  13638.                                        }
  13639.  
  13640.                                        @keyframes animateDrawerOpen {
  13641.                                            @media screen and (max-width: 749px) {
  13642.                                                0% {
  13643.                                                    opacity: 0;
  13644.                                                    transform: translateX(100%);
  13645.                                                }
  13646.  
  13647.                                                100% {
  13648.                                                    opacity: 1;
  13649.                                                    transform: translateX(0);
  13650.                                                }
  13651.                                            }
  13652.  
  13653.                                            @media screen and (min-width: 750px) {
  13654.                                                0% {
  13655.                                                    opacity: 0;
  13656.                                                    transform: translateX(100%);
  13657.                                                }
  13658.  
  13659.                                                100% {
  13660.                                                    opacity: 1;
  13661.                                                    transform: translateX(0);
  13662.                                                }
  13663.                                            }
  13664.                                        }
  13665.                                    </style>
  13666.                                    <pickup-availability
  13667.                                        class="product__pickup-availabilities no-js-hidden quick-add-hidden"
  13668.                                        data-root-url="https://duwaynemotel.com/" data-variant-id="43114192093653"
  13669.                                        data-has-only-default-variant="true"
  13670.                                        data-product-page-color-scheme="gradient color-background-1">
  13671.                                        <template>
  13672.                                            <pickup-availability-preview class="pickup-availability-preview">
  13673.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"
  13674.                                                    focusable="false" class="icon icon-unavailable" fill="none"
  13675.                                                    viewBox="0 0 20 20">
  13676.                                                    <path fill="#DE3618" stroke="#fff"
  13677.                                                        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" />
  13678.                                                </svg>
  13679.  
  13680.                                                <div class="pickup-availability-info">
  13681.                                                    <p class="caption-large">Couldn&#39;t load pickup availability</p>
  13682.                                                    <button
  13683.                                                        class="pickup-availability-button link link--text underlined-link">
  13684.                                                        Refresh
  13685.                                                    </button>
  13686.                                                </div>
  13687.                                            </pickup-availability-preview>
  13688.                                        </template>
  13689.                                    </pickup-availability>
  13690.  
  13691.                                    <script>
  13692.                                        /** Shopify CDN: Minification failed
  13693.                                
  13694.                                Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13695.                                Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13696.                                Line 30:23 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13697.                                Line 31:8 Transforming let to the configured target environment ("es5") is not supported yet
  13698.                                Line 35:8 Transforming const to the configured target environment ("es5") is not supported yet
  13699.                                Line 40:12 Transforming const to the configured target environment ("es5") is not supported yet
  13700.                                Line 46:12 Transforming const to the configured target environment ("es5") is not supported yet
  13701.                                Line 52:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13702.                                Line 56:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13703.                                Line 63:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13704.                                ... and 9 more hidden warnings
  13705.                                
  13706.                                **/
  13707.                                        if (!customElements.get('pickup-availability')) {
  13708.                                            customElements.define(
  13709.                                                'pickup-availability',
  13710.                                                class PickupAvailability extends HTMLElement {
  13711.                                                    constructor() {
  13712.                                                        super();
  13713.  
  13714.                                                        if (!this.hasAttribute('available')) return;
  13715.  
  13716.                                                        this.errorHtml = this.querySelector('template').content.firstElementChild.cloneNode(true);
  13717.                                                        this.onClickRefreshList = this.onClickRefreshList.bind(this);
  13718.                                                        this.fetchAvailability(this.dataset.variantId);
  13719.                                                    }
  13720.  
  13721.                                                    fetchAvailability(variantId) {
  13722.                                                        let rootUrl = this.dataset.rootUrl;
  13723.                                                        if (!rootUrl.endsWith('/')) {
  13724.                                                            rootUrl = rootUrl + '/';
  13725.                                                        }
  13726.                                                        const variantSectionUrl = `${rootUrl}variants/${variantId}/?section_id=pickup-availability`;
  13727.  
  13728.                                                        fetch(variantSectionUrl)
  13729.                                                            .then((response) => response.text())
  13730.                                                            .then((text) => {
  13731.                                                                const sectionInnerHTML = new DOMParser()
  13732.                                                                    .parseFromString(text, 'text/html')
  13733.                                                                    .querySelector('.shopify-section');
  13734.                                                                this.renderPreview(sectionInnerHTML);
  13735.                                                            })
  13736.                                                            .catch((e) => {
  13737.                                                                const button = this.querySelector('button');
  13738.                                                                if (button) button.removeEventListener('click', this.onClickRefreshList);
  13739.                                                                this.renderError();
  13740.                                                            });
  13741.                                                    }
  13742.  
  13743.                                                    onClickRefreshList(evt) {
  13744.                                                        this.fetchAvailability(this.dataset.variantId);
  13745.                                                    }
  13746.  
  13747.                                                    renderError() {
  13748.                                                        this.innerHTML = '';
  13749.                                                        this.appendChild(this.errorHtml);
  13750.  
  13751.                                                        this.querySelector('button').addEventListener('click', this.onClickRefreshList);
  13752.                                                    }
  13753.  
  13754.                                                    renderPreview(sectionInnerHTML) {
  13755.                                                        const drawer = document.querySelector('pickup-availability-drawer');
  13756.                                                        if (drawer) drawer.remove();
  13757.                                                        if (!sectionInnerHTML.querySelector('pickup-availability-preview')) {
  13758.                                                            this.innerHTML = '';
  13759.                                                            this.removeAttribute('available');
  13760.                                                            return;
  13761.                                                        }
  13762.  
  13763.                                                        this.innerHTML = sectionInnerHTML.querySelector('pickup-availability-preview').outerHTML;
  13764.                                                        this.setAttribute('available', '');
  13765.  
  13766.                                                        document.body.appendChild(sectionInnerHTML.querySelector('pickup-availability-drawer'));
  13767.                                                        const colorClassesToApply = this.dataset.productPageColorScheme.split(' ');
  13768.                                                        colorClassesToApply.forEach((colorClass) => {
  13769.                                                            document.querySelector('pickup-availability-drawer').classList.add(colorClass);
  13770.                                                        });
  13771.  
  13772.                                                        const button = this.querySelector('button');
  13773.                                                        if (button)
  13774.                                                            button.addEventListener('click', (evt) => {
  13775.                                                                document.querySelector('pickup-availability-drawer').show(evt.target);
  13776.                                                            });
  13777.                                                    }
  13778.                                                }
  13779.                                            );
  13780.                                        }
  13781.  
  13782.                                        if (!customElements.get('pickup-availability-drawer')) {
  13783.                                            customElements.define(
  13784.                                                'pickup-availability-drawer',
  13785.                                                class PickupAvailabilityDrawer extends HTMLElement {
  13786.                                                    constructor() {
  13787.                                                        super();
  13788.  
  13789.                                                        this.onBodyClick = this.handleBodyClick.bind(this);
  13790.  
  13791.                                                        this.querySelector('button').addEventListener('click', () => {
  13792.                                                            this.hide();
  13793.                                                        });
  13794.  
  13795.                                                        this.addEventListener('keyup', (event) => {
  13796.                                                            if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  13797.                                                        });
  13798.                                                    }
  13799.  
  13800.                                                    handleBodyClick(evt) {
  13801.                                                        const target = evt.target;
  13802.                                                        if (
  13803.                                                            target != this &&
  13804.                                                            !target.closest('pickup-availability-drawer') &&
  13805.                                                            target.id != 'ShowPickupAvailabilityDrawer'
  13806.                                                        ) {
  13807.                                                            this.hide();
  13808.                                                        }
  13809.                                                    }
  13810.  
  13811.                                                    hide() {
  13812.                                                        this.removeAttribute('open');
  13813.                                                        document.body.removeEventListener('click', this.onBodyClick);
  13814.                                                        document.body.classList.remove('overflow-hidden');
  13815.                                                        removeTrapFocus(this.focusElement);
  13816.                                                    }
  13817.  
  13818.                                                    show(focusElement) {
  13819.                                                        this.focusElement = focusElement;
  13820.                                                        this.setAttribute('open', '');
  13821.                                                        document.body.addEventListener('click', this.onBodyClick);
  13822.                                                        document.body.classList.add('overflow-hidden');
  13823.                                                        trapFocus(this);
  13824.                                                    }
  13825.                                                }
  13826.                                            );
  13827.                                        }
  13828.                                    </script>
  13829.                                </div>
  13830.                                <style>
  13831.                                    .product__description p {
  13832.                                        text-align: justify;
  13833.                                    }
  13834.  
  13835.                                    .product__description h2 {
  13836.                                        text-align: center;
  13837.                                    }
  13838.  
  13839.                                    .product__description a {
  13840.                                        font-weight: bold;
  13841.                                        text-decoration: none;
  13842.                                        color: #1f1f1d;
  13843.                                    }
  13844.  
  13845.                                    .site-list li {
  13846.                                        font-weight: bold;
  13847.                                    }
  13848.  
  13849.                                    .centre li {
  13850.                                        font-weight: normal;
  13851.                                        margin-left: -1em;
  13852.                                        text-align: justify;
  13853.                                        list-style-type: decimal;
  13854. <a href="https://duwaynemotel.com/">TOTO MACAU</a>
  13855.                                    }
  13856.                                </style>
  13857.                                <div class="product__description rte quick-add-hidden">
  13858. <p data-start="458" data-end="737"><a href="https://duwaynemotel.com/">Prediksi Macau Hari Ini</a> hadir untuk kamu yang mencari <strong data-start="516" data-end="567">bocoran angka Toto Macau paling jitu dan akurat</strong>. Dengan analisis pola keluaran terbaru, kami menghadirkan <a href="https://duwaynemotel.com/">prediksi Toto Macau 4D &amp; 5D</a>&nbsp;yang selalu diperbarui setiap hari agar kamu tidak ketinggalan peluang terbaik.</p>
  13859. <hr data-start="739" data-end="742" />
  13860. <h2 data-start="744" data-end="796">Prediksi Macau Hari Ini Terbaru dan Paling Akurat</h2>
  13861. <p data-start="798" data-end="1186">Setiap hari, tim kami memantau hasil <a href="https://duwaynemotel.com/">Toto Macau Pools</a>&nbsp;secara real-time untuk menyusun <a href="https://duwaynemotel.com/">prediksi Macau</a><strong data-start="888" data-end="915">&nbsp;hari ini</strong> berdasarkan data statistik, frekuensi keluaran, serta pola angka yang sedang naik.<br data-start="998" data-end="1001" /> Kami tidak asal menebak &mdash; setiap angka yang muncul melalui <a href="https://duwaynemotel.com/">prediksi Toto Macau hari ini</a>&nbsp;telah dianalisis melalui kombinasi algoritma dan perhitungan matematis yang terbukti efektif.</p>
  13862. <p data-start="1188" data-end="1216"><strong data-start="1188" data-end="1216">Kelebihan prediksi kami:</strong></p>
  13863. <ul data-start="1217" data-end="1391">
  13864. <li data-start="1217" data-end="1264">
  13865. <p data-start="1219" data-end="1264">Data diperbarui otomatis setiap sesi result</p>
  13866. </li>
  13867. <li data-start="1265" data-end="1308">
  13868. <p data-start="1267" data-end="1308">Fokus pada akurasi dan kestabilan angka</p>
  13869. </li>
  13870. <li data-start="1309" data-end="1341">
  13871. <p data-start="1311" data-end="1341">Cocok untuk pemain 4D dan 5D</p>
  13872. </li>
  13873. <li data-start="1342" data-end="1391">
  13874. <p data-start="1344" data-end="1391">Dilengkapi bocoran angka main dan colok bebas</p>
  13875. </li>
  13876. </ul>
  13877. <hr data-start="1393" data-end="1396" />
  13878. <h2 data-start="1398" data-end="1438">Bocoran Angka Main Toto Macau Terjitu</h2>
  13879. <p data-start="1440" data-end="1721">Bocoran ini disusun dari tren result sebelumnya, memastikan kamu mendapatkan <strong data-start="1517" data-end="1542">angka main jitu Macau</strong> yang realistis dan potensial keluar hari ini.<br data-start="1588" data-end="1591" /> Kami merekomendasikan kombinasi angka utama, angka ikut, dan colok bebas yang bisa kamu sesuaikan dengan pola permainanmu sendiri.</p>
  13880. <p data-start="1723" data-end="1855">Prediksi Macau jitu tidak hanya soal keberuntungan, tapi juga soal membaca pola dengan cermat berdasarkan hasil keluaran sebelumnya.</p>
  13881. <hr data-start="1857" data-end="1860" />
  13882. <h2 data-start="1862" data-end="1899">Metode Analisa Prediksi Toto Macau</h2>
  13883. <p data-start="1901" data-end="1973">Untuk menjaga konsistensi dan akurasi tinggi, sistem kami menggabungkan:</p>
  13884. <ol data-start="1975" data-end="2297">
  13885. <li data-start="1975" data-end="2051">
  13886. <p data-start="1978" data-end="2051">Analisis Pola Result Sebelumnya &mdash; mempelajari frekuensi keluaran angka.</p>
  13887. </li>
  13888. <li data-start="2052" data-end="2127">
  13889. <p data-start="2055" data-end="2127">Paito Macau dan Statistik Angka &mdash; sumber data valid dari server resmi.</p>
  13890. </li>
  13891. <li data-start="2128" data-end="2214">
  13892. <p data-start="2131" data-end="2214">Prediksi AI Pattern Matching &mdash; mengenali pola berulang untuk hasil lebih presisi.</p>
  13893. </li>
  13894. <li data-start="2215" data-end="2297">
  13895. <p data-start="2218" data-end="2297">Validasi Manual Harian &mdash; setiap hasil dicek ulang oleh tim agar tetap akurat.</p>
  13896. </li>
  13897. </ol>
  13898. <p data-start="2299" data-end="2399">Kombinasi metode ini membuat <strong data-start="2328" data-end="2360">prediksi Toto Macau hari ini</strong> lebih kuat dibandingkan bocoran biasa.</p>
  13899. <hr data-start="2401" data-end="2404" />
  13900. <h2 data-start="2406" data-end="2448">Kenapa Memilih Prediksi Macau dari Kami</h2>
  13901. <ul data-start="2450" data-end="2636">
  13902. <li data-start="2450" data-end="2510">
  13903. <p data-start="2452" data-end="2510">Prediksi dibuat oleh tim berpengalaman dan berbasis data</p>
  13904. </li>
  13905. <li data-start="2511" data-end="2542">
  13906. <p data-start="2513" data-end="2542">Update otomatis setiap hari</p>
  13907. </li>
  13908. <li data-start="2543" data-end="2582">
  13909. <p data-start="2545" data-end="2582">Format mudah dibaca untuk 4D dan 5D</p>
  13910. </li>
  13911. <li data-start="2583" data-end="2636">
  13912. <p data-start="2585" data-end="2636">Terpercaya dan digunakan oleh banyak pemain aktif</p>
  13913. </li>
  13914. </ul>
  13915. <p data-start="2638" data-end="2768">Kami selalu berfokus agar <strong data-start="2664" data-end="2691">Prediksi Macau Hari Ini</strong> tidak hanya akurat, tetapi juga mudah dipahami oleh semua kalangan pemain.</p>
  13916. <hr data-start="2770" data-end="2773" />
  13917. <h2 data-start="2775" data-end="2824">Prediksi Macau Terbaru Selalu Update Tiap Hari</h2>
  13918. <p data-start="2826" data-end="3143">Setiap pagi dan malam, <strong data-start="2849" data-end="2880">prediksi Toto Macau terbaru</strong> akan diperbarui agar kamu selalu mendapatkan informasi terkini tanpa perlu mencari ke banyak situs lain.<br data-start="2985" data-end="2988" /> Cukup simpan halaman ini &mdash; karena semua data dan <strong data-start="3037" data-end="3069">prediksi Macau jitu hari ini</strong> akan terus kami update otomatis berdasarkan hasil Toto Macau Pools resmi.</p>
  13919. <hr data-start="3145" data-end="3148" />
  13920. <h2 data-start="3150" data-end="3163">Kesimpulan</h2>
  13921. <p data-start="3165" data-end="3283"><strong data-start="3165" data-end="3245">Prediksi Macau ⚡ Bocoran Angka Toto Macau Paling Jitu dan Akurat Hari Ini #1</strong><br data-start="3245" data-end="3248" /> Adalah sumber paling lengkap untuk:</p>
  13922. <ul data-start="3284" data-end="3416">
  13923. <li data-start="3284" data-end="3316">
  13924. <p data-start="3286" data-end="3316">Prediksi Toto Macau Hari Ini</p>
  13925. </li>
  13926. <li data-start="3317" data-end="3349">
  13927. <p data-start="3319" data-end="3349">Bocoran Angka Jitu 4D dan 5D</p>
  13928. </li>
  13929. <li data-start="3350" data-end="3383">
  13930. <p data-start="3352" data-end="3383"><a href="https://duwaynemotel.com/">Paito</a> dan <a href="https://duwaynemotel.com/">Syair Macau</a> Terbaru</p>
  13931. </li>
  13932. <li data-start="3384" data-end="3416">
  13933. <p data-start="3386" data-end="3416">Analisa Pola Angka Real-Time</p>
  13934. </li>
  13935. </ul>
  13936. <p data-start="3418" data-end="3561">Dengan sistem analisa yang kuat dan pembaruan cepat, halaman ini siap membantu kamu mendapatkan prediksi - prediksi Macau yang sangat jitu</a><strong data-start="3514" data-end="3561">&nbsp;dan akurat setiap hari.</strong></p>
  13937.  
  13938.  
  13939. </div>
  13940.  
  13941.                                <script>
  13942.                                    /** Shopify CDN: Minification failed
  13943.                                
  13944.                                Line 13:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13945.                                Line 14:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13946.                                Line 41:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13947.                                Line 50:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13948.                                Line 59:15 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13949.                                
  13950.                                **/
  13951.                                    if (!customElements.get('share-button')) {
  13952.                                        customElements.define(
  13953.                                            'share-button',
  13954.                                            class ShareButton extends DetailsDisclosure {
  13955.                                                constructor() {
  13956.                                                    super();
  13957.  
  13958.                                                    this.elements = {
  13959.                                                        shareButton: this.querySelector('button'),
  13960.                                                        shareSummary: this.querySelector('summary'),
  13961.                                                        closeButton: this.querySelector('.share-button__close'),
  13962.                                                        successMessage: this.querySelector('[id^="ShareMessage"]'),
  13963.                                                        urlInput: this.querySelector('input'),
  13964.                                                    };
  13965.                                                    this.urlToShare = this.elements.urlInput ? this.elements.urlInput.value : document.location.href;
  13966.  
  13967.                                                    if (navigator.share) {
  13968.                                                        this.mainDetailsToggle.setAttribute('hidden', '');
  13969.                                                        this.elements.shareButton.classList.remove('hidden');
  13970.                                                        this.elements.shareButton.addEventListener('click', () => {
  13971.                                                            navigator.share({ url: this.urlToShare, title: document.title });
  13972.                                                        });
  13973.                                                    } else {
  13974.                                                        this.mainDetailsToggle.addEventListener('toggle', this.toggleDetails.bind(this));
  13975.                                                        this.mainDetailsToggle
  13976.                                                            .querySelector('.share-button__copy')
  13977.                                                            .addEventListener('click', this.copyToClipboard.bind(this));
  13978.                                                        this.mainDetailsToggle.querySelector('.share-button__close').addEventListener('click', this.close.bind(this));
  13979.                                                    }
  13980.                                                }
  13981.  
  13982.                                                toggleDetails() {
  13983.                                                    if (!this.mainDetailsToggle.open) {
  13984.                                                        this.elements.successMessage.classList.add('hidden');
  13985.                                                        this.elements.successMessage.textContent = '';
  13986.                                                        this.elements.closeButton.classList.add('hidden');
  13987.                                                        this.elements.shareSummary.focus();
  13988.                                                    }
  13989.                                                }
  13990.  
  13991.                                                copyToClipboard() {
  13992.                                                    navigator.clipboard.writeText(this.elements.urlInput.value).then(() => {
  13993.                                                        this.elements.successMessage.classList.remove('hidden');
  13994.                                                        this.elements.successMessage.textContent = window.accessibilityStrings.shareSuccess;
  13995.                                                        this.elements.closeButton.classList.remove('hidden');
  13996.                                                        this.elements.closeButton.focus();
  13997.                                                    });
  13998.                                                }
  13999.  
  14000.                                                updateUrl(url) {
  14001.                                                    this.urlToShare = url;
  14002.                                                    this.elements.urlInput.value = url;
  14003.                                                }
  14004.                                            }
  14005.                                        );
  14006.                                    }
  14007.                                </script>
  14008.  
  14009.                                <share-button id="Share-template--17040648077525__main"
  14010.                                    class="share-button quick-add-hidden">
  14011.                                    <button class="share-button__button hidden">
  14012.                                        <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  14013.                                            fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14014.                                            focusable="false">
  14015.                                            <path
  14016.                                                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"
  14017.                                                stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
  14018.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  14019.                                                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"
  14020.                                                fill="currentColor" />
  14021.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  14022.                                                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"
  14023.                                                fill="currentColor" />
  14024.                                        </svg>
  14025.  
  14026.                                        Share
  14027.                                    </button>
  14028.                                    <details id="Details-share-template--17040648077525__main">
  14029.                                        <summary class="share-button__button">
  14030.                                            <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  14031.                                                fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14032.                                                focusable="false">
  14033.                                                <path
  14034.                                                    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"
  14035.                                                    stroke="currentColor" stroke-linecap="round"
  14036.                                                    stroke-linejoin="round" />
  14037.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  14038.                                                    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"
  14039.                                                    fill="currentColor" />
  14040.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  14041.                                                    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"
  14042.                                                    fill="currentColor" />
  14043.                                            </svg>
  14044.  
  14045.                                            Share
  14046.                                        </summary>
  14047.                                        <div class="share-button__fallback motion-reduce">
  14048.                                            <div class="field">
  14049.                                                <span id="ShareMessage-template--17040648077525__main"
  14050.                                                    class="share-button__message hidden" role="status"> </span>
  14051.                                                <input type="text" class="field__input"
  14052.                                                    id="ShareUrl-template--17040648077525__main"
  14053.                                                    value="https://duwaynemotel.com/" placeholder="Link"
  14054.                                                    onclick="this.select();" readonly>
  14055.                                                <label class="field__label"
  14056.                                                    for="ShareUrl-template--17040648077525__main">Link</label>
  14057.                                            </div>
  14058.                                            <button class="share-button__close hidden no-js-hidden">
  14059.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14060.                                                    focusable="false" class="icon icon-close" fill="none"
  14061.                                                    viewBox="0 0 18 17">
  14062.                                                    <path
  14063.                                                        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"
  14064.                                                        fill="currentColor">
  14065.                                                </svg>
  14066.  
  14067.                                                <span class="visually-hidden">Close share</span>
  14068.                                            </button>
  14069.                                            <button class="share-button__copy no-js-hidden">
  14070.                                                <svg class="icon icon-clipboard" width="11" height="13" fill="none"
  14071.                                                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  14072.                                                    focusable="false" viewBox="0 0 11 13">
  14073.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  14074.                                                        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"
  14075.                                                        fill="currentColor" />
  14076.                                                </svg>
  14077.  
  14078.                                                <span class="visually-hidden">Copy link</span>
  14079.                                            </button>
  14080.                                        </div>
  14081.                                    </details>
  14082.                                </share-button>
  14083.  
  14084.                                <a href="https://duwaynemotel.com/" class="link product__view-details animate-arrow">
  14085.                                    View full details
  14086.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  14087.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  14088.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  14089.                                            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"
  14090.                                            fill="currentColor">
  14091.                                    </svg>
  14092.  
  14093.                                </a>
  14094.                            </product-info>
  14095.                        </div>
  14096.                    </div>
  14097.  
  14098.  
  14099.  
  14100.                    <product-modal id="ProductModal-template--17040648077525__main"
  14101.                        class="product-media-modal media-modal">
  14102.                        <div class="product-media-modal__dialog color-background-1 gradient" role="dialog"
  14103.                            aria-label="Media gallery" aria-modal="true" tabindex="-1">
  14104.                            <button id="ModalClose-template--17040648077525__main" type="button"
  14105.                                class="product-media-modal__toggle" aria-label="Close">
  14106.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  14107.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  14108.                                    <path
  14109.                                        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"
  14110.                                        fill="currentColor">
  14111.                                </svg>
  14112.  
  14113.                            </button>
  14114.  
  14115.                            <div class="product-media-modal__content color-background-1 gradient" role="document"
  14116.                                aria-label="Media gallery" tabindex="0">
  14117.                                <img class="global-media-settings global-media-settings--no-shadow"
  14118.                                    srcset="https://ophiuchus.club/img/PTM.webp"
  14119.                                    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
  14120.                                    src="https://ophiuchus.club/img/PTM.webp"
  14121.                                    alt="situs togel online" loading="lazy" width="1100" height="1100"
  14122.                                    data-media-id="33478743672119">
  14123.                            </div>
  14124.                        </div>
  14125.                    </product-modal>
  14126.  
  14127.  
  14128.  
  14129.                    <script>/** Shopify CDN: Minification failed
  14130.  
  14131. Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14132. Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14133. Line 22:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14134. Line 26:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14135. Line 31:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14136. Line 37:8 Transforming const to the configured target environment ("es5") is not supported yet
  14137. Line 38:8 Transforming const to the configured target environment ("es5") is not supported yet
  14138. Line 39:8 Transforming const to the configured target environment ("es5") is not supported yet
  14139. Line 43:8 Transforming const to the configured target environment ("es5") is not supported yet
  14141. **/
  14142.                        if (!customElements.get('product-modal')) {
  14143.                            customElements.define(
  14144.                                'product-modal',
  14145.                                class ProductModal extends ModalDialog {
  14146.                                    constructor() {
  14147.                                        super();
  14148.                                    }
  14149.  
  14150.                                    hide() {
  14151.                                        super.hide();
  14152.                                    }
  14153.  
  14154.                                    show(opener) {
  14155.                                        super.show(opener);
  14156.                                        this.showActiveMedia();
  14157.                                    }
  14158.  
  14159.                                    showActiveMedia() {
  14160.                                        this.querySelectorAll(
  14161.                                            `[data-media-id]:not([data-media-id="${this.openedBy.getAttribute('data-media-id')}"])`
  14162.                                        ).forEach((element) => {
  14163.                                            element.classList.remove('active');
  14164.                                        });
  14165.                                        const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute('data-media-id')}"]`);
  14166.                                        const activeMediaTemplate = activeMedia.querySelector('template');
  14167.                                        const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
  14168.                                        activeMedia.classList.add('active');
  14169.                                        activeMedia.scrollIntoView();
  14170.  
  14171.                                        const container = this.querySelector('[role="document"]');
  14172.                                        container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
  14173.  
  14174.                                        if (
  14175.                                            activeMedia.nodeName == 'DEFERRED-MEDIA' &&
  14176.                                            activeMediaContent &&
  14177.                                            activeMediaContent.querySelector('.js-youtube')
  14178.                                        )
  14179.                                            activeMedia.loadContent();
  14180.                                    }
  14181.                                }
  14182.                            );
  14183.                        }</script>
  14184.                    <script>/** Shopify CDN: Minification failed
  14185.  
  14186. Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14187. Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14188. Line 39:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14189. Line 40:8 Transforming const to the configured target environment ("es5") is not supported yet
  14190. Line 46:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14191. Line 47:8 Transforming const to the configured target environment ("es5") is not supported yet
  14192. Line 56:12 Transforming const to the configured target environment ("es5") is not supported yet
  14193. Line 74:8 Transforming const to the configured target environment ("es5") is not supported yet
  14194. Line 79:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14195. Line 91:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14196. ... and 5 more hidden warnings
  14197.  
  14198. **/
  14199.                        if (!customElements.get('media-gallery')) {
  14200.                            customElements.define(
  14201.                                'media-gallery',
  14202.                                class MediaGallery extends HTMLElement {
  14203.                                    constructor() {
  14204.                                        super();
  14205.                                        this.elements = {
  14206.                                            liveRegion: this.querySelector('[id^="GalleryStatus"]'),
  14207.                                            viewer: this.querySelector('[id^="GalleryViewer"]'),
  14208.                                            thumbnails: this.querySelector('[id^="GalleryThumbnails"]'),
  14209.                                        };
  14210.                                        this.mql = window.matchMedia('(min-width: 750px)');
  14211.                                        if (!this.elements.thumbnails) return;
  14212.  
  14213.                                        this.elements.viewer.addEventListener('slideChanged', debounce(this.onSlideChanged.bind(this), 500));
  14214.                                        this.elements.thumbnails.querySelectorAll('[data-target]').forEach((mediaToSwitch) => {
  14215.                                            mediaToSwitch
  14216.                                                .querySelector('button')
  14217.                                                .addEventListener('click', this.setActiveMedia.bind(this, mediaToSwitch.dataset.target, false));
  14218.                                        });
  14219.                                        if (this.dataset.desktopLayout.includes('thumbnail') && this.mql.matches) this.removeListSemantic();
  14220.                                    }
  14221.  
  14222.                                    onSlideChanged(event) {
  14223.                                        const thumbnail = this.elements.thumbnails.querySelector(
  14224.                                            `[data-target="${event.detail.currentElement.dataset.mediaId}"]`
  14225.                                        );
  14226.                                        this.setActiveThumbnail(thumbnail);
  14227.                                    }
  14228.  
  14229.                                    setActiveMedia(mediaId, prepend) {
  14230.                                        const activeMedia = this.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`);
  14231.                                        this.elements.viewer.querySelectorAll('[data-media-id]').forEach((element) => {
  14232.                                            element.classList.remove('is-active');
  14233.                                        });
  14234.                                        activeMedia.classList.add('is-active');
  14235.  
  14236.                                        if (prepend) {
  14237.                                            activeMedia.parentElement.prepend(activeMedia);
  14238.                                            if (this.elements.thumbnails) {
  14239.                                                const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14240.                                                activeThumbnail.parentElement.prepend(activeThumbnail);
  14241.                                            }
  14242.                                            if (this.elements.viewer.slider) this.elements.viewer.resetPages();
  14243.                                        }
  14244.  
  14245.                                        this.preventStickyHeader();
  14246.                                        window.setTimeout(() => {
  14247.                                            if (this.elements.thumbnails) {
  14248.                                                activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });
  14249.                                            }
  14250.                                            if (!this.elements.thumbnails || this.dataset.desktopLayout === 'stacked') {
  14251.                                                activeMedia.scrollIntoView({ behavior: 'smooth' });
  14252.                                            }
  14253.                                        });
  14254.                                        this.playActiveMedia(activeMedia);
  14255.  
  14256.                                        if (!this.elements.thumbnails) return;
  14257.                                        const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14258.                                        this.setActiveThumbnail(activeThumbnail);
  14259.                                        this.announceLiveRegion(activeMedia, activeThumbnail.dataset.mediaPosition);
  14260.                                    }
  14261.  
  14262.                                    setActiveThumbnail(thumbnail) {
  14263.                                        if (!this.elements.thumbnails || !thumbnail) return;
  14264.  
  14265.                                        this.elements.thumbnails
  14266.                                            .querySelectorAll('button')
  14267.                                            .forEach((element) => element.removeAttribute('aria-current'));
  14268.                                        thumbnail.querySelector('button').setAttribute('aria-current', true);
  14269.                                        if (this.elements.thumbnails.isSlideVisible(thumbnail, 10)) return;
  14270.  
  14271.                                        this.elements.thumbnails.slider.scrollTo({ left: thumbnail.offsetLeft });
  14272.                                    }
  14273.  
  14274.                                    announceLiveRegion(activeItem, position) {
  14275.                                        const image = activeItem.querySelector('.product__modal-opener--image img');
  14276.                                        if (!image) return;
  14277.                                        image.onload = () => {
  14278.                                            this.elements.liveRegion.setAttribute('aria-hidden', false);
  14279.                                            this.elements.liveRegion.innerHTML = window.accessibilityStrings.imageAvailable.replace('[index]', position);
  14280.                                            setTimeout(() => {
  14281.                                                this.elements.liveRegion.setAttribute('aria-hidden', true);
  14282.                                            }, 2000);
  14283.                                        };
  14284.                                        image.src = image.src;
  14285.                                    }
  14286.  
  14287.                                    playActiveMedia(activeItem) {
  14288.                                        window.pauseAllMedia();
  14289.                                        const deferredMedia = activeItem.querySelector('.deferred-media');
  14290.                                        if (deferredMedia) deferredMedia.loadContent(false);
  14291.                                    }
  14292.  
  14293.                                    preventStickyHeader() {
  14294.                                        this.stickyHeader = this.stickyHeader || document.querySelector('sticky-header');
  14295.                                        if (!this.stickyHeader) return;
  14296.                                        this.stickyHeader.dispatchEvent(new Event('preventHeaderReveal'));
  14297.                                    }
  14298.  
  14299.                                    removeListSemantic() {
  14300.                                        if (!this.elements.viewer.slider) return;
  14301.                                        this.elements.viewer.slider.setAttribute('role', 'presentation');
  14302.                                        this.elements.viewer.sliderItems.forEach((slide) => slide.setAttribute('role', 'presentation'));
  14303.                                    }
  14304.                                }
  14305.                            );
  14306.                        }
  14307.                    </script>
  14308.                    <script>
  14309.                        document.addEventListener('DOMContentLoaded', function () {
  14310.                            function isIE() {
  14311.                                const ua = window.navigator.userAgent;
  14312.                                const msie = ua.indexOf('MSIE ');
  14313.                                const trident = ua.indexOf('Trident/https://duwaynemotel.com/');
  14314.  
  14315.                                return msie > 0 || trident > 0;
  14316.                            }
  14317.  
  14318.                            if (!isIE()) return;
  14319.                            const hiddenInput = document.querySelector('#product-form-template--17040648077525__main input[name="id"]');
  14320.                            const noScriptInputWrapper = document.createElement('div');
  14321.                            const variantSwitcher =
  14322.                                document.querySelector('variant-radios[data-section="template--17040648077525__main"]') ||
  14323.                                document.querySelector('variant-selects[data-section="template--17040648077525__main"]');
  14324.                            noScriptInputWrapper.innerHTML = document.querySelector(
  14325.                                '.product-form__noscript-wrapper-template--17040648077525__main'
  14326.                            ).textContent;
  14327.                            variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
  14328.  
  14329.                            document.querySelector('#Variants-template--17040648077525__main').addEventListener('change', function (event) {
  14330.                                hiddenInput.value = event.currentTarget.value;
  14331.                            });
  14332.                        });
  14333.                    </script>
  14334.                    <script type="application/ld+json">
  14335.  {
  14336.    "@context": "http://schema.org/",
  14337.    "@type": "Product",
  14338.    "name": "Prediksi Macau ⚡ Bocoran Angka Toto Macau paling Jitu, Prediksi Macau Hari Ini Terakurat #1",
  14339.    "url": "https://duwaynemotel.com/",
  14340.    "image": ["https://ophiuchus.club/img/PTM.webp"],
  14341.    "description": "Prediksi Macau Hari Ini ⚡ Temukan bocoran angka Toto Macau paling jitu & terakurat 4D 5D. Update setiap hari, akurat, dan dipercaya ribuan pemain!",
  14342.    "brand": {
  14343.      "@type": "Brand",
  14344.      "name": "TOTO MACAU"
  14345.    },
  14346.    "offers": [{
  14347.      "@type": "Offer",
  14348.      "availability": "http://schema.org/InStock",
  14349.      "price": 5000.0,
  14350.      "priceCurrency": "IDR",
  14351.      "url": "https://duwaynemotel.com/"
  14352.    }]
  14353.  }
  14354. </script>
  14355.                </div>
  14356.            </section>
  14357.  
  14358.  
  14359.        </section>
  14360.        <section id="shopify-section-template--17040648077525__related-products" class="shopify-section section">
  14361.  
  14362.            <style>
  14363.                .card-wrapper {
  14364.                    color: inherit;
  14365.                    height: 100%;
  14366.                    position: relative;
  14367.                    text-decoration: none
  14368.                }
  14369.  
  14370.                .card {
  14371.                    text-decoration: none;
  14372.                    text-align: var(--text-alignment)
  14373.                }
  14374.  
  14375.                .card:not(.ratio) {
  14376.                    display: flex;
  14377.                    flex-direction: column;
  14378.                    height: 100%
  14379.                }
  14380.  
  14381.                .card.card--horizontal {
  14382.                    --text-alignment: left;
  14383.                    --image-padding: 0rem;
  14384.                    flex-direction: row;
  14385.                    align-items: flex-start;
  14386.                    gap: 1.5rem
  14387.                }
  14388.  
  14389.                .card--horizontal.ratio:before {
  14390.                    padding-bottom: 0
  14391.                }
  14392.  
  14393.                .card--card.card--horizontal {
  14394.                    padding: 1.2rem
  14395.                }
  14396.  
  14397.                .card--card.card--horizontal.card--text {
  14398.                    column-gap: 0
  14399.                }
  14400.  
  14401.                .card--card {
  14402.                    height: 100%
  14403.                }
  14404.  
  14405.                .card--card,
  14406.                .card--standard .card__inner {
  14407.                    position: relative;
  14408.                    box-sizing: border-box;
  14409.                    border-radius: var(--border-radius);
  14410.                    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  14411.                }
  14412.  
  14413.                .card--card:after,
  14414.                .card--standard .card__inner:after {
  14415.                    content: "";
  14416.                    position: absolute;
  14417.                    z-index: -1;
  14418.                    width: calc(var(--border-width) * 2 + 100%);
  14419.                    height: calc(var(--border-width) * 2 + 100%);
  14420.                    top: calc(var(--border-width) * -1);
  14421.                    left: calc(var(--border-width) * -1);
  14422.                    border-radius: var(--border-radius);
  14423.                    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  14424.                }
  14425.  
  14426.                .card--card.gradient,
  14427.                .card__inner.gradient {
  14428.                    transform: perspective(0)
  14429.                }
  14430.  
  14431.                .card__inner.color-background-1 {
  14432.                    background: transparent
  14433.                }
  14434.  
  14435.                .card .card__inner .card__media {
  14436.                    overflow: hidden;
  14437.                    z-index: 0;
  14438.                    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  14439.                }
  14440.  
  14441.                .card--card .card__inner .card__media {
  14442.                    border-bottom-right-radius: 0;
  14443.                    border-bottom-left-radius: 0
  14444.                }
  14445.  
  14446.                .card--standard.card--text {
  14447.                    background-color: transparent
  14448.                }
  14449.  
  14450.                .card-information {
  14451.                    text-align: var(--text-alignment)
  14452.                }
  14453.  
  14454.                .card__media,
  14455.                .card .media {
  14456.                    bottom: 0;
  14457.                    position: absolute;
  14458.                    top: 0
  14459.                }
  14460.  
  14461.                .card .media {
  14462.                    width: 100%
  14463.                }
  14464.  
  14465.                .card__media {
  14466.                    margin: var(--image-padding);
  14467.                    width: calc(100% - 2 * var(--image-padding))
  14468.                }
  14469.  
  14470.                .card--standard .card__media {
  14471.                    margin: var(--image-padding)
  14472.                }
  14473.  
  14474.                .card__inner {
  14475.                    width: 100%
  14476.                }
  14477.  
  14478.                .card--media .card__inner .card__content {
  14479.                    position: relative;
  14480.                    padding: calc(var(--image-padding) + 1rem)
  14481.                }
  14482.  
  14483.                .card__content {
  14484.                    display: grid;
  14485.                    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  14486.                    padding: 1rem;
  14487.                    width: 100%;
  14488.                    flex-grow: 1
  14489.                }
  14490.  
  14491.                .card__content--auto-margins {
  14492.                    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  14493.                }
  14494.  
  14495.                .card__information {
  14496.                    grid-row-start: 2;
  14497.                    padding: 1.3rem 1rem
  14498.                }
  14499.  
  14500.                .card:not(.ratio)>.card__content {
  14501.                    grid-template-rows: max-content minmax(0, 1fr) max-content auto
  14502.                }
  14503.  
  14504.                .card-information .card__information-volume-pricing-note {
  14505.                    margin-top: .6rem;
  14506.                    line-height: calc(.5 + .4 / var(--font-body-scale));
  14507.                    color: rgba(var(--color-foreground), .75)
  14508.                }
  14509.  
  14510.                @media screen and (min-width: 750px) {
  14511.                    .card__information {
  14512.                        padding-bottom: 1.7rem;
  14513.                        padding-top: 1.7rem
  14514.                    }
  14515.                }
  14516.  
  14517.                .card__badge {
  14518.                    align-self: flex-end;
  14519.                    grid-row-start: 3;
  14520.                    justify-self: flex-start
  14521.                }
  14522.  
  14523.                .card__badge.top {
  14524.                    align-self: flex-start;
  14525.                    grid-row-start: 1
  14526.                }
  14527.  
  14528.                .card__badge.right {
  14529.                    justify-self: flex-end
  14530.                }
  14531.  
  14532.                .card:not(.card--horizontal)>.card__content>.card__badge {
  14533.                    margin: 1.3rem
  14534.                }
  14535.  
  14536.                .card__media .media img {
  14537.                    height: 100%;
  14538.                    object-fit: cover;
  14539.                    object-position: center center;
  14540.                    width: 100%
  14541.                }
  14542.  
  14543.                .card__inner:not(.ratio)>.card__content {
  14544.                    height: 100%
  14545.                }
  14546.  
  14547.                .card__heading {
  14548.                    margin-top: 0;
  14549.                    margin-bottom: 0
  14550.                }
  14551.  
  14552.                .card__heading:last-child {
  14553.                    margin-bottom: 0
  14554.                }
  14555.  
  14556.                .card--horizontal .card__heading,
  14557.                .card--horizontal .price__container .price-item,
  14558.                .card--horizontal__quick-add {
  14559.                    font-size: calc(var(--font-heading-scale) * 1.2rem)
  14560.                }
  14561.  
  14562.                .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14563.                    margin-top: 0
  14564.                }
  14565.  
  14566.                .card--horizontal__quick-add:before {
  14567.                    box-shadow: none
  14568.                }
  14569.  
  14570.                @media only screen and (min-width: 750px) {
  14571.  
  14572.                    .card--horizontal .card__heading,
  14573.                    .card--horizontal .price__container .price-item,
  14574.                    .card--horizontal__quick-add {
  14575.                        font-size: calc(var(--font-heading-scale) * 1.3rem)
  14576.                    }
  14577.                }
  14578.  
  14579.                .card--card.card--media>.card__content {
  14580.                    margin-top: calc(0rem - var(--image-padding))
  14581.                }
  14582.  
  14583.                .card--standard.card--text a:after,
  14584.                .card--card .card__heading a:after {
  14585.                    bottom: calc(var(--border-width) * -1);
  14586.                    left: calc(var(--border-width) * -1);
  14587.                    right: calc(var(--border-width) * -1);
  14588.                    top: calc(var(--border-width) * -1)
  14589.                }
  14590.  
  14591.                .card__heading a:after {
  14592.                    bottom: 0;
  14593.                    content: "";
  14594.                    left: 0;
  14595.                    position: absolute;
  14596.                    right: 0;
  14597.                    top: 0;
  14598.                    z-index: 1
  14599.                }
  14600.  
  14601.                .card__heading a:after {
  14602.                    outline-offset: .3rem
  14603.                }
  14604.  
  14605.                .card__heading a:focus:after {
  14606.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14607.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14608.                }
  14609.  
  14610.                .card__heading a:focus-visible:after {
  14611.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14612.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14613.                }
  14614.  
  14615.                .card__heading a:focus:not(:focus-visible):after {
  14616.                    box-shadow: none;
  14617.                    outline: 0
  14618.                }
  14619.  
  14620.                .card__heading a:focus {
  14621.                    box-shadow: none;
  14622.                    outline: 0
  14623.                }
  14624.  
  14625.                @media screen and (min-width: 990px) {
  14626.  
  14627.                    .card .media.media--hover-effect>img:only-child,
  14628.                    .card-wrapper .media.media--hover-effect>img:only-child {
  14629.                        transition: transform var(--duration-long) ease
  14630.                    }
  14631.  
  14632.                    .card:hover .media.media--hover-effect>img:first-child:only-child,
  14633.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  14634.                        transform: scale(1.03)
  14635.                    }
  14636.  
  14637.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  14638.                        opacity: 0
  14639.                    }
  14640.  
  14641.                    .card-wrapper:hover .media.media--hover-effect>img+img {
  14642.                        opacity: 1;
  14643.                        transition: transform var(--duration-long) ease;
  14644.                        transform: scale(1.03)
  14645.                    }
  14646.  
  14647.                    .underline-links-hover:hover a {
  14648.                        text-decoration: underline;
  14649.                        text-underline-offset: .3rem
  14650.                    }
  14651.                }
  14652.  
  14653.                .card--standard.card--media .card__inner .card__information,
  14654.                .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  14655.                .card--standard:not(.card--horizontal)>.card__content .card__badge,
  14656.                .card--standard.card--text.article-card>.card__content .card__information,
  14657.                .card--standard>.card__content .card__caption {
  14658.                    display: none
  14659.                }
  14660.  
  14661.                .card--standard:not(.card--horizontal) .placeholder-svg {
  14662.                    height: auto;
  14663.                    width: 100%
  14664.                }
  14665.  
  14666.                .card--standard>.card__content {
  14667.                    padding: 0
  14668.                }
  14669.  
  14670.                .card--standard>.card__content .card__information {
  14671.                    padding-left: 0;
  14672.                    padding-right: 0
  14673.                }
  14674.  
  14675.                .card--card.card--media .card__inner .card__information,
  14676.                .card--card.card--text .card__inner,
  14677.                .card--card.card--media>.card__content .card__badge {
  14678.                    display: none
  14679.                }
  14680.  
  14681.                .card--horizontal .card__badge,
  14682.                .card--horizontal.card--text .card__inner {
  14683.                    display: none
  14684.                }
  14685.  
  14686.                .card--extend-height {
  14687.                    height: 100%
  14688.                }
  14689.  
  14690.                .card--extend-height.card--standard.card--text,
  14691.                .card--extend-height.card--media {
  14692.                    display: flex;
  14693.                    flex-direction: column
  14694.                }
  14695.  
  14696.                .card--extend-height.card--standard.card--text .card__inner,
  14697.                .card--extend-height.card--media .card__inner {
  14698.                    flex-grow: 1
  14699.                }
  14700.  
  14701.                .card .icon-wrap {
  14702.                    margin-left: .8rem;
  14703.                    white-space: nowrap;
  14704.                    transition: transform var(--duration-short) ease;
  14705.                    overflow: hidden
  14706.                }
  14707.  
  14708.                .card-information>*+* {
  14709.                    margin-top: .5rem
  14710.                }
  14711.  
  14712.                .card-information {
  14713.                    width: 100%
  14714.                }
  14715.  
  14716.                .card-information>* {
  14717.                    line-height: calc(1 + .4 / var(--font-body-scale));
  14718.                    color: rgb(var(--color-foreground))
  14719.                }
  14720.  
  14721.                .card-information>.price {
  14722.                    color: rgb(var(--color-foreground))
  14723.                }
  14724.  
  14725.                .card--horizontal .card-information>.price {
  14726.                    color: rgba(var(--color-foreground), .75)
  14727.                }
  14728.  
  14729.                .card-information>.rating {
  14730.                    margin-top: .4rem
  14731.                }
  14732.  
  14733.                .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14734.                    margin-top: .7rem
  14735.                }
  14736.  
  14737.                .card-information .caption {
  14738.                    letter-spacing: .07rem
  14739.                }
  14740.  
  14741.                .card-article-info {
  14742.                    margin-top: 1rem
  14743.                }
  14744.  
  14745.                .card--shape .card__content {
  14746.                    padding-top: 0
  14747.                }
  14748.  
  14749.                .card--shape.card--standard:not(.card--text) .card__inner {
  14750.                    border: 0;
  14751.                    background-color: transparent;
  14752.                    filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  14753.                }
  14754.  
  14755.                .card--shape.card--standard:not(.card--text) .card__inner:after {
  14756.                    display: none
  14757.                }
  14758.  
  14759.                .grid__item:nth-child(2n) .shape--blob {
  14760.                    clip-path: polygon(var(--shape--blob-2))
  14761.                }
  14762.  
  14763.                .grid__item:nth-child(3n) .shape--blob {
  14764.                    clip-path: polygon(var(--shape--blob-3))
  14765.                }
  14766.  
  14767.                .grid__item:nth-child(4n) .shape--blob {
  14768.                    clip-path: polygon(var(--shape--blob-4))
  14769.                }
  14770.  
  14771.                .grid__item:nth-child(5n) .shape--blob {
  14772.                    clip-path: polygon(var(--shape--blob-5))
  14773.                }
  14774.  
  14775.                .grid__item:nth-child(7n) .shape--blob {
  14776.                    clip-path: polygon(var(--shape--blob-6))
  14777.                }
  14778.  
  14779.                .grid__item:nth-child(8n) .shape--blob {
  14780.                    clip-path: polygon(var(--shape--blob-1))
  14781.                }
  14782.  
  14783.                @media (prefers-reduced-motion: no-preference) {
  14784.                    .product-card-wrapper .shape--round {
  14785.                        transition: clip-path var(--duration-long) ease
  14786.                    }
  14787.  
  14788.                    .product-card-wrapper:hover .shape--round {
  14789.                        clip-path: ellipse(47% 47% at 50% 50%)
  14790.                    }
  14791.  
  14792.                    .product-card-wrapper .shape--blob {
  14793.                        transition: clip-path var(--duration-long) ease-in-out
  14794.                    }
  14795.  
  14796.                    .product-card-wrapper:hover .shape--blob {
  14797.                        clip-path: polygon(var(--shape--blob-5))
  14798.                    }
  14799.  
  14800.                    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  14801.                        clip-path: polygon(var(--shape--blob-6))
  14802.                    }
  14803.  
  14804.                    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  14805.                        clip-path: polygon(var(--shape--blob-1))
  14806.                    }
  14807.  
  14808.                    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  14809.                        clip-path: polygon(var(--shape--blob-2))
  14810.                    }
  14811.  
  14812.                    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  14813.                        clip-path: polygon(var(--shape--blob-3))
  14814.                    }
  14815.  
  14816.                    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  14817.                        clip-path: polygon(var(--shape--blob-4))
  14818.                    }
  14819.  
  14820.                    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  14821.                        clip-path: polygon(var(--shape--blob-5))
  14822.                    }
  14823.                }
  14824.            </style>
  14825.            <style>
  14826.                .price {
  14827.                    font-size: 1.6rem;
  14828.                    letter-spacing: .1rem;
  14829.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14830.                    color: rgb(var(--color-foreground))
  14831.                }
  14832.  
  14833.                .price>* {
  14834.                    display: inline-block;
  14835.                    vertical-align: top
  14836.                }
  14837.  
  14838.                .price.price--unavailable {
  14839.                    visibility: hidden
  14840.                }
  14841.  
  14842.                .price--end {
  14843.                    text-align: right
  14844.                }
  14845.  
  14846.                .price .price-item {
  14847.                    display: inline-block;
  14848.                    margin: 0 1rem 0 0
  14849.                }
  14850.  
  14851.                .price__regular .price-item--regular {
  14852.                    margin-right: 0
  14853.                }
  14854.  
  14855.                .price:not(.price--show-badge) .price-item--last:last-of-type {
  14856.                    margin: 0
  14857.                }
  14858.  
  14859.                @media screen and (min-width: 750px) {
  14860.                    .price {
  14861.                        margin-bottom: 0
  14862.                    }
  14863.                }
  14864.  
  14865.                .price--large {
  14866.                    font-size: 1.6rem;
  14867.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14868.                    letter-spacing: .13rem
  14869.                }
  14870.  
  14871.                @media screen and (min-width: 750px) {
  14872.                    .price--large {
  14873.                        font-size: 1.8rem
  14874.                    }
  14875.                }
  14876.  
  14877.                .price--sold-out .price__availability,
  14878.                .price__regular {
  14879.                    display: block
  14880.                }
  14881.  
  14882.                .price__sale,
  14883.                .price__availability,
  14884.                .price .price__badge-sale,
  14885.                .price .price__badge-sold-out,
  14886.                .price--on-sale .price__regular,
  14887.                .price--on-sale .price__availability {
  14888.                    display: none
  14889.                }
  14890.  
  14891.                .price--sold-out .price__badge-sold-out,
  14892.                .price--on-sale .price__badge-sale,
  14893.                .volume-pricing--sale-badge .price__badge-sale {
  14894.                    display: inline-block
  14895.                }
  14896.  
  14897.                .volume-pricing--sale-badge .price__badge-sale {
  14898.                    margin-left: .5rem
  14899.                }
  14900.  
  14901.                .price--on-sale .price__sale {
  14902.                    display: initial;
  14903.                    flex-direction: row;
  14904.                    flex-wrap: wrap
  14905.                }
  14906.  
  14907.                .price--center {
  14908.                    display: initial;
  14909.                    justify-content: center
  14910.                }
  14911.  
  14912.                .price--on-sale .price-item--regular {
  14913.                    text-decoration: line-through;
  14914.                    color: rgba(var(--color-foreground), .75);
  14915.                    font-size: 1.3rem
  14916.                }
  14917.  
  14918.                .unit-price {
  14919.                    display: block;
  14920.                    font-size: 1.1rem;
  14921.                    letter-spacing: .04rem;
  14922.                    line-height: calc(1 + .2 / var(--font-body-scale));
  14923.                    margin-top: .2rem;
  14924.                    text-transform: uppercase;
  14925.                    color: rgba(var(--color-foreground), .7)
  14926.                }
  14927.            </style>
  14928.            <style>
  14929.                .related-products {
  14930.                    display: block;
  14931.                }
  14932.  
  14933.                .related-products__heading {
  14934.                    margin: 0 0 3rem;
  14935.                }
  14936.            </style>
  14937.            <style data-shopify>
  14938.                .section-template--17040648077525__related-products-padding {
  14939.                    padding-top: 0px;
  14940.                    padding-bottom: 45px;
  14941.                }
  14942.  
  14943.                @media screen and (min-width: 750px) {
  14944.                    .section-template--17040648077525__related-products-padding {
  14945.                        padding-top: 0px;
  14946.                        padding-bottom: 60px;
  14947.                    }
  14948.                }
  14949.            </style>
  14950.            <div class="color-background-1 gradient no-js-hidden">
  14951.                <product-recommendations
  14952.                    class="related-products page-width section-template--17040648077525__related-products-padding isolate scroll-trigger animate--slide-in"
  14953.                    data-url="/recommendations/products?section_id=template--17040648077525__related-products&product_id=8226828321669&limit=4">
  14954.  
  14955.                </product-recommendations>
  14956.            </div>
  14957.  
  14958.  
  14959.        </section>
  14960.    </main>
  14961.  
  14962.    <!-- BEGIN sections: footer-group -->
  14963.    <section id="shopify-section-sections--17040648372437__newsletter"
  14964.        class="shopify-section shopify-section-group-footer-group section">
  14965.        <style>
  14966.            .newsletter-form {
  14967.                display: flex;
  14968.                flex-direction: column;
  14969.                justify-content: center;
  14970.                align-items: center;
  14971.                width: 100%;
  14972.                position: relative
  14973.            }
  14974.  
  14975.            @media screen and (min-width: 750px) {
  14976.                .newsletter-form {
  14977.                    align-items: flex-start;
  14978.                    margin: 0 auto;
  14979.                    max-width: 36rem
  14980.                }
  14981.            }
  14982.  
  14983.            .newsletter-form__field-wrapper {
  14984.                width: 100%
  14985.            }
  14986.  
  14987.            .newsletter-form__field-wrapper .field__input {
  14988.                padding-right: 5rem
  14989.            }
  14990.  
  14991.            .newsletter-form__field-wrapper .field {
  14992.                z-index: 0
  14993.            }
  14994.  
  14995.            .newsletter-form__message {
  14996.                justify-content: center;
  14997.                margin-bottom: 0
  14998.            }
  14999.  
  15000.            .newsletter-form__message--success {
  15001.                margin-top: 2rem
  15002.            }
  15003.  
  15004.            @media screen and (min-width: 750px) {
  15005.                .newsletter-form__message {
  15006.                    justify-content: flex-start
  15007.                }
  15008.            }
  15009.  
  15010.            .newsletter-form__button {
  15011.                width: 4.4rem;
  15012.                margin: 0;
  15013.                right: var(--inputs-border-width);
  15014.                top: 0;
  15015.                height: 100%;
  15016.                z-index: 2
  15017.            }
  15018.  
  15019.            .newsletter-form__button:focus-visible {
  15020.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15021.                background-color: rgb(var(--color-background))
  15022.            }
  15023.  
  15024.            .newsletter-form__button:focus {
  15025.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15026.                background-color: rgb(var(--color-background))
  15027.            }
  15028.  
  15029.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15030.                box-shadow: inherit;
  15031.                background-color: inherit
  15032.            }
  15033.  
  15034.            .newsletter-form__button .icon {
  15035.                width: 1.5rem
  15036.            }
  15037.        </style>
  15038.        <style>
  15039.            .newsletter__wrapper {
  15040.                padding-right: calc(4rem / var(--font-body-scale));
  15041.                padding-left: calc(4rem / var(--font-body-scale))
  15042.            }
  15043.  
  15044.            @media screen and (min-width: 750px) {
  15045.                .newsletter__wrapper {
  15046.                    padding-right: 9rem;
  15047.                    padding-left: 9rem
  15048.                }
  15049.            }
  15050.  
  15051.            .newsletter__wrapper>* {
  15052.                margin-top: 0;
  15053.                margin-bottom: 0
  15054.            }
  15055.  
  15056.            .newsletter__wrapper>*+* {
  15057.                margin-top: 2rem
  15058.            }
  15059.  
  15060.            .newsletter__wrapper>*+.newsletter-form {
  15061.                margin-top: 3rem
  15062.            }
  15063.  
  15064.            .newsletter__subheading {
  15065.                max-width: 70rem;
  15066.                margin-left: auto;
  15067.                margin-right: auto
  15068.            }
  15069.  
  15070.            .newsletter__wrapper .newsletter-form__field-wrapper {
  15071.                max-width: 36rem
  15072.            }
  15073.  
  15074.            .newsletter-form__field-wrapper .newsletter-form__message {
  15075.                margin-top: 1.5rem
  15076.            }
  15077.  
  15078.            .newsletter__button {
  15079.                margin-top: 3rem;
  15080.                width: fit-content
  15081.            }
  15082.  
  15083.            @media screen and (min-width: 750px) {
  15084.                .newsletter__button {
  15085.                    flex-shrink: 0;
  15086.                    margin: 0 0 0 1rem
  15087.                }
  15088.            }
  15089.        </style>
  15090.        <style data-shopify>
  15091.            .section-sections--17040648372437__newsletter-padding {
  15092.                padding-top: 21px;
  15093.                padding-bottom: 0px;
  15094.            }
  15095.  
  15096.            @media screen and (min-width: 750px) {
  15097.                .section-sections--17040648372437__newsletter-padding {
  15098.                    padding-top: 28px;
  15099.                    padding-bottom: 0px;
  15100.                }
  15101.            }
  15102.        </style>
  15103.        <div class="newsletter center ">
  15104.            <div
  15105.                class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--17040648372437__newsletter-padding">
  15106.                <h2 class="inline-richtext h1 scroll-trigger animate--slide-in" data-cascade
  15107.                    style="--animation-order: 1;">
  15108.                    Daftar Dan Login Toto Macau
  15109.                </h2>
  15110.                <div class="newsletter__subheading rte scroll-trigger animate--slide-in" data-cascade
  15111.                    style="--animation-order: 2;">
  15112.                    <p>TOTO MACAU</p>
  15113.                </div>
  15114.                <div>
  15115.                    <form method="post" action="contact#contact_form" id="contact_form" accept-charset="UTF-8"
  15116.                        class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input
  15117.                            type="hidden" name="utf8" value="✓" />
  15118.                        <input type="hidden" name="contact[tags]" value="newsletter">
  15119.                        <div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in" data-cascade
  15120.                            style="--animation-order: 3;">
  15121.                            <div class="field">
  15122.                                <input id="NewsletterForm--sections--17040648372437__newsletter" type="email"
  15123.                                    name="contact[email]" class="field__input" value="" aria-required="true"
  15124.                                    autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email"
  15125.                                    required>
  15126.                                <label class="field__label" for="NewsletterForm--sections--17040648372437__newsletter">
  15127.                                    Prediksi Macau
  15128.                                </label>
  15129.                                <button type="submit" class="newsletter-form__button field__button" name="commit"
  15130.                                    id="Subscribe" aria-label="Subscribe">
  15131.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  15132.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  15133.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  15134.                                            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"
  15135.                                            fill="currentColor">
  15136.                                    </svg>
  15137.  
  15138.                                </button>
  15139.                            </div>
  15140.                        </div>
  15141.                    </form>
  15142.                </div>
  15143.            </div>
  15144.        </div>
  15145.  
  15146.  
  15147.    </section>
  15148.    <div id="shopify-section-sections--17040648372437__footer"
  15149.        class="shopify-section shopify-section-group-footer-group">
  15150.        <style>
  15151.            .footer {
  15152.                border-top: .1rem solid rgba(var(--color-foreground), .08)
  15153.            }
  15154.  
  15155.            .footer:not(.color-background-1) {
  15156.                border-top: none
  15157.            }
  15158.  
  15159.            .footer__content-top {
  15160.                padding-bottom: 5rem;
  15161.                display: block
  15162.            }
  15163.  
  15164.            @media screen and (max-width: 749px) {
  15165.                .footer .grid {
  15166.                    display: block
  15167.                }
  15168.  
  15169.                .footer-block.grid__item {
  15170.                    padding: 0;
  15171.                    margin: 4rem 0;
  15172.                    width: 100%
  15173.                }
  15174.  
  15175.                .footer-block.grid__item:first-child {
  15176.                    margin-top: 0
  15177.                }
  15178.  
  15179.                .footer__content-top {
  15180.                    padding-bottom: 3rem;
  15181.                    padding-left: calc(4rem / var(--font-body-scale));
  15182.                    padding-right: calc(4rem / var(--font-body-scale))
  15183.                }
  15184.            }
  15185.  
  15186.            @media screen and (min-width: 750px) {
  15187.                .footer__content-top .grid {
  15188.                    row-gap: 6rem;
  15189.                    margin-bottom: 0
  15190.                }
  15191.            }
  15192.  
  15193.            .footer__content-bottom {
  15194.                border-top: solid .1rem rgba(var(--color-foreground), .08);
  15195.                padding-top: 3rem
  15196.            }
  15197.  
  15198.            .footer__content-bottom:only-child {
  15199.                border-top: 0
  15200.            }
  15201.  
  15202.            .footer__content-bottom-wrapper {
  15203.                display: flex;
  15204.                width: 100%
  15205.            }
  15206.  
  15207.            @media screen and (max-width: 749px) {
  15208.                .footer__content-bottom {
  15209.                    flex-wrap: wrap;
  15210.                    padding-top: 0;
  15211.                    padding-left: 0;
  15212.                    padding-right: 0;
  15213.                    row-gap: 1.5rem
  15214.                }
  15215.  
  15216.                .footer__content-bottom-wrapper {
  15217.                    flex-wrap: wrap;
  15218.                    row-gap: 1.5rem;
  15219.                    justify-content: center
  15220.                }
  15221.            }
  15222.  
  15223.            .footer__localization:empty+.footer__column--info {
  15224.                align-items: center
  15225.            }
  15226.  
  15227.            @media screen and (max-width: 749px) {
  15228.                .footer__localization:empty+.footer__column {
  15229.                    padding-top: 1.5rem
  15230.                }
  15231.            }
  15232.  
  15233.            .footer__column {
  15234.                width: 100%;
  15235.                align-items: flex-end
  15236.            }
  15237.  
  15238.            .footer__column--info {
  15239.                display: flex;
  15240.                flex-direction: column;
  15241.                justify-content: center;
  15242.                align-items: center;
  15243.                padding-left: 2rem;
  15244.                padding-right: 2rem
  15245.            }
  15246.  
  15247.            @media screen and (min-width: 750px) {
  15248.                .footer__column--info {
  15249.                    padding-left: 0;
  15250.                    padding-right: 0;
  15251.                    align-items: flex-end
  15252.                }
  15253.            }
  15254.  
  15255.            .footer-block:only-child:last-child {
  15256.                text-align: center;
  15257.                max-width: 76rem;
  15258.                margin: 0 auto
  15259.            }
  15260.  
  15261.            @media screen and (min-width: 750px) {
  15262.                .footer-block {
  15263.                    display: block;
  15264.                    margin-top: 0
  15265.                }
  15266.            }
  15267.  
  15268.            .footer-block:empty {
  15269.                display: none
  15270.            }
  15271.  
  15272.            .footer-block--newsletter {
  15273.                display: flex;
  15274.                align-items: flex-end;
  15275.                margin-top: 3rem;
  15276.                gap: 1rem
  15277.            }
  15278.  
  15279.            .footer-block--newsletter:only-child {
  15280.                margin-top: 0
  15281.            }
  15282.  
  15283.            @media screen and (max-width: 749px) {
  15284.                .footer-block.footer-block--menu:only-child {
  15285.                    text-align: left
  15286.                }
  15287.            }
  15288.  
  15289.            @media screen and (min-width: 750px) {
  15290.                .footer-block--newsletter {
  15291.                    flex-wrap: nowrap;
  15292.                    justify-content: center
  15293.                }
  15294.            }
  15295.  
  15296.            .footer-block__heading {
  15297.                margin-bottom: 2rem;
  15298.                margin-top: 0;
  15299.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  15300.            }
  15301.  
  15302.            @media screen and (min-width: 990px) {
  15303.                .footer-block__heading {
  15304.                    font-size: calc(var(--font-heading-scale) * 1.8rem)
  15305.                }
  15306.            }
  15307.  
  15308.            .footer__list-social:empty,
  15309.            .footer-block--newsletter:empty {
  15310.                display: none
  15311.            }
  15312.  
  15313.            .footer__follow-on-shop {
  15314.                display: flex;
  15315.                text-align: center
  15316.            }
  15317.  
  15318.            .footer__list-social.list-social:only-child {
  15319.                justify-content: center
  15320.            }
  15321.  
  15322.            .footer-block__newsletter {
  15323.                text-align: center;
  15324.                flex-grow: 1
  15325.            }
  15326.  
  15327.            .newsletter-form__field-wrapper {
  15328.                max-width: 36rem
  15329.            }
  15330.  
  15331.            @media screen and (min-width: 750px) {
  15332.                .footer-block__newsletter:not(:only-child) {
  15333.                    text-align: left;
  15334.                    margin-right: auto
  15335.                }
  15336.  
  15337.                .footer-block__newsletter:not(:only-child) .footer__newsletter {
  15338.                    justify-content: flex-start;
  15339.                    margin: 0
  15340.                }
  15341.  
  15342.                .footer-block__newsletter:not(:only-child) .newsletter-form__message--success {
  15343.                    left: auto
  15344.                }
  15345.  
  15346.                .footer__follow-on-shop {
  15347.                    margin-bottom: .4rem
  15348.                }
  15349.  
  15350.                .footer__follow-on-shop:first-child:not(:last-child) {
  15351.                    justify-content: flex-start;
  15352.                    margin-right: auto;
  15353.                    text-align: left
  15354.                }
  15355.  
  15356.                .footer__follow-on-shop:not(:first-child):not(:last-child) {
  15357.                    justify-content: flex-end;
  15358.                    text-align: right
  15359.                }
  15360.            }
  15361.  
  15362.            @media screen and (max-width: 749px) {
  15363.                .footer-block--newsletter {
  15364.                    display: flex;
  15365.                    flex-direction: column;
  15366.                    flex: 1 1 100%;
  15367.                    align-items: center;
  15368.                    gap: 3rem
  15369.                }
  15370.  
  15371.                .footer__list-social.list-social,
  15372.                .footer__follow-on-shop,
  15373.                .footer-block__newsletter {
  15374.                    display: flex;
  15375.                    justify-content: center
  15376.                }
  15377.  
  15378.                .footer-block__newsletter {
  15379.                    flex-direction: column
  15380.                }
  15381.            }
  15382.  
  15383.            @media screen and (min-width: 750px) {
  15384.                .footer-block__newsletter+.footer__list-social {
  15385.                    margin-top: 0
  15386.                }
  15387.            }
  15388.  
  15389.            .footer__localization {
  15390.                display: flex;
  15391.                flex-direction: row;
  15392.                justify-content: center;
  15393.                align-content: center;
  15394.                flex-wrap: wrap;
  15395.                padding: 1rem 1rem 0
  15396.            }
  15397.  
  15398.            .footer__localization:empty {
  15399.                display: none
  15400.            }
  15401.  
  15402.            .footer__localization h2 {
  15403.                margin: 1rem 1rem .5rem;
  15404.                color: rgba(var(--color-foreground), .75)
  15405.            }
  15406.  
  15407.            @media screen and (min-width: 750px) {
  15408.                .footer__localization {
  15409.                    padding: .4rem 0;
  15410.                    justify-content: flex-start
  15411.                }
  15412.  
  15413.                .footer__localization h2 {
  15414.                    margin: 1rem 0 0
  15415.                }
  15416.            }
  15417.  
  15418.            @media screen and (max-width: 989px) {
  15419.                .footer__localization noscript {
  15420.                    width: 100%
  15421.                }
  15422.            }
  15423.  
  15424.            @media screen and (min-width: 750px) {
  15425.                .footer__payment {
  15426.                    margin-top: 1.5rem
  15427.                }
  15428.            }
  15429.  
  15430.            .footer__content-bottom-wrapper--center {
  15431.                justify-content: center
  15432.            }
  15433.  
  15434.            .footer__copyright {
  15435.                text-align: center;
  15436.                margin-top: 1.5rem
  15437.            }
  15438.  
  15439.            @media screen and (min-width: 750px) {
  15440.                .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
  15441.                    text-align: right
  15442.                }
  15443.            }
  15444.  
  15445.            @keyframes appear-down {
  15446.                0% {
  15447.                    opacity: 0;
  15448.                    margin-top: -1rem
  15449.                }
  15450.  
  15451.                to {
  15452.                    opacity: 1;
  15453.                    margin-top: 0
  15454.                }
  15455.            }
  15456.  
  15457.            .footer-block__details-content {
  15458.                margin-bottom: 4rem
  15459.            }
  15460.  
  15461.            @media screen and (min-width: 750px) {
  15462.                .footer-block__details-content {
  15463.                    margin-bottom: 0
  15464.                }
  15465.  
  15466.                .footer-block__details-content>p,
  15467.                .footer-block__details-content>li {
  15468.                    padding: 0
  15469.                }
  15470.  
  15471.                .footer-block:only-child li {
  15472.                    display: inline
  15473.                }
  15474.  
  15475.                .footer-block__details-content>li:not(:last-child) {
  15476.                    margin-right: 1.5rem
  15477.                }
  15478.            }
  15479.  
  15480.            .footer-block__details-content .list-menu__item--link,
  15481.            .copyright__content a {
  15482.                color: rgba(var(--color-foreground), .75)
  15483.            }
  15484.  
  15485.            .footer-block__details-content .list-menu__item--active {
  15486.                transition: text-decoration-thickness var(--duration-short) ease;
  15487.                color: rgb(var(--color-foreground))
  15488.            }
  15489.  
  15490.            @media screen and (min-width: 750px) {
  15491.  
  15492.                .footer-block__details-content .list-menu__item--link:hover,
  15493.                .copyright__content a:hover {
  15494.                    color: rgb(var(--color-foreground));
  15495.                    text-decoration: underline;
  15496.                    text-underline-offset: .3rem
  15497.                }
  15498.  
  15499.                .footer-block__details-content .list-menu__item--active:hover {
  15500.                    text-decoration-thickness: .2rem
  15501.                }
  15502.            }
  15503.  
  15504.            @media screen and (max-width: 989px) {
  15505.                .footer-block__details-content .list-menu__item--link {
  15506.                    padding-top: 1rem;
  15507.                    padding-bottom: 1rem
  15508.                }
  15509.            }
  15510.  
  15511.            @media screen and (min-width: 750px) {
  15512.                .footer-block__details-content .list-menu__item--link {
  15513.                    display: inline-block;
  15514.                    font-size: 1.4rem
  15515.                }
  15516.  
  15517.                .footer-block__details-content>:first-child .list-menu__item--link {
  15518.                    padding-top: 0
  15519.                }
  15520.            }
  15521.  
  15522.            .footer-block-image {
  15523.                display: flex
  15524.            }
  15525.  
  15526.            .footer-block-image.left {
  15527.                justify-content: flex-start
  15528.            }
  15529.  
  15530.            .footer-block-image.center {
  15531.                justify-content: center
  15532.            }
  15533.  
  15534.            .footer-block-image.right {
  15535.                justify-content: flex-end
  15536.            }
  15537.  
  15538.            @media screen and (max-width: 749px) {
  15539.  
  15540.                .footer-block-image,
  15541.                .footer-block-image.left,
  15542.                .footer-block-image.center,
  15543.                .footer-block-image.right {
  15544.                    justify-content: center
  15545.                }
  15546.            }
  15547.  
  15548.            .footer-block__image-wrapper {
  15549.                margin-bottom: 2rem;
  15550.                overflow: hidden !important
  15551.            }
  15552.  
  15553.            .footer-block__image-wrapper img {
  15554.                display: block;
  15555.                height: auto;
  15556.                max-width: 100%
  15557.            }
  15558.  
  15559.            .footer-block__brand-info {
  15560.                text-align: left
  15561.            }
  15562.  
  15563.            .footer-block:only-child .footer-block__brand-info {
  15564.                text-align: center
  15565.            }
  15566.  
  15567.            .footer-block:only-child>.footer-block__brand-info>.footer-block__image-wrapper {
  15568.                margin-left: auto;
  15569.                margin-right: auto
  15570.            }
  15571.  
  15572.            .footer-block-image>img,
  15573.            .footer-block__brand-info>img {
  15574.                height: auto
  15575.            }
  15576.  
  15577.            .footer-block:only-child .footer-block__brand-info .footer__list-social.list-social {
  15578.                justify-content: center
  15579.            }
  15580.  
  15581.            .footer-block__brand-info .footer__list-social.list-social {
  15582.                justify-content: flex-start;
  15583.                margin-left: -1.3rem;
  15584.                margin-right: -1.3rem
  15585.            }
  15586.  
  15587.            .footer-block__details-content .placeholder-svg {
  15588.                max-width: 20rem
  15589.            }
  15590.  
  15591.            .copyright__content {
  15592.                font-size: 1.1rem
  15593.            }
  15594.  
  15595.            .copyright__content a {
  15596.                color: currentColor;
  15597.                text-decoration: none
  15598.            }
  15599.  
  15600.            .policies {
  15601.                display: inline
  15602.            }
  15603.  
  15604.            .policies li {
  15605.                display: inline-flex;
  15606.                justify-content: center;
  15607.                align-items: center
  15608.            }
  15609.  
  15610.            .policies li:before {
  15611.                content: "\b7";
  15612.                padding: 0 .8rem
  15613.            }
  15614.  
  15615.            .policies li a {
  15616.                padding: .6rem 0;
  15617.                display: block
  15618.            }
  15619.  
  15620.            @media screen and (min-width: 750px) {
  15621.                .policies li a {
  15622.                    padding: 0
  15623.                }
  15624.            }
  15625.  
  15626.            @keyframes animateLocalization {
  15627.                0% {
  15628.                    opacity: 0;
  15629.                    transform: translateY(0)
  15630.                }
  15631.  
  15632.                to {
  15633.                    opacity: 1;
  15634.                    transform: translateY(-1rem)
  15635.                }
  15636.            }
  15637.  
  15638.            @supports not (inset: 10px) {
  15639.                @media screen and (max-width: 749px) {
  15640.                    .footer .grid {
  15641.                        margin-left: 0
  15642.                    }
  15643.                }
  15644.  
  15645.                @media screen and (min-width: 750px) {
  15646.                    .footer__content-top .grid {
  15647.                        margin-left: -3rem
  15648.                    }
  15649.  
  15650.                    .footer__content-top .grid__item {
  15651.                        padding-left: 3rem
  15652.                    }
  15653.                }
  15654.            }
  15655.        </style>
  15656.        <style>
  15657.            .newsletter-form {
  15658.                display: flex;
  15659.                flex-direction: column;
  15660.                justify-content: center;
  15661.                align-items: center;
  15662.                width: 100%;
  15663.                position: relative
  15664.            }
  15665.  
  15666.            @media screen and (min-width: 750px) {
  15667.                .newsletter-form {
  15668.                    align-items: flex-start;
  15669.                    margin: 0 auto;
  15670.                    max-width: 36rem
  15671.                }
  15672.            }
  15673.  
  15674.            .newsletter-form__field-wrapper {
  15675.                width: 100%
  15676.            }
  15677.  
  15678.            .newsletter-form__field-wrapper .field__input {
  15679.                padding-right: 5rem
  15680.            }
  15681.  
  15682.            .newsletter-form__field-wrapper .field {
  15683.                z-index: 0
  15684.            }
  15685.  
  15686.            .newsletter-form__message {
  15687.                justify-content: center;
  15688.                margin-bottom: 0
  15689.            }
  15690.  
  15691.            .newsletter-form__message--success {
  15692.                margin-top: 2rem
  15693.            }
  15694.  
  15695.            @media screen and (min-width: 750px) {
  15696.                .newsletter-form__message {
  15697.                    justify-content: flex-start
  15698.                }
  15699.            }
  15700.  
  15701.            .newsletter-form__button {
  15702.                width: 4.4rem;
  15703.                margin: 0;
  15704.                right: var(--inputs-border-width);
  15705.                top: 0;
  15706.                height: 100%;
  15707.                z-index: 2
  15708.            }
  15709.  
  15710.            .newsletter-form__button:focus-visible {
  15711.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15712.                background-color: rgb(var(--color-background))
  15713.            }
  15714.  
  15715.            .newsletter-form__button:focus {
  15716.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15717.                background-color: rgb(var(--color-background))
  15718.            }
  15719.  
  15720.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15721.                box-shadow: inherit;
  15722.                background-color: inherit
  15723.            }
  15724.  
  15725.            .newsletter-form__button .icon {
  15726.                width: 1.5rem
  15727.            }
  15728.        </style>
  15729.        <style>
  15730.            .list-menu--right {
  15731.                right: 0;
  15732.            }
  15733.  
  15734.            .list-menu--disclosure {
  15735.                position: absolute;
  15736.                min-width: 100%;
  15737.                width: 20rem;
  15738.                border: 1px solid rgba(var(--color-foreground), 0.2);
  15739.            }
  15740.  
  15741.            .list-menu--disclosure:focus {
  15742.                outline: none;
  15743.            }
  15744.  
  15745.            .list-menu__item--active {
  15746.                text-decoration: underline;
  15747.                text-underline-offset: 0.3rem;
  15748.            }
  15749.  
  15750.            .list-menu__item--active:hover {
  15751.                text-decoration-thickness: 0.2rem;
  15752.            }
  15753.  
  15754.            .list-menu--disclosure.localization-selector {
  15755.                max-height: 18rem;
  15756.                overflow: auto;
  15757.                width: 10rem;
  15758.                padding: 0.5rem;
  15759.            }
  15760.        </style>
  15761.        <style>
  15762.            .list-payment {
  15763.                display: flex;
  15764.                flex-wrap: wrap;
  15765.                justify-content: center;
  15766.                margin: -0.5rem 0;
  15767.                padding-top: 1rem;
  15768.                padding-left: 0;
  15769.            }
  15770.  
  15771.            @media screen and (min-width: 750px) {
  15772.                .list-payment {
  15773.                    justify-content: flex-end;
  15774.                    margin: -0.5rem;
  15775.                    padding-top: 0;
  15776.                }
  15777.            }
  15778.  
  15779.            .list-payment__item {
  15780.                align-items: center;
  15781.                display: flex;
  15782.                padding: 0.5rem;
  15783.            }
  15784.        </style>
  15785.        <style>
  15786.            .list-social {
  15787.                display: flex;
  15788.                flex-wrap: wrap;
  15789.                justify-content: flex-end;
  15790.            }
  15791.  
  15792.            @media only screen and (max-width: 749px) {
  15793.                .list-social {
  15794.                    justify-content: center;
  15795.                }
  15796.            }
  15797.  
  15798.            .list-social__item .icon {
  15799.                height: 2.2rem;
  15800.                width: 2.2rem;
  15801.            }
  15802.  
  15803.            .list-social__link {
  15804.                align-items: center;
  15805.                display: flex;
  15806.                padding: 1.1rem;
  15807.                color: rgb(var(--color-foreground));
  15808.            }
  15809.  
  15810.            .utility-bar .list-social__link {
  15811.                padding: 0 0.8rem;
  15812.                height: 3.8rem;
  15813.            }
  15814.  
  15815.            .list-social__link:hover .icon {
  15816.                transform: scale(1.07);
  15817.            }
  15818.        </style>
  15819.        <style data-shopify>
  15820.            .footer {
  15821.                margin-top: 0px;
  15822.            }
  15823.  
  15824.            .section-sections--17040648372437__footer-padding {
  15825.                padding-top: 33px;
  15826.                padding-bottom: 45px;
  15827.            }
  15828.  
  15829.            @media screen and (min-width: 750px) {
  15830.                .footer {
  15831.                    margin-top: 0px;
  15832.                }
  15833.  
  15834.                .section-sections--17040648372437__footer-padding {
  15835.                    padding-top: 44px;
  15836.                    padding-bottom: 60px;
  15837.                }
  15838.            }
  15839.        </style>
  15840.        <footer class="footer color-inverse gradient section-sections--17040648372437__footer-padding">
  15841.            <div class="footer__content-top page-width">
  15842.                <div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade></div>
  15843.            </div>
  15844.            <div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade>
  15845.                <div class="footer__content-bottom-wrapper page-width">
  15846.                    <div class="footer__column footer__localization isolate"></div>
  15847.                    <div class="footer__column footer__column--info">
  15848.                        <div class="footer__payment">
  15849.                            <span class="visually-hidden">Payment methods</span>
  15850.                            <ul class="list list-payment" role="list"></ul>
  15851.                        </div>
  15852.                    </div>
  15853.                </div>
  15854.                <div class="footer__content-bottom-wrapper page-width">
  15855.                    <div class="footer__copyright caption">
  15856.                        <small class="copyright__content">&copy; 2025, <a
  15857.                                href="https://duwaynemotel.com/">Prediksi Macau</a></small>
  15858.                        <small class="copyright__content"><a target="_blank" rel="nofollow">Togel Macau Resmi</a></small>
  15859.                    </div>
  15860.                </div>
  15861.            </div>
  15862.        </footer>
  15863.        <style>
  15864.            .fixed-footer {
  15865.                display: flex;
  15866.                justify-content: space-around;
  15867.                position: fixed;
  15868.                background: linear-gradient(to bottom, #604a09 0%, #d9b44c 50%, #d9b44c 100%);
  15869.                padding: 5px 0;
  15870.                box-shadow: 0 0 8px 4px #666;
  15871.                left: 0;
  15872.                right: 0;
  15873.                bottom: 0;
  15874.                z-index: 99
  15875.            }
  15876.  
  15877.            .fixed-footer a {
  15878.                flex-basis: calc((100% - 15px*6)/ 5);
  15879.                text-decoration: none;
  15880.                display: flex;
  15881.                flex-direction: column;
  15882.                justify-content: center;
  15883.                align-items: center;
  15884.                color: #fff;
  15885.                max-width: 75px;
  15886.                font-size: 12px;
  15887.                font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  15888.            }
  15889.  
  15890.            .fixed-footer a:hover {
  15891.                font-weight: bold;
  15892.            }
  15893.  
  15894.            .fixed-footer .center {
  15895.                transform: scale(1.5) translateY(-5px);
  15896.                background: center no-repeat;
  15897.                background-size: contain;
  15898.                background-color: inherit;
  15899.                border-radius: 50%;
  15900.            }
  15901.  
  15902.            .fixed-footer img {
  15903.                max-width: 20px;
  15904.                margin-bottom: 0;
  15905.                max-height: 20px;
  15906.            }
  15907.        </style>
  15908.        <div class="fixed-footer">
  15909.            <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noopener" target="_blank">
  15910.                <img layout="intrinsic" height="20px" width="20px"
  15911.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1703924711/home_r5olwp.png"
  15912.                    alt="Prediksi Macau">
  15913.                Macau
  15914.            </a>
  15915.            <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noopener" target="_blank">
  15916.                <img layout="intrinsic" height="20px" width="20px"
  15917.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772657/bonus_sda1qh.png"
  15918.                    alt="Bonus Prediksi Macau">
  15919.                Bonus
  15920.            </a>
  15921.            <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noopener" target="_blank" class="tada">
  15922.                <img layout="intrinsic" height="50" width="50"
  15923.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772657/daftar_hnwvhw.png"
  15924.                    alt="Daftar Prediksi Macau Resmi">
  15925.                Daftar
  15926.            </a>
  15927.            <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noopener" target="_blank">
  15928.                <img layout="intrinsic" height="20px" width="20px"
  15929.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1732772656/login_o2fhxl.png"
  15930.                    alt="Login Prediksi Macau">
  15931.                Login
  15932.            </a>
  15933.            <a href="https://ophiuchus.club/Paito-Macau/amp/" rel="nofollow noopener" target="_blank"
  15934.                class="js_live_chat_link live-chat-link">
  15935.                <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px"
  15936.                    src="https://res.cloudinary.com/f0ustf0ur/image/upload/v1722264585/LIVE_CHAT_dttepy.png"
  15937.                    alt="Live Chat Prediksi Macau">
  15938.                Live Chat
  15939.            </a>
  15940.        </div>
  15941.  
  15942.    </div>
  15943.    <!-- END sections: footer-group -->
  15944.  
  15945.    <ul hidden>
  15946.        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</b></li>
  15947.        <li id="a11y-new-window-message">Opens in a new window.</b></li>
  15948.    </ul>
  15949.  
  15950.    <script>
  15951.        window.shopUrl = 'https://duwaynemotel.com/';
  15952.        window.routes = {
  15953.            cart_add_url: '/cart/add',
  15954.            cart_change_url: '/cart/change',
  15955.            cart_update_url: '/cart/update',
  15956.            cart_url: '/cart',
  15957.            predictive_search_url: '/search/suggest',
  15958.        };
  15959.  
  15960.        window.cartStrings = {
  15961.            error: `There was an error while updating your cart. Please try again.`,
  15962.            quantityError: `You can only add [quantity] of this item to your cart.`,
  15963.        };
  15964.  
  15965.        window.variantStrings = {
  15966.            addToCart: `Add to cart`,
  15967.            soldOut: `Sold out`,
  15968.            unavailable: `Unavailable`,
  15969.            unavailable_with_option: `[value] - Unavailable`,
  15970.        };
  15971.  
  15972.        window.quickOrderListStrings = {
  15973.            itemsAdded: `[quantity] items added`,
  15974.            itemAdded: `[quantity] item added`,
  15975.            itemsRemoved: `[quantity] items removed`,
  15976.            itemRemoved: `[quantity] item removed`,
  15977.            viewCart: `View cart`,
  15978.            each: `[money]/ea`,
  15979.        };
  15980.  
  15981.        window.accessibilityStrings = {
  15982.            imageAvailable: `Image [index] is now available in gallery view`,
  15983.            shareSuccess: `Link copied to clipboard`,
  15984.            pauseSlideshow: `Pause slideshow`,
  15985.            playSlideshow: `Play slideshow`,
  15986.            recipientFormExpanded: `Gift card recipient form expanded`,
  15987.            recipientFormCollapsed: `Gift card recipient form collapsed`,
  15988.        };
  15989.    </script>
  15990.    <script>
  15991.        /** Shopify CDN: Minification failed
  15992.    
  15993.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  15994.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15995.    Line 29:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15996.    Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15997.    Line 42:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15998.    Line 44:4 Transforming const to the configured target environment ("es5") is not supported yet
  15999.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16000.    Line 68:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16001.    Line 78:9 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  16002.    Line 79:4 Transforming const to the configured target environment ("es5") is not supported yet
  16003.    ... and 31 more hidden warnings
  16004.    
  16005.    **/
  16006.        class PredictiveSearch extends SearchForm {
  16007.            constructor() {
  16008.                super();
  16009.                this.cachedResults = {};
  16010.                this.predictiveSearchResults = this.querySelector('[data-predictive-search]');
  16011.                this.allPredictiveSearchInstances = document.querySelectorAll('predictive-search');
  16012.                this.isOpen = false;
  16013.                this.abortController = new AbortController();
  16014.                this.searchTerm = '';
  16015.  
  16016.                this.setupEventListeners();
  16017.            }
  16018.  
  16019.            setupEventListeners() {
  16020.                this.input.form.addEventListener('submit', this.onFormSubmit.bind(this));
  16021.  
  16022.                this.input.addEventListener('focus', this.onFocus.bind(this));
  16023.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  16024.                this.addEventListener('keyup', this.onKeyup.bind(this));
  16025.                this.addEventListener('keydown', this.onKeydown.bind(this));
  16026.            }
  16027.  
  16028.            getQuery() {
  16029.                return this.input.value.trim();
  16030.            }
  16031.  
  16032.            onChange() {
  16033.                super.onChange();
  16034.                const newSearchTerm = this.getQuery();
  16035.                if (!this.searchTerm || !newSearchTerm.startsWith(this.searchTerm)) {
  16036.                    // Remove the results when they are no longer relevant for the new search term
  16037.                    // so they don't show up when the dropdown opens again
  16038.                    this.querySelector('#predictive-search-results-groups-wrapper')?.remove();
  16039.                }
  16040.  
  16041.                // Update the term asap, don't wait for the predictive search query to finish loading
  16042.                this.updateSearchForTerm(this.searchTerm, newSearchTerm);
  16043.  
  16044.                this.searchTerm = newSearchTerm;
  16045.  
  16046.                if (!this.searchTerm.length) {
  16047.                    this.close(true);
  16048.                    return;
  16049.                }
  16050.  
  16051.                this.getSearchResults(this.searchTerm);
  16052.            }
  16053.  
  16054.            onFormSubmit(event) {
  16055.                if (!this.getQuery().length || this.querySelector('[aria-selected="true"] a')) event.preventDefault();
  16056.            }
  16057.  
  16058.            onFormReset(event) {
  16059.                super.onFormReset(event);
  16060.                if (super.shouldResetForm()) {
  16061.                    this.searchTerm = '';
  16062.                    this.abortController.abort();
  16063.                    this.abortController = new AbortController();
  16064.                    this.closeResults(true);
  16065.                }
  16066.            }
  16067.  
  16068.            onFocus() {
  16069.                const currentSearchTerm = this.getQuery();
  16070.  
  16071.                if (!currentSearchTerm.length) return;
  16072.  
  16073.                if (this.searchTerm !== currentSearchTerm) {
  16074.                    // Search term was changed from other search input, treat it as a user change
  16075.                    this.onChange();
  16076.                } else if (this.getAttribute('results') === 'true') {
  16077.                    this.open();
  16078.                } else {
  16079.                    this.getSearchResults(this.searchTerm);
  16080.                }
  16081.            }
  16082.  
  16083.            onFocusOut() {
  16084.                setTimeout(() => {
  16085.                    if (!this.contains(document.activeElement)) this.close();
  16086.                });
  16087.            }
  16088.  
  16089.            onKeyup(event) {
  16090.                if (!this.getQuery().length) this.close(true);
  16091.                event.preventDefault();
  16092.  
  16093.                switch (event.code) {
  16094.                    case 'ArrowUp':
  16095.                        this.switchOption('up');
  16096.                        break;
  16097.                    case 'ArrowDown':
  16098.                        this.switchOption('down');
  16099.                        break;
  16100.                    case 'Enter':
  16101.                        this.selectOption();
  16102.                        break;
  16103.                }
  16104.            }
  16105.  
  16106.            onKeydown(event) {
  16107.                // Prevent the cursor from moving in the input when using the up and down arrow keys
  16108.                if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
  16109.                    event.preventDefault();
  16110.                }
  16111.            }
  16112.  
  16113.            updateSearchForTerm(previousTerm, newTerm) {
  16114.                const searchForTextElement = this.querySelector('[data-predictive-search-search-for-text]');
  16115.                const currentButtonText = searchForTextElement?.innerText;
  16116.                if (currentButtonText) {
  16117.                    if (currentButtonText.match(new RegExp(previousTerm, 'g')).length > 1) {
  16118.                        // The new term matches part of the button text and not just the search term, do not replace to avoid mistakes
  16119.                        return;
  16120.                    }
  16121.                    const newButtonText = currentButtonText.replace(previousTerm, newTerm);
  16122.                    searchForTextElement.innerText = newButtonText;
  16123.                }
  16124.            }
  16125.  
  16126.            switchOption(direction) {
  16127.                if (!this.getAttribute('open')) return;
  16128.  
  16129.                const moveUp = direction === 'up';
  16130.                const selectedElement = this.querySelector('[aria-selected="true"]');
  16131.  
  16132.                // Filter out hidden elements (duplicated page and article resources) thanks
  16133.                // to this https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
  16134.                const allVisibleElements = Array.from(this.querySelectorAll('li, button.predictive-search__item')).filter(
  16135.                    (element) => element.offsetParent !== null
  16136.                );
  16137.                let activeElementIndex = 0;
  16138.  
  16139.                if (moveUp && !selectedElement) return;
  16140.  
  16141.                let selectedElementIndex = -1;
  16142.                let i = 0;
  16143.  
  16144.                while (selectedElementIndex === -1 && i <= allVisibleElements.length) {
  16145.                    if (allVisibleElements[i] === selectedElement) {
  16146.                        selectedElementIndex = i;
  16147.                    }
  16148.                    i++;
  16149.                }
  16150.  
  16151.                this.statusElement.textContent = '';
  16152.  
  16153.                if (!moveUp && selectedElement) {
  16154.                    activeElementIndex = selectedElementIndex === allVisibleElements.length - 1 ? 0 : selectedElementIndex + 1;
  16155.                } else if (moveUp) {
  16156.                    activeElementIndex = selectedElementIndex === 0 ? allVisibleElements.length - 1 : selectedElementIndex - 1;
  16157.                }
  16158.  
  16159.                if (activeElementIndex === selectedElementIndex) return;
  16160.  
  16161.                const activeElement = allVisibleElements[activeElementIndex];
  16162.  
  16163.                activeElement.setAttribute('aria-selected', true);
  16164.                if (selectedElement) selectedElement.setAttribute('aria-selected', false);
  16165.  
  16166.                this.input.setAttribute('aria-activedescendant', activeElement.id);
  16167.            }
  16168.  
  16169.            selectOption() {
  16170.                const selectedOption = this.querySelector('[aria-selected="true"] a, button[aria-selected="true"]');
  16171.  
  16172.                if (selectedOption) selectedOption.click();
  16173.            }
  16174.  
  16175.            getSearchResults(searchTerm) {
  16176.                const queryKey = searchTerm.replace(' ', '-').toLowerCase();
  16177.                this.setLiveRegionLoadingState();
  16178.  
  16179.                if (this.cachedResults[queryKey]) {
  16180.                    this.renderSearchResults(this.cachedResults[queryKey]);
  16181.                    return;
  16182.                }
  16183.  
  16184.                fetch(`${routes.predictive_search_url}?q=${encodeURIComponent(searchTerm)}&section_id=predictive-search`, {
  16185.                    signal: this.abortController.signal,
  16186.                })
  16187.                    .then((response) => {
  16188.                        if (!response.ok) {
  16189.                            var error = new Error(response.status);
  16190.                            this.close();
  16191.                            throw error;
  16192.                        }
  16193.  
  16194.                        return response.text();
  16195.                    })
  16196.                    .then((text) => {
  16197.                        const resultsMarkup = new DOMParser()
  16198.                            .parseFromString(text, 'text/html')
  16199.                            .querySelector('#shopify-section-predictive-search').innerHTML;
  16200.                        // Save bandwidth keeping the cache in all instances synced
  16201.                        this.allPredictiveSearchInstances.forEach((predictiveSearchInstance) => {
  16202.                            predictiveSearchInstance.cachedResults[queryKey] = resultsMarkup;
  16203.                        });
  16204.                        this.renderSearchResults(resultsMarkup);
  16205.                    })
  16206.                    .catch((error) => {
  16207.                        if (error?.code === 20) {
  16208.                            // Code 20 means the call was aborted
  16209.                            return;
  16210.                        }
  16211.                        this.close();
  16212.                        throw error;
  16213.                    });
  16214.            }
  16215.  
  16216.            setLiveRegionLoadingState() {
  16217.                this.statusElement = this.statusElement || this.querySelector('.predictive-search-status');
  16218.                this.loadingText = this.loadingText || this.getAttribute('data-loading-text');
  16219.  
  16220.                this.setLiveRegionText(this.loadingText);
  16221.                this.setAttribute('loading', true);
  16222.            }
  16223.  
  16224.            setLiveRegionText(statusText) {
  16225.                this.statusElement.setAttribute('aria-hidden', 'false');
  16226.                this.statusElement.textContent = statusText;
  16227.  
  16228.                setTimeout(() => {
  16229.                    this.statusElement.setAttribute('aria-hidden', 'true');
  16230.                }, 1000);
  16231.            }
  16232.  
  16233.            renderSearchResults(resultsMarkup) {
  16234.                this.predictiveSearchResults.innerHTML = resultsMarkup;
  16235.                this.setAttribute('results', true);
  16236.  
  16237.                this.setLiveRegionResults();
  16238.                this.open();
  16239.            }
  16240.  
  16241.            setLiveRegionResults() {
  16242.                this.removeAttribute('loading');
  16243.                this.setLiveRegionText(this.querySelector('[data-predictive-search-live-region-count-value]').textContent);
  16244.            }
  16245.  
  16246.            getResultsMaxHeight() {
  16247.                this.resultsMaxHeight =
  16248.                    window.innerHeight - document.querySelector('.section-header').getBoundingClientRect().bottom;
  16249.                return this.resultsMaxHeight;
  16250.            }
  16251.  
  16252.            open() {
  16253.                this.predictiveSearchResults.style.maxHeight = this.resultsMaxHeight || `${this.getResultsMaxHeight()}px`;
  16254.                this.setAttribute('open', true);
  16255.                this.input.setAttribute('aria-expanded', true);
  16256.                this.isOpen = true;
  16257.            }
  16258.  
  16259.            close(clearSearchTerm = false) {
  16260.                this.closeResults(clearSearchTerm);
  16261.                this.isOpen = false;
  16262.            }
  16263.  
  16264.            closeResults(clearSearchTerm = false) {
  16265.                if (clearSearchTerm) {
  16266.                    this.input.value = '';
  16267.                    this.removeAttribute('results');
  16268.                }
  16269.                const selected = this.querySelector('[aria-selected="true"]');
  16270.  
  16271.                if (selected) selected.setAttribute('aria-selected', false);
  16272.  
  16273.                this.input.setAttribute('aria-activedescendant', '');
  16274.                this.removeAttribute('loading');
  16275.                this.removeAttribute('open');
  16276.                this.input.setAttribute('aria-expanded', false);
  16277.                this.resultsMaxHeight = false;
  16278.                this.predictiveSearchResults.removeAttribute('style');
  16279.            }
  16280.        }
  16281.  
  16282.        customElements.define('predictive-search', PredictiveSearch);
  16283.    </script>
  16284. <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>
  16285. <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>
  16286. </body>
  16287.  
  16288. </html>

Home · About · News · Docs · Terms

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